.panel-button {
    position: relative;
    display: inline-block;
}

.panel-button::before {
    content: '\f0e0';
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    margin-right: 3.3em;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    z-index: 3;
}

.panel-button .button.radius.postfix {
    padding-left: 38px;
}

figure.right img.rs-single {
    max-width: 100% !important;
}

.banner,
.sticky-banner-buttons a {
    position: relative;
    text-align: center
}

.close-sticky,
.row.story-at-glance::before {
    letter-spacing: 1px;
    text-transform: uppercase
}

@font-face {
    font-family: FontAwesome;
    src: url(https://media.mercola.com/assets/fonts/fontawesome-webfont.woff), url(https://media.mercola.com/assets/fonts/fontawesome-webfont.ttf), url(https://media.mercola.com/assets/fonts/fontawesome-webfont.svg);
    font-weight: 400;
    font-style: normal
}

#sticky-banner.non-promo.removed-sticky,
.fixed-bottom>.max-width>.offer-text>span.expiry-text,
.header-container.hide,
.hide-for-landscape,
.mfp-hide,
.print-only,
.show-for-portrait,
.show-for-touch,
.touch .hide-for-touch {
    display: none !important
}

#sticky-banner span.in-stock-button:after {
    content: 'Add to Cart'
}

.card p,
.gdpr-container .close-button p,
.mfp-figure figure,
.right-small .inline-list li,
.search-small a.button,
.search-small input[type=text],
.social-widgets ul,
.subscription-panel .inline,
div.mycart ul,
div.sticky-banner-button-stc a.add-to-cart,
form .row .row.collapse {
    margin: 0
}

.sticky-banner-button a,
.sticky-banner-button-stc a {
    position: relative;
    background: #af1a31;
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 16px
}

.sticky-banner-button a:hover,
.sticky-banner-button-stc a:hover {
    background: #a60f26;
    color: #fff
}

.alertbutton:focus,
.alertbutton:hover,
.error small.error,
.header-autoship a,
.header-autoship a:focus,
.header-autoship a:hover,
.header-content-block span,
.icon-bar>* i,
.icon-bar>* label,
.icon-bar>a.active i,
.icon-bar>a.active label,
.icon-bar>a:hover i,
.icon-bar>a:hover label,
.mfp-preloader a:hover,
.mobileheader-content-block a:hover,
.social-icons .social-btn[data-social-btn=link]>a:hover,
.sticky-banner-button a:active,
.sticky-banner-button a:focus,
.sticky-banner-button a:visited,
.sticky-banner-button-stc a:active,
.sticky-banner-button-stc a:focus,
.sticky-banner-button-stc a:visited,
.top-bar-section ul li.active>a,
footer a {
    color: #fff
}

.clearing-blackout .clearing-close,
.clearing-feature li.clearing-featured-img,
.error span.error-message,
.f-dropdown.content.open,
.f-dropdown.drop-left.open,
.f-dropdown.drop-right.open,
.f-dropdown.drop-top.open,
.f-dropdown.open,
.fixed-bottom>.max-width>.close-sticky,
.fixed-bottom>.max-width>.sticky-banner-button,
.fixed-bottom>.max-width>.sticky-banner-button-stc,
.fixed-bottom>.max-width>span.last-day,
.fixed-bottom>.max-width>span.one-day,
.fixed-bottom>.max-width>span.sale-badge-sticky,
.header-login .language .dropdown.open~ul li,
.inline-list>li>*,
.js-generated,
.left-off-canvas-menu.platinum-mm .need-help div span,
.logo,
.modal-form table td,
.rewards-modal .roles-points .roles,
.row.subnav #drop1 li .drop-hover:hover+ul,
.row.subnav .drop-hover:hover,
.row.subnav .drop-hover~ul:hover,
.row.subnav .dropdown:hover .dropdown-content,
.tabs-content.vertical,
article .content-page .small-teaser-copy {
    display: block
}

@media only screen and (max-width:700px) {
    .sticky-banner-button-stc a {
        padding: 9px 17px
    }

    .fixed-bottom>.max-width>.sticky-banner-button-stc {
        float: right
    }

    .fixed-bottom>.max-width>.sticky-banner-button-stc a {
        font-size: 14px;
        font-weight: 600
    }

    .fixed-bottom>.max-width>.close-sticky,
    .fixed-bottom>.max-width>.sticky-banner-button-stc {
        margin: auto !important
    }
}

.regular,
div.max-width.single-sku.static-sticky {
    margin: 0 auto
}

.accountflyout#navdrop-mobile li:first-child:hover,
div.max-width.single-sku table,
.footer-links .accordion-navigation .content,
div.max-width.single-sku table td.priceLabelCustomer,
table.responsive-table tbody tr:nth-child(2n) td:nth-child(2),
ul.off-canvas-list .off-canvas-submenu li a {
    background: 0 0 !important;
}

@media only screen and (max-width:969px) {
    .sticky-banner-buttons a {
        padding: 10px 15px !important;
        font-size: 15px !important
    }
}

#footer~br,
#label_snapshot,
#sticky-banner .max-width.single-sku,
#sticky-banner.removed-sticky .max-width.static-sticky,
#sticky-banner.removed-sticky .offer-text.img-offer,
#sticky-banner.removed-sticky .sticky-banner-buttons,
#sticky-banner.removed-sticky span.sticky-img,
.clearing-assembled .clearing-container .carousel>ul,
.clearing-feature li,
.content-container .actions .language-link,
.footer-links .accordion .accordion-navigation>.content,
.header-login .language ul li,
.hide,
.left-off-canvas-menu.wholesale-mm ul li:nth-child(12),
.mobile-banner,
.offer-text td.priceLabel.priceLabelCustomer,
.offer-text tr.per-day,
.offer-text tr.per-day td,
.priceLabel.priceLabelList,
.priceList,
.row.story-at-glance .info,
.row.story-at-glance hr,
.row.subnav #drop1::after,
.stock,
.subnav #drop1::before,
div.img-offer td.freeshipping,
table.responsive-table .tr-highlight {
    display: none
}

div.offer-text.img-offer table,
div.offer-text.img-offer table.priceTable tr:nth-of-type(2n),
div.offer-text.img-offer td.priceCustomer {
    background-color: none !important;
    border-collapse: collapse
}

.max-width.single-sku {
    margin: -1rem auto
}

#sticky-banner.fixed-bottom .max-width.single-sku {
    display: flex !important
}

div.offer-text table.priceTable {
    margin: 5px 0
}

span.sticky-img img {
    border: 1px;
    border-radius: 100%;
    width: auto;
    padding: 10px
}

span.sticky-img {
    line-height: 0;
    margin-right: 0 !important;
    color: #fff;
    background-color: none;
    padding: 0;
    margin-top: 0;
    height: auto;
    width: 13%
}

.language span a,
.subscription-hide:hover,
div.offer-text .savings {
    color: #000
}

div.offer-text span.day-supply {
    color: #333 !important;
    font-weight: 400
}

div.offer-text .priceCustomer {
    color: #af1a31;
    font-weight: 600;
    font-size: 20px !important;
    padding: .25rem 0
}

.fixed-bottom>.max-width>.offer-text.img-offer {
    text-align: left;
    font-size: 18px;
    width: auto;
    max-width: 550px;
    line-height: 22px;
    height: auto;
    margin: auto 55px auto 0
}

.ETAFForm .emaildetails .subscribeBox input,
.ETAFForm .emaildetails .subscribeBox label,
.help,
.icon-bar.label-right>* label,
.offer-text tr,
.preloader,
.tollfree,
a.category-button,
img {
    display: inline-block
}

div.removed-sticky div.offer-text table.priceTable {
    margin: auto
}

div.offer-text span.msrp,
div.offer-text span.msrp-price {
    font-weight: 400;
    font-size: 14px;
    color: #333 !important
}

div.offer-text span.msrp-save {
    padding: 5px 10px;
    font-size: 13px !important;
    color: #fff !important;
    background: #1c1c1c;
    margin-left: 5px;
    text-transform: uppercase
}

.sticky-banner-buttons {
    margin: auto 0
}

.sticky-banner-buttons a {
    background: #af1a31;
    font-weight: 700;
    color: #fff !important;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 16px
}

.sticky-banner-buttons a:hover {
    color: #fff !important;
    background: #a60f26
}

@media only screen and (max-width:930px) {

    .sticky-banner-button a,
    .sticky-banner-button-stc a {
        font-size: 14px
    }

    .fixed-bottom>.max-width>.offer-text>span.savings {
        font-size: 16px !important
    }

    span.day-supply {
        font-size: 12px !important
    }

    div.offer-text span.day-supply {
        display: block
    }
}

@media only screen and (max-width:768px) {
    .close-button {
        margin-left: -24px;
    }

    .gdpr-container p {
        font-size: 12px !important;
    }

    .gdpr-container>p {
        padding-right: 9px;
    }

    .salesbox-body span.low-price-en,
    .salesbox-body span.low-price-es {
        margin: 20px 225px
    }

    .subscription-panel label h3,
    .subscription-panel label h3 span {
        font-size: 18px !important;
    }

    div.footer-disclaimer>div.container {
        padding: 25px 0;
    }

    .offer-text {
        margin-right: 0
    }

    .sticky-banner-button a,
    .sticky-banner-button-stc a {
        font-size: 15px
    }

    .fixed-bottom>.max-width.single-sku>.offer-text>span.savings {
        font-weight: 500
    }

    div.offer-text span.msrp,
    div.offer-text span.msrp-price,
    span.sticky-img img {
        display: none
    }

    .fixed-bottom>.max-width>.offer-text>span.savings,
    span.day-supply {
        font-size: 15px !important;
        font-weight: 500;
        color: #000 !important;
        display: inline-block
    }

    .fixed-bottom>.static-sticky>.offer-text>span.savings {
        font-weight: 600
    }

    div.offer-text .priceCustomer {
        font-size: 23px !important
    }

    td.listprice.boldhead {
        padding: 0
    }

    div.offer-text span.msrp-save {
        padding: 0;
        font-size: 17px !important;
        color: #000 !important;
        background: 0 0;
        margin-left: 0
    }

    .sticky-banner-buttons {
        margin: auto
    }

    .fixed-bottom>.max-width>.offer-text.img-offer {
        margin: auto auto auto 0;
        padding: 10px 0
    }

    .fixed-bottom>.max-width>.offer-text>span.savings {
        font-size: 18px
    }

    div.offer-text span.day-supply {
        font-size: 13px
    }

    .panel-title {
        font-size: 14px;
    }

    .subscription-panel .panel-wrapper {
        flex-direction: column;
        gap: 15px;
        max-width: 600px !important;
        margin: 0 auto;
    }

    input#ctl00_FooterRWD_FooterControl_txtEmailAddress,
    input#ctl00_footerRWD_FooterControl_txtEmailAddress,
    .subscription-panel input.button {
        width: 100% !important;
    }

    input#ctl00_FooterRWD_FooterControl_txtEmailAddress,
    input#ctl00_footerRWD_FooterControl_txtEmailAddress {
        text-align: center !important;
    }

    .subscription-panel div>div {
        width: 100% !important;
    }
}

@media only screen and (max-width:640px) {
    .fixed-bottom>.max-width>.offer-text.img-offer {
        float: none;
        display: table-cell;
        width: 50% !important;
        margin: 0
    }

    .fixed-bottom>.max-width>.sticky-banner-buttons {
        float: none;
        padding-top: 7px;
        width: 35%;
        display: table-cell;
        vertical-align: middle
    }

    .sticky-banner-buttons a {
        font-size: 11px !important;
        padding: 10px 30px;
        width: 100%;
        display: inline-block
    }
}

@media only screen and (max-width:480px) {
    .fixed-bottom>.max-width>.sticky-banner-button-stc {
        width: 100%;
        padding-top: 7px;
        margin-top: 5px !important
    }

    .sticky-banner-button-stc a,
    .sticky-banner-buttons a {
        appearance: none;
        display: inline-block;
        transition: background-color .2s;
        white-space: nowrap;
        width: 100%
    }

    .sticky-banner-buttons {
        margin: auto 0
    }

    span.sticky-img {
        display: none
    }

    .fixed-bottom>.max-width>span.order-now {
        line-height: 11px;
        font-size: 11px;
        padding: 14px 7px
    }

    .fixed-bottom>.max-width>.offer-text.img-offer {
        width: 60% !important
    }

    .fixed-bottom>.max-width>.sticky-banner-buttons {
        padding-top: 7px;
        width: 28%;
        display: table-cell;
        vertical-align: middle
    }

    span.day-supply {
        font-size: 13px !important
    }

    .max-width.single-sku .day-supply,
    .sticky-banner-buttons a {
        font-size: 11px !important
    }

    .sticky-banner-buttons a {
        padding: 7px 13px !important
    }

    .last-day.sticky-img {
        display: none !important
    }

    .max-width.single-sku {
        padding: 15px 0
    }

    .fixed-bottom>.max-width.single-sku>.offer-text>span.savings {
        font-size: 15px !important
    }

    div.offer-text table.priceTable {
        margin: 0
    }

    .subscription-panel label h3 {
        font-size: 20px !important;
    }
}

div.salesbox-button .td:nth-child(2)::after {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 600
}

div.salesbox-button .td:nth-child(2) {
    background: #00559d;
    border-radius: 0 10px 10px 0;
    padding: 0 12px;
    font-size: 2rem
}

div.salesbox-button .td {
    display: table-cell;
    padding: 0 30px;
    vertical-align: middle;
    background: #0772d6;
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

div.salesbox-button .tr {
    display: table-row
}

div.salesbox-button ul.table {
    display: table;
    margin: 0 auto 20px
}

.accountflyout .logout a,
.fixed.mobile-navigation .logged-out~.accountflyout li a,
.gdpr-container .agree-button,
.label,
.pagination-centered,
.salesbox-button {
    text-align: center
}

div.salesbox-button .td:hover {
    background: #0074c6;
    transition: .1s ease-in-out .2s
}

span.msrp,
span.msrp-price,
span.msrp-save {
    font-weight: 600;
    font-size: 15px
}

#promo-banner-btm a,
.card .label-facts a,
.faq .button.radius.small-expand:hover:after,
.header-autoship a.link-underline,
.language-link a:hover,
.mycart ul li a:hover,
.user-links a:hover,
div#promo-banner-btm-pets a {
    text-decoration: underline
}

#header-ticker li,
.accountflyout li,
.mycart ul li,
ul.cartnav {
    list-style: none
}

.footer-seals ul,
.side-nav,
ul.healthyskin-products ul li,
ul.off-canvas-list {
    list-style-type: none
}

.left-off-canvas-menu,
.left-off-canvas-menu *,
.left-submenu,
.left-submenu *,
.mfp-wrap,
.move-left .exit-off-canvas,
.move-right .exit-off-canvas,
.off-canvas-wrap,
.offcanvas-overlap .exit-off-canvas,
.offcanvas-overlap-left .exit-off-canvas,
.offcanvas-overlap-right .exit-off-canvas,
.right-off-canvas-menu,
.right-off-canvas-menu *,
.right-submenu,
.right-submenu *,
.tab-bar {
    -webkit-backface-visibility: hidden
}

.icon-bar>* i,
.mfp-content,
.social-icons li,
.social-widgets,
img {
    vertical-align: middle
}

.move-right #sticky-banner,
.move-right .gdpr-container {
    right: -15.625rem;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: right .5s;
    transition: right .5s
}

#sticky-banner,
.gdpr-container,
.inner-wrap {
    -webkit-transition: right .5s;
    transition: right .5s;
    right: 0
}

.accountflyout.visible,
.left-off-canvas-menu.platinum-mm .nav-maincategories.need-help div>span,
.mobile-navigation .logged-out:hover~ul,
.mobile-navigation .logged-out~ul:hover,
div.vid-bottom .sticky-banner-button {
    display: block !important
}

.vid-bottom .sticky-banner-button a {
    width: 296px;
    margin: 0 auto 20px;
    display: block;
    text-align: center;
    background: #af1a31;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    border-radius: 50px
}

.ft {
    font-family: fontello
}

.best-selling,
.row.story-at-glance {
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif
}

.icon-cancel,
.icon-cancel:before {
    content: "\e800"
}

.icon-up-dir,
.icon-up-dir:before {
    content: "\e801"
}

.icon-down-dir,
.icon-down-dir:before {
    content: "\e802"
}

.icon-right-dir,
.icon-right-dir:before {
    content: "\e803"
}

.icon-up-open,
.icon-up-open:before {
    content: "\e804"
}

.icon-phone,
.icon-phone:before {
    content: "\e805"
}

.icon-info-circled,
.icon-info-circled:before {
    content: "\e806"
}

.icon-facebook,
.icon-facebook:before,
.social-icons .social-btn[data-social-btn=facebook]>a:before {
    content: "\e807"
}

.icon-mail-alt,
.icon-mail-alt:before,
.social-icons .social-btn[data-social-btn=mailto]>a:before {
    content: "\e808"
}

.icon-print,
.icon-print:before,
.social-icons .social-btn[data-social-btn=print]>a:before {
    content: "\e809"
}

.icon-plus,
.icon-plus:before {
    content: "\e810"
}

.icon-minus,
.icon-minus:before {
    content: "\e811"
}

.icon-zoom-in,
.icon-zoom-in:before {
    content: "\e812"
}

#search a.button span::before,
.icon-search,
.icon-search:before {
    content: "\e813";
    content: "\e813"
}

.icon-menu,
.icon-menu:before {
    content: "\e814"
}

.icon-user-circle,
.icon-user-circle:before {
    content: "\e815"
}

.icon-down-open,
.icon-down-open:before {
    content: "\e816"
}

span.msrp,
span.msrp-price {
    font-family: Arial, Roboto;
    color: #747474
}

#sales_box+.row .panel.restriction h6,
.card .label-facts a,
.shipping-restriction .panel.restriction h6,
.tab-bar .menu-icon,
span.day-supply {
    color: #000 !important
}

.priceList,
span.msrp-price {
    text-decoration: line-through
}

td.listprice.boldhead {
    padding: 5px 3px
}

td.freeshipping {
    padding: 0 0 20px
}

.salesbox .columns {
    position: static !important
}

#sales_box {
    margin-top: 70px
}

.salesbox:before {
    min-height: 50px !important
}

.highlight .regular {
    width: 97%
}

.best-selling {
    color: #d3202f;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    background: #fff;
    width: 315px;
    margin: -24px auto 19px;
    font-size: 1.5rem;
    border-radius: .35rem;
    border: 2px solid #d3202f;
    padding: 2px
}

.banner {
    margin: 0 auto;
    padding: 30px 20px 0
}

.modalDialog,
.modalDialogOverlay {
    position: fixed;
    display: none;
    top: 0;
    z-index: 1000001 !important
}

.text-headline {
    font-weight: 700;
    font-size: 30px;
    border-bottom: 1px solid #000
}

.text-subheadline {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 23px;
    margin-top: -20px
}

.accordion:after,
.button-bar:after,
.button-group:after,
.clear,
.clearfix:after,
.clearing-thumbs:after,
.footer-disclaimer,
.inner-wrap:after,
.modal-tabs .avatar-select br,
.row .row.collapse:after,
.row .row:after,
.row:after,
.tabs-content:after,
.tabs:after,
[class*=block-grid-]:after,
[data-clearing]:after,
div.headerinfo {
    clear: both
}

.no-border-btm,
.row.subnav .f-dropdown li:last-of-type a,
.row.subnav ul li {
    border-bottom: 0 !important
}

.disableClick,
.icon-bar .item.disabled,
.tooltip>.nub,
.youtube,
.youtube .preloader,
.youtube img,
a.svg-link object {
    pointer-events: none
}

#sales_box .rs-double .image img,
#sales_box .rs-multiple .image img {
    display: block;
    margin: 0 auto;
    width: 100% !important
}

.modalDialogOverlay {
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .7
}

.modalDialog {
    background: #fff;
    margin-top: 180px !important;
    max-width: 560px;
    width: 90%;
    left: 50% !important;
    transform: translate(-50%, 0);
    border: 2px solid #d6d6d6
}

.accordion,
.clearing-caption,
.contain-to-grid .top-bar,
.error input,
.error select,
.error textarea,
.f-dropdown.content>:last-child,
.f-dropdown.drop-left>:last-child,
.f-dropdown.drop-right>:last-child,
.f-dropdown.drop-top>:last-child,
.f-dropdown>:last-child,
.modal-table p:last-child,
.modalDialog div.pad p,
.panel.callout>:last-child,
.panel>:last-child,
.reveal-modal>:last-child,
.top-bar form,
.top-bar input,
.top-bar select,
.top-nav form,
.top-nav input,
.top-nav select,
.translate button,
[data-magellan-expedition-clone] .sub-nav,
[data-magellan-expedition-clone] .sub-nav dd,
[data-magellan-expedition] .sub-nav,
[data-magellan-expedition] .sub-nav dd,
article .column p:last-child,
article .columns p:last-child,
input.error,
select.error,
textarea.error {
    margin-bottom: 0
}

div.contentdiv>ul {
    padding-bottom: 16px;
    text-align: center
}

@media only screen and (max-width:414px) {

    #sales_box .rs-double .image img,
    #sales_box .rs-multiple .image img {
        max-width: 280px
    }
}

@media only screen and (min-width:415px) and (max-width:640px) {

    #sales_box .rs-double .image img,
    #sales_box .rs-multiple .image img {
        max-width: 600px
    }
}

@media only screen and (min-width:641px) {
    #sales_box .rs-double .image img {
        max-width: 405px
    }

    .modalDialog {
        width: 70%;
        margin-left: 0 !important;
        max-width: 450px
    }

    #sales_box .rs-multiple .image img {
        max-width: 280px
    }
}

#sales_box+.row .panel.restriction,
.shipping-restriction .panel.restriction {
    background: #fffbe2 !important;
    border: 1px solid #c00 !important;
    border-radius: 0;
    margin-bottom: 4em
}

#sales_box+.row .panel.restriction li::marker {
    color: #e74d4d
}

.shipping-restriction .panel.restriction li::marker {
    color: #e74d4d
}

#promo-banner-top,
#promo-banner-top-pets {
    padding: 0;
    float: none;
    display: block
}

#header .container .row .columns,
#product-banner,
.mfp-ie7 .mfp-container,
.mfp-ie7 .mfp-img,
.reveal-modal.collapse,
div.header-content-block,
form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0
}

.card .label-facts a {
    font-size: 13px;
    font-weight: 400;
    font-family: Roboto, sans-serif
}

.accordion-facts-toggle {
    background: #e8e8e8;
    cursor: pointer;
    font-size: 13px !important;
    padding: 2px 0 !important;
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0 !important;
    text-align: center
}

.white-bg {
    background-color: #fff;
    height: 18px;
    width: 298px;
    position: absolute;
    margin: -34px 25px;
    display: none
}

.reveal-modal.label-show {
    max-width: 425px
}

.label-facts {
    text-align: center;
    line-height: 17px;
    position: relative;
    margin: -21px -33px 25px
}

.card #accordion-label .content a::before {
    content: "\203A";
    font-size: 16px
}

#accordion-facts {
    text-align: center;
    margin: -21px auto 0;
    width: 100%;
    max-width: 300px;
    position: relative;
    z-index: 10
}

#expanderSign {
    font-size: 18px;
    font-weight: 700;
    padding-left: 10px;
    margin-top: -4px;
    text-decoration: none !important;
    margin-right: 5px
}

.card #accordion-label .content p {
    text-align: left;
    line-height: 17px
}

.card #accordion-label .content a {
    color: #000;
    text-transform: none;
    font-size: 12px;
    text-decoration: underline
}

#accordion-label .content {
    margin-left: 12px
}

#accordion-label {
    margin-bottom: 20px
}

.modal-wrap {
    max-height: 100%;
    overflow: hidden;
    box-shadow: 0 2px 0 -1px #f1f1f1;
    border-radius: 10px
}

.modal-wrap img {
    margin-bottom: -12% !important
}

p.single-descip {
    text-align: center;
    font-size: 19px;
    line-height: 25px;
    margin: 40px 0
}

.single-title {
    font-size: 1.5rem;
    text-align: center;
    line-height: 20px
}

span.day-supply {
    font-size: 14px !important;
    font-weight: 700
}

tr.per-day td {
    color: #061;
    font-family: sans-serif;
    padding: 0
}

.product-info.includes,
.row.subnav #drop1 li a {
    width: 100%;
    margin: 0 auto
}

.card .includes p {
    margin-left: 1rem !important
}

.product-info ul {
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 3rem
}

.card .image {
    display: contents
}

#sales_box .selector {
    margin: 20px auto;
    border: 1px solid #d3d3d3;
    padding: 10px 4px 5px !important
}

#sales_box span.label {
    background-color: inherit;
    color: #000;
    font-size: 15px;
    padding: 6px 7px;
    font-weight: 700;
    display: flex;
    margin: -29px 1px 0
}

#sales_box span.label strong {
    background-color: #fff;
    padding: 0 5px
}

span.num-select {
    float: left;
    padding: 6px 5px;
    font-size: 14px
}

select {
    margin-bottom: 5px !important
}

.dropdown-options {
    padding: 3px 2px 0
}

.dropdown:hover .accountnav-mobile,
.dropdown:hover .accountnav-mobile::before,
.logged-out a:hover .accountnav-mobile {
    color: #226cab
}

.dropdown .accountnav-mobile,
.logged-out .accountnav-mobile {
    color: #2d353c
}

.order-qty {
    margin: 0 auto 9px !important;
    width: 270px
}

.qty-title {
    margin-right: 5px;
    line-height: 36px
}

#mini-cart .card a,
.order-button .button a {
    color: #fff;
    text-transform: inherit !important
}

.order-button .button {
    background-color: #2467b5;
    text-align: center;
    color: #fff;
    padding: 9px 36px;
    font-weight: 700;
    border-radius: 5px
}

.order-button.out-of-stock .button {
    cursor: auto;
    background-color: #999;
    text-align: center;
    padding: 6px 20px;
    float: none;
    font-weight: 700;
    border-radius: 5px
}

.cart-close {
    color: #859196;
    font-size: 34px;
    font-weight: 700;
    line-height: 14px;
    margin-left: 3px;
    cursor: pointer
}

.show-cart-btn {
    background-color: #ececec;
    float: right;
    padding: 7px 23px;
    color: #6d6d6d;
    font-family: roboto;
    border-radius: 10px;
    display: flex;
    font-size: 14px;
    cursor: pointer;
    margin-right: 40px;
    box-shadow: 1px 1px 5px #888
}

.main-section .inner-nav.sticky-top,
.order-button {
    margin-top: 5px
}

.input-number {
    -moz-appearance: textfield !important
}

.input-number-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    margin-top: 20px
}

.input-number-group input[type=number]::-webkit-inner-spin-button,
.input-number-group input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.input-number-group .input-group-button {
    line-height: calc(80px / 2 - 5px)
}

.input-number-group .input-number {
    border-color: #f2f2f2;
    width: 47px;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: 0;
    display: block;
    margin: 0
}

.input-number-group,
.input-number-group:after,
.input-number-group:before {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial
}

.input-number-group .input-number-decrement,
.input-number-group .input-number-increment {
    display: inline-block;
    width: 33px;
    background: #f2f2f2;
    color: #0a0a0a;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    padding: 1px;
    user-select: none;
    -moz-user-select: none
}

input[type=number] {
    -moz-appearance: textfield;
    text-align: center
}

.order-summary {
    background: #e0eef7;
    padding: 16px;
    border-radius: 10px
}

.order-summary .title {
    font-weight: 700;
    font-size: 20px;
    margin: 10px;
    color: #175272
}

.modal-table.plain-table td,
.nav-maincategories,
.off-canvas-submenu,
.rwd-table tr:nth-of-type(2n),
.tab-bar,
table#orderSummary thead th,
table.responsive-table tbody tr:nth-child(odd),
ul.dropdown.mega-menu,
ul.dropdown.mega-menu li {
    background: #fff
}

table#orderSummary,
table#orderSummary tr.alt,
table#orderSummary tr.even,
table#orderSummary tr:nth-of-type(2n) {
    background: 0 0;
    border: 0
}

.order-total td {
    border-top: 1px solid #a1bbca
}

table#orderSummary td {
    padding: .5625rem .3rem
}

#error-message,
#error-message-ordersummary {
    color: red;
    font-size: 13px
}

#mini-cart table.item-table td img {
    width: 225px
}

.cart-icon {
    display: block;
    height: 30px;
    width: 30px;
    position: relative;
    float: right;
    opacity: .85
}

.item-table td {
    line-height: 15px;
    font-size: 12px
}

.successmsg {
    font-size: 11px;
    color: #008cba;
    clear: both;
    text-align: center
}

.item-table span {
    cursor: pointer;
    font-size: 11px !important;
    font-weight: 400 !important
}

.button,
.cart,
.cart-icon,
.f-dropdown li,
.mfp-gallery .mfp-image-holder .mfp-figure,
.social-icons a:hover,
.youtube .preloader,
.youtube img,
a:hover,
button,
label {
    cursor: pointer
}

#mini-cart {
    display: none !important;
    position: fixed;
    right: -376px;
    width: 350px;
    background-color: #f7f8f3;
    height: 100%;
    overflow-x: auto;
    z-index: 23;
    border-left: 1px solid #ccc;
    left: 100%;
    transition: transform .34s cubic-bezier(.165, .84, .44, 1), -webkit-transform .34s cubic-bezier(.165, .84, .44, 1);
    top: 0
}

#mini-cart p.title {
    background-color: #4682b4;
    padding: 10px;
    height: 50px;
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 600;
    top: auto;
    position: absolute;
    width: 100%;
    cursor: pointer
}

#mini-cart p.title span {
    text-shadow: none
}

#mini-cart p.title span.close {
    color: #f8f8f8;
    display: block;
    float: left;
    margin-right: 4px;
    cursor: pointer;
    height: 50px
}

#mini-cart p.title span.cart-count {
    display: block;
    position: absolute;
    background-color: #464646;
    border-radius: 18px;
    padding: 0 2px;
    font-size: 12px;
    min-height: 18px;
    min-width: 20px;
    text-align: center;
    top: 10px;
    right: 30px;
    border: 1px solid #f5f5f5
}

#mini-cart table.item-table {
    width: 100%;
    border: none;
    margin-bottom: 0;
    border-collapse: collapse
}

#mini-cart table.item-table thead {
    background-color: #f5f9fa
}

#mini-cart .item-table thead tr {
    border-bottom: 1px solid #eaeaea
}

#mini-cart table.item-table thead th {
    text-transform: capitalize;
    font-size: 13px !important;
    font-weight: 400;
    padding: 5px
}

#mini-cart .item-table tbody tr {
    border-bottom: 1px solid #ececec;
    border-collapse: collapse
}

#mini-cart table.item-table td .remove-item {
    font-weight: 700;
    font-size: 16px;
    cursor: pointer
}

#mini-cart table.item-table tfoot {
    background-color: #ebebeb
}

#mini-cart a.full-cart-btn {
    background-color: #64b450;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 11px;
    border-radius: 5px;
    width: 95%;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 10px
}

.cart-table {
    overflow-y: scroll;
    height: 100%;
    padding-top: 50px
}

#mini-cart table tr.even,
#mini-cart table tr:nth-of-type(2n),
.priceCustomer,
.priceLabelCustomer,
table.priceTable tr:nth-of-type(2n) {
    background-color: none !important
}

.content-container {
    background: #fff;
    margin-top: 0;
    padding-top: 80px
}

@media only screen and (max-width:969px) {
    #mini-cart {
        right: auto;
        height: auto;
        width: 100%;
        top: auto
    }

    #mini-cart table.item-table td img {
        max-width: 50px
    }
}

.row.story-at-glance {
    width: 100%;
    background-color: #f2f2f2;
    border-top: 0 !important;
    border: 0;
    margin: 0 auto 45px !important;
    padding: 20px
}

#sticky-banner,
*,
.accordion .accordion-navigation>a,
.accordion dd>a,
.button,
.content-container h1,
.faq::before,
.inline-list li .cart span,
.label,
.left-off-canvas-menu li,
.left-off-canvas-menu li a,
.nav-container a,
.nav-container li,
.nav-container p,
.nav-container span,
.pricing-table .price,
.pricing-table .title,
.row.story-at-glance::before,
.row.subnav #drop1 li a,
.row.subnav a,
.row.subnav div,
.row.subnav li,
.row.subnav ol,
.row.subnav p,
.row.subnav span,
.row.subnav ul,
.side-nav,
.side-nav li.active>a:first-child:not(.button),
.sticky-banner,
.sub-nav dd,
.sub-nav dt,
.sub-nav li,
.tabs .tab-title>a,
.tabs dd>a,
body,
button,
footer li,
footer p,
footer span,
footer ul,
h1,
h3,
h4,
h5,
h6,
header a,
header a header div,
header li,
header p,
header span,
header ul,
ul.off-canvas-list li a {
    font-family: Roboto, sans-serif
}

.columns.small-teaser-copy strong.product-name,
.row.story-at-glance .arrow strong,
.row.story-at-glance .benefits-list li strong {
    color: #043060
}

.panel,
.row.story-at-glance .accordion .accordion-navigation>.content.active {
    background: #f2f2f2
}

.row.story-at-glance .accordion .accordion-navigation .benefit-text,
.row.story-at-glance .benefits-list p {
    color: #000 !important;
    padding: 9px 18px;
    display: flow-root;
    background: #f2f2f2;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase
}

.row.story-at-glance .benefits-list li,
.row.story-at-glance ul.arrow li {
    list-style: none !important;
    font-size: 18px;
    margin-bottom: 12px
}

.row.story-at-glance .benefits-list li::before,
.row.story-at-glance ul.arrow li::before {
    padding-right: 6px;
    content: "" !important;
    background: #333;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    margin: 10px 0 0 -16px
}

.row.story-at-glance::before {
    content: "AT A GLANCE" !important;
    background: #464646;
    border: 10px solid #f2f2f2;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 auto;
    padding: 2px;
    text-align: center;
    width: 210px;
    display: block;
    z-index: 1;
    position: relative
}

.row.story-at-glance .accordion,
.row.story-at-glance .benefits-list {
    border-top: 1px solid #333;
    padding-top: 35px;
    margin-top: -29px !important;
    margin-left: 0 !important
}

@media only screen and (max-width:767px) {
    .story-at-glance .accordion .accordion-navigation .benefit-text {
        pointer-events: none
    }

    .story-at-glance .accordion-navigation.active .benefit-text::after {
        display: none !important
    }
}

#sticky-banner {
    font-size: 15px;
    margin: 1rem auto -1px;
    text-align: left;
    padding: 1rem;
    width: 100%;
    z-index: 13
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    background: #fdd95a;
    background: linear-gradient(48deg, #fdd95a 0, #fedd67 34%, #ffe895 52%, #fedd67 69%, #fdd95a 100%);
    border-top: 0 solid rgb(0 0 0 / .1);
    box-shadow: 0 0 20px rgb(0 0 0 / .1)
}

.max-width {
    width: auto;
    max-width: 960px;
    align-content: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    left: 0;
    align-items: center
}

.sticky-banner {
    font-size: 16px;
    text-align: left
}

span.sale-badge-sticky {
    background: url(//media.mercola.com/assets/images/products/sale-badge-sticky-var5.png) 0 0/38px no-repeat;
    padding: 16px 0 0 50px;
    margin: 0 0 0 20px !important;
    text-indent: -99999px;
    clear: left;
    display: none
}

span.last-day,
span.one-day {
    line-height: 14px;
    text-align: center;
    font-size: 13px;
    float: left;
    margin-right: 9px !important;
    color: #fff;
    background-color: #333;
    padding: 12px 10px;
    margin-top: 0;
    font-weight: 700;
    height: auto;
    display: none;
    border-radius: 25px
}

.offer-text,
span.order-now {
    display: block;
    text-align: center
}

span.order-now {
    line-height: 14px;
    font-size: 13px;
    padding: 15px 8px;
    border-radius: 100%;
    background: #333;
    color: #fff;
    font-weight: 700;
    margin: -5px 9px -5px 0;
    float: left
}

.savings {
    color: #af1a31;
    font-weight: 600;
    font-size: 24px !important
}

.close-sticky {
    font-weight: 700;
    text-align: center
}

span.free-shipping {
    font-weight: 600;
    font-size: 22px !important
}

.offer-text {
    width: 100%;
    font-size: 22px;
    line-height: 29px
}

.expiry-text {
    font-size: 14px;
    color: #767676
}

.sticky-banner-button {
    display: none;
    margin: auto 0
}

.myaccountnav span.wish-count,
.off-canvas-submenu span.wish-count {
    font-size: 12px;
    line-height: 1.5;
    background-color: #464646;
    position: relative
}

.close-sticky {
    right: -9px;
    border-radius: 0 !important;
    box-shadow: 0 -2px 4px 0 rgb(119 119 119 / .15) !important;
    display: none;
    position: absolute;
    background: #fdda60;
    top: -30px;
    padding: 7px 20px;
    font-size: 12px;
    color: #000;
    border: 0 solid #d6d6d6;
    cursor: pointer;
    border-bottom: 0 solid #e8f4ff
}

.close-sticky::before {
    content: 'x';
    padding-right: 5px
}

.fixed-bottom>.max-width>.offer-text {
    text-align: left;
    font-size: 18px;
    width: auto;
    max-width: 550px;
    margin-right: 10em;
    line-height: 22px
}

.fixed-bottom>.max-width>.offer-text>span.free-shipping {
    font-size: 16px !important
}

.fixed-bottom>.max-width>.offer-text>span.savings,
h3 sup {
    font-size: 20px !important
}

.myaccountnav span.wish-count {
    color: #fff;
    border-radius: 20px;
    float: right;
    border: 1px solid #fff;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    left: 3px
}

.off-canvas-submenu span.wish-count {
    color: #fff;
    font-weight: 500;
    border-radius: 20px;
    padding: 2px 6px;
    border: 1px solid #fff;
    top: -6px
}

#promo-banner-btm,
#promo-banner-btm-pets {
    display: none;
    background-color: #fff;
    color: #686868;
    padding: 15px
}

#promo-banner-btm p,
#promo-banner-btm-pets p {
    margin-bottom: 0 !important;
    font-size: 13px
}

#promo-banner-btm-pets.disclaimer-border,
#promo-banner-btm.disclaimer-border {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb
}

.disclaimers {
    background: #164a79;
    color: #fff;
    font-size: 1rem;
    padding: 0
}

.alertbutton,
.header-content-block a span:nth-of-type(3),
.language p,
.mobileheader-content-block a span:nth-of-type(3),
.mobileheader-content-block span:first-of-type,
.strong,
.vcard .fn,
.vevent .summary,
.vevent abbr,
b,
div.header-content-block span:first-child,
div.tollfree,
dl dt,
strong,
ul.off-canvas-list li label {
    font-weight: 700
}

.fda-disclaimer sup,
.mfp-figure {
    line-height: 0
}


#header .container {
    padding: 2px 7px
}

.headertop.container {
    padding: 2px 7px 3px
}

.header-container .row,
.headertop .row,
.nav-container,
footer .row {
    max-width: 92.875rem !important
}

.headertop.container .columns+.columns:last-child,
.right {
    float: right !important
}

#search .autocompletecontainer,
#search .search-small .input-group,
#search div.input-group-btn,
.column+.column:last-child,
.column+.columns:last-child,
.columns+.column:last-child,
.columns+.columns:last-child,
.emailToFriend .modalHolder .closeBtn,
div.headerinfo>div {
    float: right
}

.header-autoship {
    background-color: #115997;
    color: #fff;
    text-align: center;
    font-size: 13px;
    padding: 5px !important;
    transform: translateY(0) !important
}

.headertop .catalogsearch {
    width: 100%;
    padding-right: 0
}

#search {
    text-align: right;
    background: #fff;
    max-width: 100% !important;
    margin: 0 auto
}

#search .autocompletecontainer,
.button-group.even-2 li .button,
.button-group.even-2 li button,
.button-group.even-3 li .button,
.button-group.even-3 li button,
.button-group.even-4 li .button,
.button-group.even-4 li button,
.button-group.even-5 li .button,
.button-group.even-5 li button,
.button-group.even-6 li .button,
.button-group.even-6 li button,
.button-group.even-7 li .button,
.button-group.even-7 li button,
.button-group.even-8 li .button,
.button-group.even-8 li button,
.button-group.radius.stack>*>button,
.button-group.round.stack>*>button,
.button-group.stack>li>button,
.clearing-caption,
.extended.center .rs-wide,
.modal-form table,
.product-list li a,
.row,
.row.subnav.sticky-nav,
.row.subnav.sticky-nav .button.dropdown,
.tabs-content,
input[type=file],
select {
    width: 100%
}

#search .autocompletecontainer .search-textbox {
    margin: 0;
    height: 50px
}

#search div.input-group-btn {
    width: 41px
}

#search .search-small .autocompletecontainer,
.column+.column.end,
.column+.columns.end,
.columns+.column.end,
.columns+.columns.end,
.myaccountnav div.securedchat {
    float: left
}

.autocompletecontainer .search-textbox:-ms-input-placeholder,
.autocompletecontainer .search-textbox::-moz-placeholder,
.autocompletecontainer .search-textbox::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

.autocompletecontainer input.search-textbox {
    display: block;
    width: 100%;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #bbb;
    border-radius: 4px;
    font-size: 14px !important;
    padding: 10px 15px;
    height: 42px
}

.autocompletecontainer .search-textbox:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075), 0 0 8px rgb(102 175 233 / .6);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075), 0 0 8px rgb(102 175 233 / .6)
}

.autocompletecontainer .search-textbox::-moz-placeholder {
    color: #999;
    opacity: 1
}

.autocompletecontainer .search-textbox:-ms-input-placeholder {
    color: #999
}

.autocompletecontainer .search-textbox::-webkit-input-placeholder {
    color: #999
}

.autocompletecontainer .search-textbox[disabled],
.search-textbox[readonly],
fieldset[disabled] .search-textbox {
    background-color: #eee;
    opacity: 1
}

.autocompletecontainer .search-textbox[disabled],
fieldset[disabled] .search-textbox {
    cursor: not-allowed
}

.search-small {
    display: block;
    border: 1px solid #fff;
    padding: 1px 7px 4px;
    max-width: 682px !important;
    margin: 0 auto !important
}

.search-small div.input-group-btn {
    width: 41px;
    right: 0;
    position: relative;
    top: -44px
}

#search .search-small div a,
div.headerasorder {
    padding: 0 !important
}

.has-tip.tip-left,
.has-tip.tip-right {
    float: none !important
}

div.headerinfo .customertype.guestcustomer {
    display: flex;
    align-items: center
}

div.headerinfo .customertype.guestcustomer span {
    float: right;
    margin-top: 11px
}

div.headerinfo .welcome {
    font-size: 13px;
    color: #000;
    text-transform: none
}

#header-ticker li,
.myaccountnav a,
.mycart ul li a.floatingcart,
.off-canvas-submenu.language-options li,
.side-nav li.heading,
.sub-nav dt,
div.header-content-block span,
ul.off-canvas-list li label {
    text-transform: uppercase
}

.contentdiv a,
.f-dropdown li a:hover,
.row.subnav .f-dropdown li a:focus,
.shipping-link,
div.tollfree,
div.tollfree div.securedchat a {
    color: #2369b4
}

.tollfree .ft.icon-phone {
    padding-right: 10px;
    font-size: 24px;
    display: inline-block;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    position: relative !important;
    top: 4px
}

div.headerright {
    padding-right: 0;
    padding-left: 7px
}

div.tollfree {
    width: auto !important;
    font-size: 20px;
    line-height: 25px
}

div.tollfree span:after {
    content: "|";
    width: 3px;
    display: inline-block;
    position: absolute;
    line-height: 2;
    padding: 0 8px
}

div.tollfree div.securedchat {
    font-size: 13px;
    color: #2369b4;
    line-height: normal;
    margin-left: 39%;
    text-align: center;
    margin-top: -5px
}

div.tollfree div.securedchat span.bullet {
    background: 0 #8ba944;
    width: 7px;
    height: 7px;
    display: inline-block;
    padding: 0;
    border-radius: 5px;
    margin-right: 4px;
    position: relative;
    top: -1px
}

div.topheader {
    background: #e1e1e1;
    padding: 5px 0
}

.header-content-block a span:nth-of-type(2),
.header-content-block a span:nth-of-type(3),
.out-of-stock-note a,
div.header-contact span,
div.header-content-block span,
div.header-content-block span:last-child {
    font-size: 14px
}

div.headerinfo .customertype .welcome {
    margin-top: 0 !important
}

.menu li a,
.top-bar-section ul li>a {
    font-family: Verdana, Geneva, sans-serif
}

ul.off-canvas-list {
    background: #464646;
    margin: 0;
    padding: 0
}

ul.off-canvas-list ul li a {
    border-top: 1px solid #f3f3f3
}

.tooltip,
p aside,
ul.off-canvas-list li {
    font-size: .875rem
}

ul.off-canvas-list li label {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999;
    display: block;
    font-size: .875rem;
    margin: 0;
    padding: .3rem .9375rem
}

.left-off-canvas-menu,
.right-off-canvas-menu {
    background: #3e3e3e;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    z-index: 1001;
    bottom: 0;
    top: 0
}

.left-off-canvas-menu,
.left-submenu,
.right-off-canvas-menu,
.right-submenu {
    -webkit-overflow-scrolling: touch;
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    width: 15.625rem
}

#content-container,
*,
.faq,
.mega-menu-group,
.out-of-stock-note,
.panel.note,
.panel.restriction,
.panel.warranty,
.preloader div,
.regular,
.salesbox,
.subscription-control,
:after,
:before {
    box-sizing: border-box
}

.left-off-canvas-menu {
    -o-transform: translate3d(-100%, 0, 0)
}

.right-off-canvas-menu {
    position: absolute;
    -webkit-transition: -webkit-transform .5s 0;
    transition: transform .5s 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0
}

.off-canvas-submenu-call .right,
.off-canvas-submenu-call .right::before {
    font-family: fontello;
    content: "\e802";
    font-size: 24px;
    line-height: 1.2;
    color: #d9d9d9
}

.mobile-language a.off-canvas-submenu-call::before {
    content: "\f0ac";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #8a8a8a
}

ul.off-canvas-list li:first-of-type a {
    border-top: none !important
}

ul.off-canvas-list li a {
    color: #fff;
    font-size: 16px;
    border-top: 1px solid #3c3b3b;
    width: 90%;
    margin: 0 auto;
    display: block;
    padding: 6.5px 12px;
    -webkit-transition: background .3s;
    transition: background .3s;
    font-weight: 500
}

.alertbutton,
ul.off-canvas-list ul li {
    padding: 0 10px
}

ul.off-canvas-list .off-canvas-submenu {
    margin-left: -10px !important;
    width: 270px
}

ul.off-canvas-list .tollfree {
    padding: 1.5px 0 !important
}

.left-off-canvas-menu.wholesale-mm ul.off-canvas-list li:nth-child(9) a,
ul.off-canvas-list li:nth-child(10) a {
    border-top: 0 !important
}

.left-off-canvas-menu.wholesale-mm ul.off-canvas-list li:nth-child(10) a,
.nav-maincategories a {
    border-top: 1px solid #d9d9d9 !important
}

.left-off-canvas-menu.platinum-mm .tollfree {
    margin: 0 0 5px !important;
    padding: 0 !important;
    line-height: 1.2
}

#profile-menu ul,
.left-off-canvas-menu.platinum-mm .need-help .tollfree {
    margin: 0 !important
}

.left-off-canvas-menu.platinum-mm .nav-maincategories.need-help div {
    padding: 6.5px 0 10.5px
}

.navbar {
    position: relative;
    margin: 0 auto;
    z-index: 1
}

.nav-container .navbar ul {
    padding-left: 0;
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    font-weight: 700;
    margin: 0
}

.nav-container .navbar ul>li:hover {
    display: block;
    text-decoration: none;
    z-index: 1000001
}

.nav-container .navbar ul>li:hover>a {
    color: #2369b4 !important
}

.nav-container .navbar ul>li>a {
    transition: color .3s linear;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #464646;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%
}

.nav-container .navbar ul>li:nth-child(7) a {
    color: #fff !important;
    background: #226cab
}

.nav-container .navbar ul>li:nth-child(7) a:hover {
    background: #1b5688 !important;
    transition: .3s linear
}

.nav-container .navbar ul>li:nth-child(9) a,
ul.off-canvas-list li:nth-child(9) a {
    color: #af1b31 !important
}

@media only screen and (min-width:970px) {

    #mini-cart p.title span.close,
    #mini-cart p.title span.close:before {
        margin-top: -13px;
        font-size: 32px;
        font-weight: 100
    }

    #mini-cart.show-mini-cart {
        right: 0;
        top: 0;
        transform: translate3d(-100%, 0, 0)
    }

    div.off-canvas-wrap.show-mini-cart {
        right: 300px
    }

    #mini-cart p.title span.close::before {
        content: "\00bb" !important;
        display: inline-flex;
        content: \00bb !important;
        margin-right: 5px;
        display: inline-flex
    }

    div.off-canvas-wrap {
        transition: right .3s;
        right: 0;
        width: 100%
    }
}

@media only screen and (max-width:820px) {

    .header-container,
    .headerright,
    .headertop.container,
    .mercola-logo,
    .row.nav-container {
        display: none
    }

    .columns.medium-6.header-content-block {
        width: 98%
    }

    .header-content-block {
        display: block;
        margin: 5px !important
    }

    .header-container.login {
        position: relative
    }

    #search .autocompletecontainer {
        width: 100%;
        margin-left: 0
    }

    .off-canvas-wrap.move-right .row.subnav {
        right: -15.625rem !important;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }

    .off-canvas-wrap .row.subnav {
        right: 0 !important;
        -webkit-transition: right .5s;
        transition: right .5s
    }
}

.nav-maincategories a,
.nav-maincategories.need-help .tollfree span {
    color: #464646 !important
}

.nav-maincategories.need-help div {
    display: table;
    font-size: 17px;
    margin-left: 25px;
    padding: 6.5px 0
}

.nav-maincategories.need-help div>span {
    display: table-cell;
    color: #464646 !important
}

.alertbutton,
.welcome-message {
    font-size: 14px;
    text-transform: uppercase
}

.welcome-message {
    color: #fff;
    cursor: pointer
}

.welcome-message a span {
    display: block;
    height: 32px;
    overflow: hidden;
    width: 140px
}

.welcome-message a span.Retail {
    background: url(//media.mercola.com/assets/loyality/mymercolamobilev4.png) 0 center no-repeat
}

.welcome-message a span.wholesale {
    background: url(//media.mercola.com/assets/images/customerClass_wholesale.png) 0 center no-repeat;
    height: 22px !important
}

.welcome-message a span.Premier {
    background: url(//media.mercola.com/assets/loyality/premierplusmobilev4.png) 0 center no-repeat
}

.welcome-message a span.Preferred {
    background: url(//media.mercolamarket.com/assets/loyality/preferredv4.png) 0 center no-repeat
}

.welcome-message a span.Platinum {
    background: url(//media.mercolamarket.com/assets/loyality/platinumv4.png) 0 center no-repeat
}

.welcome-message a label {
    background: 0 0 !important;
    border: none !important;
    padding: 0 !important;
    color: #fff !important
}

.headertop span.Platinum,
.headertop span.Preferred,
.headertop span.Premier,
.headertop span.Retail {
    height: 32px;
    width: 110px;
    display: block;
    overflow: hidden;
    margin-top: 0 !important
}

.headertop span.Retail {
    background: url(//media.mercola.com/assets/loyality/mymercolav4.png) 0 center no-repeat
}

.headertop span.Preferred {
    background: url(//media.mercola.com/assets/loyality/preferredv4.png) 0 center/102px no-repeat;
    margin-top: -2px
}

.headertop span.Premier {
    background: url(//media.mercola.com/assets/loyality/premierplusv4.png) 0 center no-repeat !important
}

.headertop span.wholesale {
    background: url(//media.mercola.com/assets/images/customerClass_wholesale.png) 0 center no-repeat;
    display: block;
    height: 17px;
    overflow: hidden;
    width: 119px;
    margin-top: 11px
}

.headertop span.Platinum {
    background: url(//media.mercola.com/assets/loyality/platinumv4.png) 0 center no-repeat
}

.alertbutton {
    float: none;
    background-color: #2f7ae8 !important;
    text-shadow: none !important;
    line-height: 30px;
    min-width: 110px;
    margin: 10px auto 0;
    color: #fff;
    height: 30px;
    display: block;
    border-radius: 5px
}

.nav-container .navbar ul>li {
    padding: 5px 0;
    text-align: center;
    display: block;
    transition: background-color .3s ease-out
}

.content-container article .panel.restriction:first-of-type {
    margin-top: 16px
}

.customertype .accountnav,
.row.collapse .row,
.switch input+label {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:821px) and (max-width:1000px) {
    .mercola-logo div.tollfree {
        display: block;
        font-size: 16px;
        line-height: normal;
        margin: 3px 0 0;
        text-align: center;
        padding: 0 !important
    }

    div.headerinfo div.tollfree {
        display: none
    }

    div.headerinfo #search {
        width: calc(100% - 160px)
    }

    div.headerinfo .customertype span {
        max-width: 120px
    }
}

@media (max-width:1000px) {
    .header-content-block {
        text-align: center
    }
}

@media (min-width:1001px) {
    .header-content-block {
        display: inline-block
    }

    .customertype .accountnav {
        margin-left: 14px;
        margin-right: 14px
    }

    div.headerinfo .customertype.guestcustomer {
        padding: 2px 10px
    }
}

@media (max-width:1125px) {
    div.headerinfo #search {
        width: 55%
    }
}

@media screen and (max-width:1005px) {
    .navbar {
        width: 100% !important
    }
}

@media only screen and (min-width:821px) {
    header {
        position: fixed;
        display: block;
        width: 100%;
        z-index: 999;
        background: #fff;
        box-shadow: #555 0 2px 2px -2px
    }

    a.popup-desk-fs {
        display: block !important
    }

    a.popup-mob-fs,
    div#Popup,
    div.modalDialogOverlay {
        display: none !important
    }

    #header #search,
    .fixed.mobile-navigation,
    .nav-container .navbar ul #catmenu,
    a.togglemenu,
    div#trigger-search {
        display: none
    }

    .headertop.container .row {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    div.headerinfo {
        display: flex;
        float: right
    }

    #header .container {
        padding: 9px 7px 10px
    }

    .headertop {
        margin: 20px auto 6px
    }

    .content-container {
        padding-top: 200px
    }
}

@media only screen and (min-width:857px) {
    .content-container {
        padding-top: 180px
    }
}

@media only screen and (min-width:1271px) {
    .nav-container .navbar ul>li>a {
        font-size: 12px
    }
}

#header {
    position: static;
    background: #2d353c;
    z-index: 999;
    position: sticky
}

div.tollfree {
    text-align: left;
    margin-top: 0;
    padding: 0 !important
}

.headerinfo .customertype .icon-down-dir::before {
    content: "\e802";
    color: #000;
    right: 10px;
    position: absolute !important;
    top: 20px;
    font-size: 12px
}

.header-contact {
    margin-bottom: 4px
}

.header-contact .tollfree::before {
    content: "\e805";
    font-family: fontello;
    color: #ccc;
    padding-top: 2px !important;
    font-size: 14px
}

.mobileheader-content-block {
    background: #2d353c;
    text-align: center;
    padding: 7px
}

.mobileheader-content-block a {
    font-size: 14px;
    color: #fff
}

div.header-contact a,
div.header-content-block a {
    color: #fff;
    font-size: 14px;
    line-height: 1.5
}

div.header-content-block {
    text-align: center;
    margin-top: 5px
}

div.header-content-block,
div.header-content-block span,
div.mobileheader-content-block,
div.mobileheader-content-block span {
    line-height: normal
}

@media only screen and (max-width:667px) {
    .card .product-info {
        padding: 1.3rem .5rem .5rem !important
    }
}

.msgwrap {
    height: 20px
}

@media only screen and (max-width:815px) {
    .gdpr-container {
        padding: 37px !important
    }

    .show-cart-btn {
        display: none !important
    }

    #mini-cart p.title span.close {
        height: auto
    }

    .card {
        margin: 0 auto;
        padding-bottom: 10px
    }

    #mini-cart {
        height: 290px;
        left: 0
    }

    #mini-cart.show-mini-cart {
        transform: translate3d(0, -100%, 0);
        bottom: -303px !important
    }

    .card .title {
        line-height: 19px
    }

    .card .image {
        max-width: 100%
    }

    .order-button {
        float: none;
        margin-left: 1px !important
    }

    .clear.large {
        display: none
    }

    select {
        width: 91%
    }

    div#accordion-label {
        padding: 0 10px
    }

    .banner {
        width: auto;
        max-width: 90%
    }
}

@media only screen and (max-width:809px) and (min-width:700px) {
    .fixed-bottom>.max-width>.offer-text {
        width: 60%;
        font-size: 16px;
        line-height: 22px;
        float: left;
        max-width: none;
        margin-right: 0 !important
    }
}

@media screen and (max-width:767px) {

    .story-at-glance .accordion-navigation .benefit-text:after,
    .story-at-glance .accordion-navigation.active .benefit-text:after {
        display: block
    }
}

@media only screen and (max-width:700px) {
    span.sale-badge-sticky {
        background-size: 80%;
        padding: 8px 0 0 35px
    }

    .expiry-text {
        font-size: 11px
    }

    .sticky-banner-button a {
        padding: 9px 17px
    }

    .fixed-bottom>.max-width>.offer-text {
        width: 60%;
        font-size: 16px;
        line-height: 19px;
        float: left;
        max-width: none;
        margin-right: 0 !important
    }

    .fixed-bottom>.max-width>.sticky-banner-button {
        float: right
    }

    .fixed-bottom>.max-width>.sticky-banner-button a {
        font-size: 14px;
        font-weight: 600
    }

    .fixed-bottom>.max-width>.close-sticky,
    .fixed-bottom>.max-width>.sticky-banner-button,
    .fixed-bottom>.max-width>span.sale-badge-sticky {
        margin: auto !important
    }
}

@media only screen and (min-width:640px) {
    .text-headline {
        font-size: 25px
    }

    .text-subheadline {
        font-size: 23px
    }
}

@media only screen and (max-width:550px) {

    .sticky-banner-button a,
    .sticky-banner-button-stc a {
        padding: 6px 15px
    }

    .fixed-bottom>.max-width>.offer-text {
        font-size: 16px !important
    }

    .fixed-bottom>.max-width>span.sale-badge-sticky {
        background-size: 75% !important;
        padding: 13px 0 0 35px
    }

    ol.numstyle,
    ul.bullet,
    ul.check,
    ul.x {
        padding-left: 22px !important
    }
}

@media only screen and (max-width:480px) {
    .row.story-at-glance ul.accordion {
        margin: auto
    }

    .story-at-glance ul.accordion {
        margin: 0 auto !important
    }

    .max-width {
        display: block
    }

    .fixed-bottom>.max-width>.offer-text {
        width: 82%
    }

    .fixed-bottom>.max-width>span.sale-badge-sticky {
        display: inline-block;
        float: left;
        padding: 13px 0 0 33px
    }

    .fixed-bottom>.max-width>span.last-day,
    .fixed-bottom>.max-width>span.one-day {
        line-height: 11px;
        font-weight: 800;
        font-size: 10px;
        margin-right: 5px !important;
        height: auto;
        width: 44px;
        border-radius: 100%;
        padding: 12px 9px
    }

    .fixed-bottom>.max-width>.sticky-banner-button {
        width: 100%;
        padding-top: 7px;
        margin-top: 5px !important
    }

    .sticky-banner-button a {
        appearance: none;
        display: inline-block;
        transition: background-color .2s;
        white-space: nowrap;
        width: 100%
    }
}

@media only screen and (max-width:400px) {
    .close-sticky {
        font-size: 11px
    }
}

@media only screen and (max-width:320px) {
    .best-selling {
        width: 90% !important
    }

    div#accordion-label {
        padding: 0 10px
    }

    .card .product-info {
        padding: 1.3rem .5rem .5rem !important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .item-table img {
        width: 99% !important
    }
}

.disc-cust,
.subscription-tag {
    margin-left: 20px
}

.banner-container {
    max-width: 92.875rem;
    margin: 0 auto
}

@media only screen and (max-width:670px) {
    .mobile-banner {
        display: block
    }

    .desktop-banner {
        display: none
    }
}

.myaccountnav a {
    color: #fff !important;
    font-size: 14px !important;
    text-decoration: none;
    display: block;
    margin-right: 12px;
    float: right;
    font-weight: 500 !important;
    line-height: 30px
}

.accountnav span:first-child {
    display: block;
    width: auto;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.absolute {
    position: absolute !important
}

.accountnav-mobile::before {
    content: "\e815";
    font-family: fontello;
    margin: 3px 5px;
    font-size: 28px;
    display: block
}

.accountflyout li:hover,
table tfoot,
table thead {
    background: #f5f5f5
}

.headerinfo .accountflyout {
    padding-top: 10px
}

.accountflyout {
    margin: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 9px rgb(0 0 0 / .15);
    -moz-box-shadow: 0 0 9px rgb(0 0 0 / .15);
    box-shadow: 0 0 9px rgb(0 0 0 / .15);
    border: 1px solid #d8d8d8;
    width: 200px;
    position: absolute;
    right: 0;
    top: 68px;
    z-index: 1000000;
    display: none
}

.accountflyout span.wish-count {
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    background-color: #464646;
    border-radius: 20px;
    float: right;
    border: 1px solid #fff;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    position: relative;
    left: -4.7rem;
    top: 0
}

.accountflyout li a {
    color: #2d353c;
    margin: 0;
    float: none;
    text-align: left;
    text-transform: none;
    font-size: 16px;
    padding: 4px 15px;
    line-height: 22px;
    font-weight: 500;
    width: auto;
    display: block
}

.accountflyout .logout {
    background: #f5f5f5;
    text-align: center;
    margin-top: 10px
}

.fixed.mobile-navigation {
    position: fixed;
    box-shadow: #555 0 2px 2px -2px
}

.fixed.mobile-navigation .accountflyout {
    margin-right: 9px;
    margin-top: -20px
}

.fixed.mobile-navigation .accountflyout .join a {
    background: #2d353c;
    color: #fff;
    margin: 12px 15px 0;
    padding: 8px 15px
}

.mobile-navigation .accountflyout .accountnav span:first-child {
    font-size: 14px;
    font-weight: 400
}

.language-buttons {
    border-bottom: 1px solid #2f2f2f
}

ul li.language-buttons a {
    border-bottom: none
}

.language-link {
    font-size: .8rem;
    margin: 10px 0;
    display: none
}

span.language-icon {
    background: url(//media.mercola.com/assets/images/icons.png) -76px -42px no-repeat;
    padding: 14px 20px
}

.language {
    position: relative;
    float: right;
    z-index: 100;
    line-height: 30px;
    padding-right: 7px;
    font-weight: 500;
    font-size: 16px;
    color: #fff
}

.language ul {
    position: absolute;
    top: 37px !important;
    border: 0;
    margin-left: -72px !important
}

#drop.language-options li a {
    line-height: normal;
    background: #2d353c;
    padding: 10px 28px;
    border-top: 1px solid #172026;
    color: #fff;
    font-size: 14px !important
}

.language a {
    line-height: 30px;
    display: block
}

.language ul:after,
.language ul:before {
    border-color: #fff0 #fff0 #ececec
}

.language ul:before {
    top: 0
}

.language ul:after {
    top: -15px
}

.language ul li a {
    font-size: 16px;
    padding: 5px 10px
}

.language .dropdown span {
    line-height: 1;
    transform: translate(0, -3px);
    font-size: 15px;
    margin: 0 4px
}

.language p {
    margin-bottom: 2px;
    padding-top: 4px;
    cursor: pointer;
    font-size: 14px
}

.language p span {
    margin: 7px;
    color: #fff
}

.language svg {
    height: 15px
}

.mycart {
    margin-right: 10px;
    margin-left: 5px
}

.mycart ul li.myaccount {
    background: 0;
    float: right;
    padding: 0;
    display: none
}

.mycart ul li.myaccount a {
    color: #03519b;
    padding-top: 0;
    border-right: 1px solid #ccc;
    padding-left: 5px
}

.mycart ul li a.floatingcart {
    text-align: center;
    padding: 33px 45px 0 0;
    text-indent: 5px;
    color: #000;
    background: url(//media.mercolamarket.com/assets/images/shop/cart-icon.svg) no-repeat;
    width: 37px
}

ul.cartnav {
    display: block !important;
    margin-top: 2px;
    float: right;
    clear: right;
    width: 43%;
    background: #fff
}

.cartitem .cart-count a,
.mycart ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 12px
}

.mycart ul li.cartitem {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
    background: 0
}

ul.cartnav li {
    float: right;
    padding: 0;
    width: 100%
}

ul.cartnav .search {
    border: 1px solid #d9d9d9;
    width: 100%;
    border-top: 1px solid silver;
    outline: 0;
    padding: 6px;
    color: #888;
    margin: 0;
    float: left;
    font: 14px Arial, Helvetica, sans-serif
}

ul.cartnav li.autocompletecontainer {
    position: relative;
    width: 75%
}

.cartitem .cart-count {
    background-color: #464646;
    font-weight: 500;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 0 2px;
    float: right;
    position: absolute;
    border: 1px solid #fff;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    left: 24px;
    top: -2px
}

@media (max-width:820px) {

    #catalogmobilenav,
    .header-contact,
    .header-container,
    .headertop.container,
    .language,
    .row.nav-container,
    div.changelang,
    div.headerinfo .customertype,
    div.headertop #search div.mobile#trigger-search,
    div.help,
    div.myaccountnav,
    div.tollfree,
    header-login {
        display: none
    }

    #search .autocompletecontainer input.search-textbox {
        height: 45px;
        border-radius: 4px
    }

    .container.mobileheader {
        padding: 0;
        height: 50px
    }

    #search {
        margin-top: 0
    }

    .mobileheader #header {
        position: fixed;
        width: 100%;
        height: 51px;
        z-index: 99999;
        padding: 0;
        margin: 0
    }

    a.logo,
    span.logo {
        display: block;
        height: 33px;
        margin: 0 0 5px;
        overflow: hidden;
        width: 121px
    }

    .topheader div#trigger-search {
        float: right;
        margin-top: 10px;
        position: absolute;
        right: 7px
    }

    .topheader div.mobile a.searchbutton {
        cursor: pointer;
        display: block;
        float: left;
        height: 26px;
        margin-right: 10px;
        overflow: hidden;
        padding: 0;
        width: 26px
    }

    #myTab-accordion {
        margin-top: 10px
    }

    .mobile-navigation .tab-bar {
        padding: 0 7px
    }

    .header-global-promo-banner img {
        margin: 4rem auto 0
    }

    ul.cartnav {
        display: none;
        border: 1px solid #b7c7e1;
        padding: 10px;
        position: fixed;
        right: 7px;
        top: 44px;
        width: 430px;
        z-index: 100
    }

    .mycart ul li {
        padding: 0;
        background: 0;
        display: block;
        margin-top: 12px;
        position: relative;
        right: 50px
    }

    ul.cartnav li.autocompletecontainer {
        width: 100%
    }
}

@media (min-width:901px) {

    div.changelang,
    ul.cartnav {
        width: 100%
    }

    div.checkouttop div.changelang {
        width: auto
    }

    ul.cartnav {
        float: right;
        clear: right
    }

    ul.cartnav li.autocompletecontainer {
        width: 69%
    }

    .mycart ul li.myaccount {
        margin-right: 5px
    }

    .mycart ul li.myaccount a {
        padding: 0 5px;
        border-right: 1px solid #ccc
    }
}

@media (min-width:1280px) {

    ul.cartnav,
    ul.cartnav li.autocompletecontainer {
        width: 100%
    }

    .navbar {
        padding: 0 16px
    }

    .nav-container .navbar ul>li>a {
        font-size: 15px
    }

    .mercola-logo a img {
        max-width: 220px
    }
}

@media screen\0 {
    .mycart ul li {
        right: 5px
    }
}

div.headerinfo #search {
    width: 61.2%;
    float: left
}

ol.numstyle {
    padding-left: 35px
}

#search div.input-group-btn a {
    padding: 14px 17px
}

#search .search-small div button,
#search div.input-group-btn a {
    position: absolute;
    z-index: 99;
    margin: 0 0 0 -12px;
    background: #226cab !important;
    border-radius: 0 4px 4px 0;
    display: block
}

#search a.button span::before {
    color: #fff;
    font-family: fontello;
    font-size: 20px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

#search div.input-group-btn a.searchBox-clear.js-clearSearchBox {
    margin-left: -50px;
    padding: 8px 10px;
    background: 0 0 !important;
    font-size: 20px;
    color: #555
}

.searchBox-input {
    background-color: #fff0;
    border: none;
    box-shadow: none;
    outline: 0;
    width: 100%;
    padding: .5rem;
    font-size: inherit
}

.searchBox-input:focus {
    outline: 0;
    background: #fff;
    box-shadow: none
}

.searchBox-clear {
    color: #ccc;
    padding: 0;
    font-size: inherit;
    cursor: pointer;
    line-height: 1.5;
    -webkit-transition: 3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.searchBox-clearInput:hover {
    color: #aaa
}

.inner-nav .subnav #drop1 li a,
.row.subnav #drop1 li a {
    padding-bottom: 28px !important
}

#header-ticker {
    height: 33px !important
}

#header-ticker ul {
    width: 100%;
    padding: 0 !important;
    overflow: hidden
}

#header-ticker li {
    font-size: 13px;
    transform: translateY(0) !important
}

.headerasorder,
.headerasorder li,
.headerasorder li a {
    background-color: #115997;
    color: #fff
}

div#header-ticker,
div#header-ticker li {
    height: 34px
}

@media (max-width:360px) {
    #header-ticker li {
        font-size: 12.5px !important;
        transform: translateY(2px) !important
    }

    .gdpr-container p {
        font-size: 11px !important;
        line-height: 14px !important;
    }

    .inner-nav .subnav .container div {
        width: 91% !important
    }
}

.row.subnav a,
.row.subnav div,
.row.subnav li,
.row.subnav ol,
.row.subnav p,
.row.subnav ul {
    font-weight: 500
}

.row.subnav #drop1 li ul li a {
    padding-bottom: 10px !important
}

.row.subnav #drop1>li {
    height: 44px
}

.inner-nav {
    z-index: 11;
    position: relative
}

.inner-nav.sticky-top .subnav #drop1 {
    max-width: 100% !important;
    width: 845px
}

.row.subnav {
    z-index: 11;
    padding: 12px 1rem
}

.row.subnav .drop-hover {
    padding-bottom: 12px !important
}

.row.subnav .drop-hover+.f-dropdown li {
    border-bottom: 0 !important;
    width: 100%
}

.row.subnav .container {
    display: table;
    width: auto;
    left: 18px
}

.row.subnav .container p {
    padding-right: 10px;
    border-right: 1px solid #d3d3d3;
    font-size: 16px;
    color: #464646
}

.RecipientsTable tr.active td,
.row.subnav .container div {
    display: table-cell
}

.row.subnav .container button {
    background: #ececec !important;
    border: 1px solid #cbcbcb;
    color: #2369b4;
    margin: 0;
    font-size: 14px;
    outline: 0;
    text-align: left;
    height: 40px
}

.row.subnav .container .dropdown.button::after,
.subnav .container button.dropdown::after {
    border-color: #464646 #fff0 transparent !important;
    right: 14px !important
}

.row.subnav .dropdown {
    position: relative;
    display: inline-block
}

.row.subnav .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / .2);
    z-index: 1
}

.row.subnav .dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.row.subnav .dropdown-content a:hover {
    background-color: #ddd
}

.row.subnav .dropdown:hover .dropbtn {
    background-color: #3e8e41
}

.row.subnav ul.f-dropdown {
    -webkit-tap-highlight-color: #fff0
}

.row.subnav .f-dropdown {
    box-shadow: none;
    margin-left: 0;
    position: absolute;
    height: auto;
    width: 100%;
    z-index: 11;
    margin-top: 10px !important;
    left: auto !important;
    max-width: 250px !important
}

.row.subnav .f-dropdown li a:focus,
.row.subnav .f-dropdown li a:hover {
    border-left: 4px solid #2369b4;
    transition: 1s
}

.row.subnav .f-dropdown li {
    font-size: .875rem;
    line-height: 1.125rem;
    margin: 0 auto
}

.row.subnav .f-dropdown li a {
    display: block;
    padding: .5rem;
    color: #555;
    width: 100%;
    margin: 0 auto;
    border-left: 4px solid #f9f9f9
}

.row.subnav .f-dropdown:before {
    left: 19px !important
}

.row.subnav .f-dropdown:after {
    left: 18px !important
}

@media (min-width:1100px) {
    .main-section .inner-nav.sticky-top .subnav {
        box-shadow: -468px 0 0 15px #fff, 475px 0 0 15px #fff !important
    }
}

@media (min-width:769px) {
    #header {
        background: #2d353c
    }

    .hide.sll,
    .mobileheader-content-block {
        display: none !important
    }

    .nav>li>a {
        font-size: 12px
    }

    .main-section .inner-nav.sticky-top .subnav {
        height: 43px;
        padding: 9px 8px 8px;
        box-shadow: -385px 0 0 15px #fff, 400px 0 0 15px #fff;
        z-index: 11;
        width: 100%
    }

    .inner-nav .subnav #drop1 .active {
        border-bottom: 2px solid #2369b4 !important
    }

    .inner-nav.sticky-top .subnav {
        position: fixed;
        top: 0;
        background: #fff;
        max-width: 955px;
        margin-top: 14px;
        z-index: 3
    }

    .inner-nav.sticky-top .subnav #drop1 {
        top: 30px !important
    }

    .row.subnav {
        margin-top: 0 !important;
        border-bottom: 1px solid #d3d3d3
    }

    .button.dropdown,
    .inner-nav.sticky-top .row.subnav {
        top: 6px
    }

    .row.subnav .drop-hover~ul.healthyskin-products {
        width: 100%;
        left: 90px !important
    }

    .row.subnav .f-dropdown.healthyskin-products {
        max-width: 537px !important
    }

    .row.subnav .container .healthyskin-products p {
        font-size: 15px;
        color: #464646;
        border-bottom: 1px solid #d3d3d3
    }

    .row.subnav .f-dropdown.healthyskin-products div ul li {
        list-style-type: none
    }

    .row.subnav .f-dropdown.healthyskin-products div ul,
    .row.subnav .f-dropdown.healthyskin-products div ul li {
        list-style-position: inside;
        margin: 0;
        padding: 0
    }

    .row.subnav .f-dropdown.healthyskin-products::before {
        left: 229px !important
    }

    .row.subnav .f-dropdown.healthyskin-products::after {
        left: 228px !important
    }

    .row.subnav .f-dropdown.healthyskin-products div p {
        border-right: 0;
        padding: 14px 14px 5px;
        cursor: text;
        width: 264px
    }

    .row.subnav .f-dropdown.healthyskin-products hr {
        width: 90%;
        margin: 10px auto
    }

    .row.subnav #drop1 li>ul.healthyskin-products li a {
        padding-left: 12px !important
    }

    .row.subnav #drop1 li a {
        border-bottom: 2px solid rgb(255 255 255 / .3) !important;
        background: 0 0 !important;
        border-left: 0;
        color: #2369b4;
        padding: 12px 26px
    }

    .row.subnav #drop1 li ul li a,
    .row.subnav #drop1 li ul li a:hover {
        border-bottom: none !important
    }

    .row.subnav .container p {
        display: table-cell
    }

    .row.subnav .container button {
        display: none;
        padding: 6px 42px 6px 10px;
        width: 250px
    }

    .row.subnav #drop1 {
        margin-top: -31px !important;
        display: block;
        max-width: 100% !important;
        box-shadow: 0 0;
        border: 0;
        background: 0 0;
        top: auto !important
    }

    .row.subnav #drop1 li {
        float: left
    }

    .row.subnav #drop1 li a:hover {
        background: #fff
    }

    .row.subnav .drop-hover::after {
        font-size: 12px;
        padding-left: 8px;
        color: #838383;
        line-height: 0;
        content: "\e802";
        font-family: fontello
    }

    .row.subnav .drop-hover~ul li a {
        padding: 10px 16px !important
    }

    .row.subnav .drop-hover~ul {
        -webkit-box-shadow: 0 0 3px 0 rgb(195 195 195 / .8);
        -moz-box-shadow: 0 0 3px 0 rgb(195 195 195 / .8);
        box-shadow: 0 0 3px 0 rgb(195 195 195 / .8);
        background: #fff !important;
        width: 189px;
        top: 48px !important
    }
}

@media (max-width:768px) {
    .main-section .banner-container {
        display: table-footer-group
    }

    .main-section .banner-container~.row.collapse {
        display: table-header-group;
        width: 100%
    }

    .row.subnav {
        width: 100% !important;
        position: fixed;
        margin-top: 0 !important;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 12px
    }

    .inner-nav.sticky-top .row.subnav {
        top: 2px;
        margin-top: 100px !important;
        position: fixed;
        padding-top: 0 !important
    }

    .row.subnav.probiotics #drop1 {
        min-height: 320px
    }

    #product-banner img,
    #promo-banner-top img,
    #promo-banner-top-pets img {
        margin-top: 32px;
        width: 100%
    }

    .inner-nav {
        height: 65px
    }

    .inner-nav .subnav .container div {
        position: absolute;
        z-index: 10
    }

    .inner-nav.sticky-top .subnav #drop1 {
        margin-top: 10px !important;
        box-shadow: none
    }

    .button.dropdown,
    .inner-nav.sticky-top .row.subnav {
        width: 100% !important
    }

    .inner-nav.sticky-top .row.subnav .f-dropdown {
        position: sticky !important;
        width: 100% !important
    }

    .inner-nav.sticky-top .subnav .container button {
        box-shadow: 0 26px 10px -15px !important
    }

    .row.subnav .drop-hover~ul li a {
        padding: 4px 18px 4px 40px !important
    }

    .row.subnav .drop-hover~ul {
        margin-bottom: 14px
    }

    .row.subnav .container div {
        padding-left: 0
    }

    .row.subnav .container button {
        outline: #fff solid 16px !important;
        padding: 10px 35px 10px 14px !important
    }

    .row.subnav .container .dropdown.button::after,
    .subnav .container button.dropdown::after {
        text-align: left;
        color: gray
    }

    .row.subnav .f-dropdown.healthyskin-products div {
        position: relative;
        clear: both;
        display: block !important;
        width: 100% !important
    }

    .row.subnav .f-dropdown.healthyskin-products div:first-child {
        margin-bottom: 32px
    }

    .row.subnav .f-dropdown.healthyskin-products div p {
        display: block !important;
        font-size: 14px;
        margin: 0;
        padding: 4px 18px 4px 40px !important
    }

    .row.subnav .container {
        margin: 5px auto 0;
        width: 100%;
        border-radius: 6px;
        display: table;
        left: 18px
    }

    .row.subnav .container p {
        display: none !important;
        padding-right: 10px;
        border-right: 3px dotted #e2dfdf;
        font-size: 16px;
        color: #464646
    }

    .row.subnav .container div {
        display: table-cell
    }

    .row.subnav .container button {
        background: #ececec !important;
        border: 1px solid #cbcbcb;
        color: #393939;
        margin: 0;
        font-size: 14px;
        width: 250px;
        text-align: left;
        height: 45px
    }

    .row.subnav .container .dropdown.button::after,
    .row.subnav .container button.dropdown::after {
        border-color: #464646 #fff0 transparent !important;
        right: 25px !important
    }

    .row.subnav #drop1 {
        height: auto;
        max-height: 320px;
        overflow-y: auto
    }

    .row.subnav .f-dropdown {
        width: 100% !important;
        max-width: none !important;
        background: #f9f9f9
    }

    .row.subnav .f-dropdown::after,
    .row.subnav .f-dropdown::before {
        display: none
    }

    .row.subnav .f-dropdown li:focus,
    .row.subnav .f-dropdown li:hover {
        background: 0 0 !important
    }

    .row.subnav .f-dropdown li {
        border-bottom: 1px solid #d3d3d3 !important
    }

    .row.subnav #drop1 li a {
        padding: 13px 16px !important
    }

    .button.dropdown~#drop1 li a.drop-hover+.f-dropdown {
        position: relative !important;
        top: 0 !important;
        display: block !important;
        border: none;
        box-shadow: none !important;
        margin-top: 0 !important
    }

    .button.dropdown~#drop1 li a.drop-hover+.f-dropdown a {
        padding-left: 38px !important
    }

    .button.dropdown~#drop1 li a.drop-hover+.f-dropdown.healthyskin-products a {
        padding-left: 60px !important
    }

    .drop-hover+.f-dropdown::after {
        border: none
    }

    .footer-icons ul li.bbb a#bbblink {
        width: 86px !important;
        height: 35px !important
    }

    .footer-icons ul li.geotrust iframe {
        max-height: 45px
    }
}

#footer,
.accountname,
.alert-box,
.button,
.card .image,
.email-share,
.footer-seals ul li,
.label-content,
.menu li,
.preloader,
.social-icons .social-btn[data-social-btn=link] .copy-message,
.split.button,
.switch,
.switch label,
.top-bar-section,
.top-bar-section .has-dropdown,
.user-links,
.youtube,
body,
button {
    position: relative
}

@media only screen and (min-width:800px) and (max-width:932px) {
    .subnav #drop1 li a {
        padding: 12px 16px !important
    }

    .row.subnav #drop1 {
        margin-top: -32px !important
    }
}

@media only screen and (min-width:769px) and (max-width:799px) {
    .subnav #drop1 li a {
        padding: 12px !important
    }

    .row.subnav {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .row.subnav #drop1 {
        margin-top: -32px !important
    }
}

@media only screen and (min-width:361px) and (max-width:560px) {
    .inner-nav .subnav .container div {
        width: 93% !important
    }
}

@media only screen and (min-width:561px) and (max-width:768px) {
    .inner-nav .subnav .container div {
        position: absolute;
        z-index: 10;
        width: 96%
    }
}

.row.subnav .f-dropdown li a:focus:not([href]),
.row.subnav .f-dropdown li a:hover:not([href]) {
    border-left: 4px solid #f9f9f9
}

@media (min-width:860px) {
    .row.subnav .container p {
        padding-right: 27px
    }

    .row.subnav .container {
        padding-left: 3%
    }
}

.main-section h1,
.row.subnav #drop1 li a,
.row.subnav .container button,
.row.subnav .container p,
.row.subnav .f-dropdown li a {
    font-weight: 600
}

ul.healthyskin-products ul {
    margin-left: 0
}

.row.subnav .drop-hover~ul.healthyskin-products,
.row.subnav .drop-hover~ul.healthyskin-products li:nth-child(7),
a.drop-hover:not([href]) {
    cursor: default
}

.row.subnav .drop-hover~ul.healthyskin-products hr {
    width: 90%;
    margin: 1.25rem auto 1.1875rem
}

@media only screen and (max-width:560px) {
    .row.subnav .f-dropdown.healthyskin-products div p:first-child {
        padding-left: 20px !important
    }
}

.columns.content-container.no-margin-top,
.f-dropdown.content>:first-child,
.f-dropdown.drop-left,
.f-dropdown.drop-left>:first-child,
.f-dropdown.drop-right>:first-child,
.f-dropdown.drop-top>:first-child,
.f-dropdown>:first-child,
.icon-bar.label-right>* i+label,
.icon-bar.label-right>* img+label,
.modalDialog .pad h2,
.panel.callout>:first-child,
.panel>:first-child,
.products-container.tabs-content,
.reveal-modal>:first-child,
.row.subnav.no-margin-top {
    margin-top: 0
}

.row.subnav .button.dropdown {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:670px) {
    .row.subnav .container button {
        background: #dfdfdf !important;
        color: #393939;
        border-radius: 0
    }
}

table.responsive-table {
    margin: 1em 0;
    background: #fff;
    font-size: 18px;
    color: #000;
    overflow: hidden;
    border: none;
    border-collapse: collapse;
    width: 100%
}

#footer,
.copyright,
.footer-nav,
.footer-seals {
    background: #2d353c
}

table.responsive-table .tr-highlight th,
table.responsive-table .tr-highlight th:first-child {
    background: #d2e6f0;
    font-size: 20px
}

table.responsive-table .tr-highlight th:nth-child(2),
table.responsive-table.no-thead tbody tr:nth-child(odd) td:nth-child(2),
table.static-table .tr-highlight th:nth-child(2),
table.static-table tbody tr:nth-child(2n) td:nth-child(2),
table.static-table.no-thead tbody tr:nth-child(odd) td:nth-child(2) {
    background-color: #f3f9fb !important
}

table.responsive-table tr:nth-of-type(2n) {
    background: #e5f2f8
}

.rwd-table td:before,
table.responsive-table td::before {
    content: attr(data-th) ": ";
    font-weight: 700;
    width: auto;
    display: inline-block;
    padding-right: 8px
}

.responsive-table th,
.rwd-table td:before,
.rwd-table th,
table.responsive-table td::before {
    color: #555
}

:root table.responsive-table td {
    width: 93%;
    float: left
}

table.responsive-table.no-thead tbody tr:nth-child(2n) td,
table.static-table.no-thead tbody tr:nth-child(2n) td {
    background: #fff !important
}

table.responsive-table.no-thead tbody tr:nth-of-type(odd),
table.static-table tr:nth-of-type(2n),
table.static-table.no-thead .tr-highlight th,
table.static-table.no-thead tr:nth-of-type(odd) {
    background: #e5f2f8;
    padding: 1em
}

.footer-seals li:nth-child(3),
table.responsive-table.no-thead td {
    width: 50% !important
}

table.static-table td {
    padding: 1em
}

table.static-table .tr-highlight th {
    font-size: 20px;
    background: #e5f2f8;
    padding: 1em
}

table.static-table .tr-highlight th:first-child {
    background: #d2e6f0
}

table.static-table .tr-highlight2 th {
    background-color: #f3f9fb;
    padding: 1em
}

table.static-table {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 2px solid #f3f9fb
}

@media only screen and (min-width:40em) {
    table.static-table tr td:nth-child(2) {
        border-left: 2px solid #f3f9fb !important
    }
}

.panel.bg-blue {
    background-color: #ebf5f9;
    padding: 40px;
    border: 0
}

.panel.bg-blue li,
.panel.bg-blue p {
    font-size: 1.125rem !important
}

.footer-seals ul {
    padding: 2.5rem 0 .5rem;
    margin: 0
}

.footer-seals ul li {
    display: block;
    float: left;
    width: 30%;
    margin: 0 auto
}

.footer-seals ul li div {
    text-align: center;
    padding: 0 .2rem;
    margin: 0 auto;
    width: 100%
}

footer#footer .footer-seals ul li:first-child div a {
    width: 100%;
    max-width: 150px
}

.footer-container {
    max-width: 75rem
}


#return-to-top,
.SubscribeBtn,
.button,
.gdpr-container .agree-button a,
.label,
.menu li a,
.mfp-close,
.user-links a,
.vevent abbr,
a,
button {
    text-decoration: none
}

footer p {
    font-size: 13px
}

#footer,
.ETAFForm .contacts .sendHelp {
    margin-bottom: 16px;
}


.copyright {
    text-align: center;
    color: #fff;
    padding: 0 0 60px
}

.footer-nav ul {
    margin-bottom: 0 !important;
    clear: both;
    border-top: 1px dotted rgb(255 255 255 / .2);
    padding-top: 25px;
    text-align: center;
    padding-bottom: 25px
}

.footer-nav ul li {
    border-left: 1px solid #fff;
    text-align: center;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1
}

.footer-nav a {
    text-decoration: none;
    padding: 0 8px !important
}

@media (min-width:1100px) {
    .footer-seals ul {
        width: 38% !important;
        margin: 0 auto !important;
    }
}

.footer-seals li:nth-child(2) {
    width: 20% !important
}

.ETAFForm .contacts .sendTo,
.footer-banner .image-overlay-content .modal-tabs .about-button,
.footer-button .modal-tabs li,
.modal-tabs .button,
.modal-tabs .footer-banner .image-overlay-content .about-button,
.modal-tabs .footer-button li,
.modal-tabs .post-nav .more-article a,
.modal-tabs .post-nav .next-article a,
.modal-tabs .post-nav .previous-article a,
.modal-tabs .rewards-modal .reward-points .smallbtn,
.post-nav .more-article .modal-tabs a,
.post-nav .next-article .modal-tabs a,
.post-nav .previous-article .modal-tabs a,
.rewards-modal .reward-points .modal-tabs .smallbtn {
    margin-bottom: 8px
}

.footer-disclaimer .tabs .tab-title>a {
    display: inline;
    background: 0 0;
    color: #fff;
    font-size: 15px;
    padding: 0;
    border-bottom: 1px solid #fff
}

@media (max-width: 840px) {
    .footerlinks div.panel-body ul li {
        padding: 0 5px;
        border-left: 0;
        text-align: left;
        display: block;
        margin-bottom: 14px;
        font-size: 16px;
    }

    .panel-default>.panel-heading {
        background: none !important;
        padding: 0 !important;
    }

    .panel {
        background: none;
    }

    .panel-title a {
        background: #49525a;
        border-radius: 0px;
        padding: 10px;
        color: #ffffff;
    }

    .panel-default {
        border: 0;
    }

    .panel-group .panel-heading+.panel-collapse>.list-group,
    .panel-group .panel-heading+.panel-collapse>.panel-body {
        border: 0;
    }

    div.footerlinks.mobile h4.panel-title a {
        display: block;
        justify-content: normal;
        margin-bottom: 18px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
        text-align: left !important;
    }

    .footerlinks.mobile .accordion .accordion-navigation .icon-down-dir {
        padding-right: 5px;
        float: right;
        font-size: 18px;
        font-family: FontAwesome;
        font-weight: normal;
    }
}

@media (max-width:839px) {
    .footer-social-desktop {
        display: none;
    }

    .footer-social .social-icons {
        margin: 1em auto 0;
        gap: 40px;
    }

    div.footerlinks.mobile {
        display: block;
    }

    div.footerlinks.mobile ol {
        margin: 0;
    }

    div.footerlinks.footerlinkdsktop {
        display: none;
    }

    img.footer-mercola-logo {
        width: 75%;
        margin-bottom: 2em;
        max-width: 360px;
    }

    .footer-contact .contact-info {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin: 0 auto;
        max-width: 430px;
    }

    .footer-contact {
        margin: 0 auto 3em;
        text-align: center;
    }

    .footerlinks.mobile ul {
        margin: 0;
    }

    .footerlinks.mobile ul li {
        list-style-type: none;
        padding: 0 5px;
    }

    .footerlinks.mobile .accordion-navigation .content-box ul li a {
        padding: 0 !important;
        border-left: 0;
        text-align: left;
        margin-bottom: 14px;
        font-size: 16px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding: 10px 25px;
        display: inline-block;
        text-decoration: none;
        text-transform: none;
        color: #fff;
    }

    .footerlinks.mobile .accordion .accordion-navigation>.content {
        transition: none;
    }

    .footerlinks.mobile .accordion .accordion-navigation>.content.active {
        padding: 0 15px;
    }


    .footerlinks.mobile .accordion .accordion-navigation .icon-down-dir::before {
        content: "\f078";
    }

    .footerlinks.mobile .accordion-navigation.active .icon-down-dir::before {
        content: "\f077";
    }


    .footer-disclaimer .disclaimer-container {
        flex-direction: column;
        gap: 20px !important;
        margin-bottom: 1em;
    }

    .footer-disclaimer .disclaimer-container .disclaimer-info p {
        text-align: center;
    }

    .footer-disclaimer span.copyright-center {
        display: block;
    }

    p.copyright-desktop {
        display: none;
    }

    .footer-links .accordion-navigation a span,
    .footer-links .columns ul li a span {
        padding-right: 9px;
        font-size: 18px;
        float: right;
    }

    .fda-disclaimer p {
        text-align: center !important;
    }

    .footerlinks.mobile p.email-us:before,
    .footerlinks.mobile p.footer-contact-num:before {
        padding-right: 8px !important;
    }

    .footerlinks.mobile .contact-schedule {
        margin-top: 15px;
    }
}

@media screen and (min-width:840px) {
    .footerlinks.footerlinkdsktop {
        clip: auto;
        clip-path: none;
        height: auto;
        overflow: visible;
        position: static;
        white-space: inherit;
        width: auto
    }

    div.footerlinks.mobile {
        display: none;
    }

    .footerlinks.footerlinkdsktop ul:nth-child(4n+1) {
        clear: left;
    }

    .footerlinks.footerlinkdsktop ul:nth-child(2n+1) {
        clear: none;
    }

    .footerlinks.footerlinkdsktop ul,
    .footer-contact {
        float: left;
        display: block;
        margin-left: 3.3%;
        margin-bottom: 0;
        width: 19%;
    }

    .footerlinks.footerlinkdsktop,
    .footerlinks.mobile#footer-accordion {
        width: 100%;
        margin: 0 auto;
        display: flex;
    }

    .footerlinks.footerlinkdsktop .footer-contact {
        margin-left: 0;
        width: 60%;
        min-width: 420px;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .footer-disclaimer .copyright {
        display: block;
    }

    .footer-disclaimer span.copyright-center {
        display: none !important;
    }

    p.copyright-desktop {
        color: #a8a8a8;
        line-height: 25px;
        text-align: left;
    }
}

#footer .accordion-navigation a,
.emailToFriend .modalHolder .closeBtn a,
.menu li a,
.switch {
    outline: 0
}

.footer-disclaimer .accordion-navigation>a {
    font-size: 15px !important;
    text-decoration: none;
    width: 100px;
    margin: 0 auto 12px;
    border-bottom: 1px solid #fff;
    padding: 0 !important;
    color: #ddd !important
}

.footer-disclaimer .accordion-navigation>a span {
    margin-left: 10px;
    font-size: 10px
}

#disclaimer-content {
    background: 0 0;
    padding: 0;
    position: absolute;
}

.footer-disclaimer .accordion-navigation.active span::before {
    content: "\E804"
}

.footer-disclaimer ol li a {
    background: 0 0 !important;
    text-align: center;
    color: #fff !important
}

.footer-disclaimer ol {
    margin: 0 17px
}

.accordion dd.active>a {
    background: #49525a
}

.footer-contact p.email-us::before {
    content: "\E808";
    font-size: 18px;
    padding-right: 8px;
    font-family: fontello;
    color: #fff
}

.subscription-panel {
    background: #0f151b;
    padding: 20px 0;
    border-top: 1px solid #fff;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}

.subscription-panel .small-12.large-6.columns {
    width: 485px;
    padding: 0 !important
}

.subscription-panel label {
    padding: 0 !important;
    margin: 0;
    font-weight: 600;
    color: #133f64;
    cursor: auto
}

.subscription-panel label h3 {
    height: auto;
    margin: 0;
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    padding: 0;
}

.subscription-panel label h3 span {
    font-size: 16px;
}

.subscription-panel input {
    height: 40px !important;
    margin: 10px 0 !important;
    border-radius: 0 !important
}

.subscription-panel input.button {
    background: #226cab;
    width: 230px;
    height: 40px !important;
    font-size: 16px;
    margin: 0 !important;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 37px;
    text-indent: 0;
    border-radius: 0 !important;
    padding: 0 16px;
    font-family: helvetica, sans-serif;
}

.subscription-panel .text-left {
    padding-right: 0 !important
}

.subscription-hide span {
    width: 15px;
    height: 15px;
    background: #ababb1;
    color: #fff;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    line-height: 16px;
    font-size: 12px;
    font-weight: 600
}

.alert-box,
.button,
.subscription-panel label sup,
.top-bar-section .dropdown li a.parent-link,
body,
button,
label {
    font-weight: 400
}

.subscription-panel .panel-wrapper {
    display: flex !important;
    justify-content: start;
    align-items: center;
    width: auto !important;
}

.subscription-panel .row {
    width: 100% !important;
    max-width: 1500px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin: 0 10px;
}

.subscription-panel .row::before,
.subscription-panel .row::after {
    display: none;
}

@media screen and (min-width:901px) {
    .subscription-panel .panel-wrapper {
        width: 100%
    }
}

@media screen and (max-width:900px) {
    .subscription-panel .row {
        flex-direction: column;
        gap: 10px;
    }

    .subscription-panel label h3 {
        text-align: center !important;
    }

    .subscription-panel div>div {
        display: inline-block;
    }

    .panel-wrapper {
        width: 563px
    }

    .panel-subscription,
    .subscription-panel .panel-text {
        display: block;
    }

    .subscription-panel div>div {
        padding: 0 0
    }

    .panel-subscription {
        margin: 0 auto
    }

    .subscription-panel .panel-button {
        padding-right: 0
    }
}

@media screen and (max-width:640px) {
    .subscription-panel .panel-text {
        min-width: auto !important
    }

    .subscription-panel label {
        width: auto
    }

    .subscription-panel div>div {
        padding: 0;
        text-align: center
    }

    .subscription-panel .panel-input {
        width: 58%
    }

    .panel-wrapper {
        width: auto;
        display: block !important
    }

    .subscription-panel {
        padding: 20px 7px;
    }
}

.subscription-panel label {
    font-size: .98rem
}

.social-icons li {
    list-style: none;
    display: inline-block;
    text-align: center;
    line-height: 20px
}

.social-icons .share-count-total {
    display: none;
    color: #0869bd;
    font-size: 28px;
    font-weight: 600;
    text-align: left
}

.social-icons .share-count-total::after {
    content: "Shares";
    display: inline-block;
    font-size: 14px;
    color: #868686;
    position: relative;
    top: -5px;
    margin-left: 4px
}

.social-icons .social-btn>a,
.social-icons .social-btn>i {
    padding: 0 6px
}

.social-icons .social-btn>a:before,
.social-icons .social-btn>i:before {
    font-family: fontello;
    font-size: 24px
}

.social-icons .social-btn>a:hover,
.social-icons .social-btn>i:hover {
    transition: .5s
}

.social-icons .social-btn[data-social-btn=facebook]>a {
    color: #3b5998
}

.social-icons .social-btn[data-social-btn=facebook]>a:hover {
    color: #2d4373
}

.social-icons .social-btn[data-social-btn=twitter]>a {
    color: #55acee
}

.social-icons .social-btn[data-social-btn=twitter]>a:hover {
    color: #2795e9
}

.social-icons .social-btn[data-social-btn=twitter]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=google-plus]>a {
    color: #dd4b39
}

.social-icons .social-btn[data-social-btn=google-plus]>a:hover {
    color: #c23321
}

.social-icons .social-btn[data-social-btn=google-plus]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=linked-in]>a {
    color: #0077b5
}

.social-icons .social-btn[data-social-btn=linked-in]>a:hover {
    color: #005582
}

.social-icons .social-btn[data-social-btn=linked-in]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=reddit]>a {
    color: #7cb5e6
}

.social-icons .social-btn[data-social-btn=reddit]>a:hover {
    color: #519dde
}

.social-icons .social-btn[data-social-btn=reddit]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=pinterest]>span {
    background-size: 26px !important;
    background-position: center center
}

.social-icons .social-btn[data-social-btn=mailto]>a,
.social-icons .social-btn[data-social-btn=print]>a {
    color: #868686
}

.social-icons .social-btn[data-social-btn=chat]>i:hover,
.social-icons .social-btn[data-social-btn=mailto]>a:hover,
.social-icons .social-btn[data-social-btn=print]>a:hover {
    color: #535353
}

.social-icons .social-btn[data-social-btn=chat]>i {
    font-style: normal;
    color: #868686;
    display: none
}

.social-icons .social-btn[data-social-btn=chat]>i:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=vkontakte]>a {
    font-style: normal;
    color: #4c75a3
}

.social-icons .social-btn[data-social-btn=vkontakte]>a:hover {
    color: #3c5c80
}

.social-icons .social-btn[data-social-btn=vkontakte]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=link]>a {
    font-style: normal;
    background: #868686;
    color: #fff;
    height: 24px;
    width: 24px;
    display: inline-block;
    border-radius: 50%;
    padding-top: 2px;
    padding-left: 4px
}

.social-icons .social-btn[data-social-btn=link]>a:before {
    content: "";
    font-size: 17px !important
}

.social-icons .social-btn[data-social-btn=link] .copy-message span {
    position: absolute;
    background: #e7e7e7;
    width: 100px;
    font-size: 11px;
    top: 8px;
    left: -37px;
    color: #6d6d6d;
    border-radius: 4px
}

.social-icons .social-btn[data-social-btn=link] .copy-message span:after {
    bottom: 100%;
    left: 50%;
    border: 5px solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #e7e7e7;
    margin-left: -5px
}

.social-icons .bubble,
.social-icons .google-plus.spanish:before,
.social-icons .google-plus:before,
.social-icons .print .bubble:before,
.social-icons .twitter:before {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 6px 24px;
    min-height: 34px
}

.social-icons .arrow,
.social-icons .text:before {
    height: 5px;
    width: 5px;
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    border-top: 5px solid #ddd;
    margin: 0 auto 2px
}

.social-icons .text {
    font-size: 13px;
    background: #ddd;
    color: #868686;
    border-radius: 3px
}

.accordion:after,
.accordion:before,
.button-bar:after,
.button-bar:before,
.button-group:after,
.button-group:before,
.clearfix:after,
.clearfix:before,
.clearing-thumbs:after,
.clearing-thumbs:before,
.inner-wrap:after,
.inner-wrap:before,
.row .row.collapse:after,
.row .row.collapse:before,
.row .row:after,
.row .row:before,
.row:after,
.row:before,
.tabs-content:after,
.tabs-content:before,
.tabs:after,
.tabs:before,
.top-nav:before,
[class*=block-grid-]:after,
[class*=block-grid-]:before,
[data-clearing]:after,
[data-clearing]:before {
    display: table;
    content: " "
}

.social-widgets {
    float: none;
    padding-top: 0;
    text-align: center;
    margin: 0 auto 20px
}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    padding-top: 56.19%;
    overflow: hidden;
    cursor: pointer
}

.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: .7
}

.youtube .preloader {
    z-index: 1;
    opacity: .8;
    border-radius: 12px;
    left: 50% !important;
    top: 50% !important;
    width: 67px;
    height: 48px;
    margin-left: -30px;
    margin-top: -60px;
    -moz-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.youtube .preloader img {
    width: 60%
}

.youtube .preloader,
.youtube .preloader:before,
.youtube iframe,
.youtube img {
    position: absolute
}

.youtube .preloader,
.youtube .preloader:before {
    top: 30%;
    left: 40%
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.preloader {
    width: 64px;
    height: 64px
}

.preloader div {
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    margin: 6px;
    border: 6px solid #fff;
    border-radius: 50%;
    animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite preloader;
    border-color: #fff #fff0 #fff0
}

.preloader div:first-child {
    animation-delay: -.45s
}

.preloader div:nth-child(2) {
    animation-delay: -.3s
}

.preloader div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes preloader {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.content-container h1 {
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 32px
}

.content-container h2 {
    border-bottom: 1px solid #000;
    color: #000;
    font-style: italic;
    margin-bottom: 2.5rem;
    padding-bottom: 50px
}

.content-container h3 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    clear: both;
    color: #000;
    font-weight: 600;
    font-size: 26px !important;
    text-align: center;
    padding: .5rem;
    margin: 3rem 0 1.5rem
}

.highlight .price-customer,
.highlight .priceCustomer,
.highlight .priceLabelCustomer,
.highlight price-label-customer,
td.priceCustomer,
td.priceLabel.priceLabelCustomer {
    font-size: 1.4rem
}

.subscription-button,
.switch {
    -webkit-user-select: none;
    -moz-user-select: none
}

.side-nav,
dl,
ol,
ul {
    list-style-position: outside
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    text-rendering: optimizeLegibility
}

.invisible,
.reveal-modal {
    visibility: hidden
}

.alert-box,
.button,
button {
    border-style: solid
}

.button-bar .button-group div,
.flex-video,
.off-canvas-wrap {
    overflow: hidden
}

.button,
button,
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none
}

meta.foundation-version {
    font-family: "/5.5.2/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}

meta.foundation-mq-medium,
meta.foundation-mq-topbar {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:60.625em)/";
    width: 40.0625em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:60.6875em)/";
    width: 60.6875em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:60.6875em) and (max-width:90em)/";
    width: 60.6875em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.0625em)/";
    width: 90.0625em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
    width: 90.0625em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

body,
html {
    height: 100%;
    font-size: 100%
}

body {
    color: #000;
    cursor: auto;
    font-style: normal;
    line-height: 1.5
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

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

.left {
    float: left !important
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

textarea {
    min-height: 50px;
    max-width: 100%
}

.row {
    margin: 0 auto;
    max-width: 60rem
}

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

.row .row {
    margin: 0 -.9375rem;
    max-width: none;
    width: auto
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto
}

.column,
.columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left
}

.accordion .accordion-navigation,
.accordion dd {
    display: block;
    margin-bottom: 0 !important
}

.accordion .accordion-navigation.active>a,
.accordion dd.active>a {
    background: #e8e8e8
}

.accordion .accordion-navigation>a,
.accordion dd>a {
    background: #efefef;
    color: #000;
    display: block;
    font-size: 1rem;
    padding: 1rem
}

.accordion .accordion-navigation>a:hover,
.accordion dd>a:hover {
    background: #e3e3e3
}

.accordion .accordion-navigation>.content,
.accordion dd>.content {
    display: none;
    padding: .9375rem
}

.accordion .accordion-navigation>.content.active,
.accordion dd>.content.active {
    background: #fff;
    display: block
}

.alert-box {
    border-width: 1px;
    display: block;
    font-size: .8125rem;
    margin-bottom: 1.25rem;
    padding: .875rem 1.5rem .875rem .875rem;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    background-color: #008cba;
    border-color: #0078a0;
    color: #fff
}

.alert-box .close {
    right: .25rem;
    background: inherit;
    color: #333;
    font-size: 1.375rem;
    line-height: .9;
    margin-top: -.6875rem;
    opacity: .3;
    padding: 0 6px 4px;
    position: absolute;
    top: 50%
}

.alert-box .close:focus,
.alert-box .close:hover {
    opacity: .5
}

#main-banner-holder a img,
#main-banner-holder img,
.SubscribeBtn.radius,
.alert-box.radius,
.button.radius,
.f-dropdown li.radius,
.keystroke,
.label.radius,
.panel.radius,
.progress.radius,
.reveal-modal.radius,
.switch.radius label:after,
.th.radius,
.tooltip.radius,
button.radius,
input[type=color].radius,
input[type=date].radius,
input[type=datetime-local].radius,
input[type=datetime].radius,
input[type=email].radius,
input[type=month].radius,
input[type=number].radius,
input[type=password].radius,
input[type=search].radius,
input[type=tel].radius,
input[type=text].radius,
input[type=time].radius,
input[type=url].radius,
input[type=week].radius,
kbd,
select.radius,
textarea.radius {
    border-radius: 3px
}

.alert-box.round,
.button.round,
.label.round,
.progress.round,
.reveal-modal.round,
.switch.round,
.tooltip.round,
button.round {
    border-radius: 1000px
}

.button,
.button-group.radius.stack>*,
.button-group.radius.stack>*>.button,
.button-group.radius.stack>*>a,
.button-group.radius.stack>*>button,
.button-group.radius>*,
.button-group.radius>*>.button,
.button-group.radius>*>a,
.button-group.radius>*>button,
.button-group.round.stack>*,
.button-group.round.stack>*>.button,
.button-group.round.stack>*>a,
.button-group.round.stack>*>button,
.button-group.round>*,
.button-group.round>*>.button,
.button-group.round>*>a,
.button-group.round>*>button,
button,
input[type=submit],
select {
    border-radius: 0
}

.alert-box.success {
    background-color: #43ac6a;
    border-color: #3a945b;
    color: #fff
}

.alert-box.alert {
    background-color: #f04124;
    border-color: #de2d0f;
    color: #fff
}

.alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #c7c7c7;
    color: #4f4f4f
}

.alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: #fff
}

.alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #4f4f4f
}

.alert-box.alert-close,
.has-figcaption div:hover:before {
    opacity: 0
}

[class*=block-grid-] {
    display: block;
    padding: 0;
    margin: 0 -.625rem
}

[class*=block-grid-]>li {
    display: block;
    float: left;
    height: auto;
    padding: 0 .625rem 1.25rem
}

.button,
button {
    border-width: 0;
    line-height: normal;
    margin: 0 0 1.25rem;
    text-align: center;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #008cba;
    border-color: #007095;
    color: #fff;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.SubscribeBtn:focus,
.SubscribeBtn:hover,
.button:focus,
.button:hover,
.top-bar-section ul li>a.button:focus,
.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>button:focus,
.top-bar-section ul li>button:hover,
button:focus,
button:hover {
    background-color: #007095;
    color: #fff
}

.button.secondary,
.top-bar-section ul li>a.button.secondary,
.top-bar-section ul li>button.secondary,
button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333
}

.button.secondary:focus,
.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus,
.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>button.secondary:focus,
.top-bar-section ul li>button.secondary:hover,
button.secondary:focus,
button.secondary:hover {
    background-color: #b9b9b9;
    color: #333
}

.button.success,
.top-bar-section ul li>a.button.success,
.top-bar-section ul li>button.success,
button.success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #fff
}

.button.success:focus,
.button.success:hover,
.top-bar-section ul li>a.button.success:focus,
.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>button.success:focus,
.top-bar-section ul li>button.success:hover,
button.success:focus,
button.success:hover {
    background-color: #368a55;
    color: #fff
}

.button.alert,
.top-bar-section ul li>a.button.alert,
.top-bar-section ul li>button.alert,
button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff
}

.button.alert:focus,
.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus,
.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>button.alert:focus,
.top-bar-section ul li>button.alert:hover,
button.alert:focus,
button.alert:hover {
    background-color: #cf2a0e;
    color: #fff
}

.button.warning,
.top-bar-section ul li>a.button.warning,
.top-bar-section ul li>button.warning,
button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}

.button.warning:focus,
.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus,
.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>button.warning:focus,
.top-bar-section ul li>button.warning:hover,
button.warning:focus,
button.warning:hover {
    background-color: #cf6e0e;
    color: #fff
}

.button.info,
.top-bar-section ul li>a.button.info,
.top-bar-section ul li>button.info,
button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}

.button.info:focus,
.button.info:hover,
.top-bar-section ul li>a.button.info:focus,
.top-bar-section ul li>a.button.info:hover,
.top-bar-section ul li>button.info:focus,
.top-bar-section ul li>button.info:hover,
button.info:focus,
button.info:hover {
    background-color: #61b6d9;
    color: #fff
}

.button.large,
button.large {
    padding: 1.125rem 2.25rem 1.1875rem;
    font-size: 1.25rem
}

.button.small,
button.small {
    padding: .875rem 1.75rem .9375rem;
    font-size: .875rem
}

.button.tiny,
button.tiny {
    padding: .625rem 1.25rem .6875rem;
    font-size: .6875rem
}

.button.expand,
button.expand {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.button.left-align,
button.left-align {
    text-align: left;
    text-indent: .75rem
}

.button.right-align,
button.right-align {
    text-align: right;
    padding-right: .75rem
}

.button.disabled,
.button[disabled],
button.disabled,
button[disabled] {
    background-color: #008cba;
    border-color: #007095;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:focus,
.button[disabled]:hover,
button.disabled:focus,
button.disabled:hover,
button[disabled]:focus,
button[disabled]:hover {
    color: #fff;
    background-color: #008cba
}

.button.disabled.secondary,
.button[disabled].secondary,
button.disabled.secondary,
button[disabled].secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover,
button.disabled.secondary:focus,
button.disabled.secondary:hover,
button[disabled].secondary:focus,
button[disabled].secondary:hover {
    color: #333;
    background-color: #e7e7e7
}

.button.disabled.success,
.button[disabled].success,
button.disabled.success,
button[disabled].success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success:focus,
.button[disabled].success:hover,
button.disabled.success:focus,
button.disabled.success:hover,
button[disabled].success:focus,
button[disabled].success:hover {
    color: #fff;
    background-color: #43ac6a
}

.button.disabled.alert,
.button[disabled].alert,
button.disabled.alert,
button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert:focus,
.button[disabled].alert:hover,
button.disabled.alert:focus,
button.disabled.alert:hover,
button[disabled].alert:focus,
button[disabled].alert:hover {
    color: #fff;
    background-color: #f04124
}

.button.disabled.warning,
.button[disabled].warning,
button.disabled.warning,
button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning:focus,
.button[disabled].warning:hover,
button.disabled.warning:focus,
button.disabled.warning:hover,
button[disabled].warning:focus,
button[disabled].warning:hover {
    color: #fff;
    background-color: #f08a24
}

.button.disabled.info,
.button[disabled].info,
button.disabled.info,
button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled.info:focus,
.button.disabled.info:hover,
.button[disabled].info:focus,
.button[disabled].info:hover,
button.disabled.info:focus,
button.disabled.info:hover,
button[disabled].info:focus,
button[disabled].info:hover {
    color: #fff;
    background-color: #a0d3e8
}

.button-group {
    list-style: none;
    margin: 0;
    left: 0
}

.button-group.even-2 li,
.button-group.even-3 li,
.button-group.even-4 li,
.button-group.even-5 li,
.button-group.even-6 li,
.button-group.even-7 li,
.button-group.even-8 li,
.button-group.radius>*,
.button-group.round>*,
.button-group.stack-for-small>li,
.button-group>li {
    display: inline-block;
    margin: 0 -2px
}

.button-group.radius.stack>*,
.button-group.round.stack>*,
.button-group.stack>li {
    display: block;
    margin: 0
}

.button-group.even-2 li,
.icon-bar.two-up .item {
    width: 50%
}

.button-group.even-2 li .button,
.button-group.even-2 li>button,
.button-group.even-3 li .button,
.button-group.even-3 li>button,
.button-group.even-4 li .button,
.button-group.even-4 li>button,
.button-group.even-5 li .button,
.button-group.even-5 li>button,
.button-group.even-6 li .button,
.button-group.even-6 li>button,
.button-group.even-7 li .button,
.button-group.even-7 li>button,
.button-group.even-8 li .button,
.button-group.even-8 li>button,
.button-group.radius>* .button,
.button-group.radius>*>button,
.button-group.round>* .button,
.button-group.round>*>button,
.button-group.stack-for-small>li .button,
.button-group.stack-for-small>li>button,
.button-group>li .button,
.button-group>li>button {
    border-left: 1px solid;
    border-color: rgb(255 255 255 / .5)
}

.button-group.even-2 li:first-child .button,
.button-group.even-2 li:first-child button,
.button-group.even-3 li:first-child .button,
.button-group.even-3 li:first-child button,
.button-group.even-4 li:first-child .button,
.button-group.even-4 li:first-child button,
.button-group.even-5 li:first-child .button,
.button-group.even-5 li:first-child button,
.button-group.even-6 li:first-child .button,
.button-group.even-6 li:first-child button,
.button-group.even-7 li:first-child .button,
.button-group.even-7 li:first-child button,
.button-group.even-8 li:first-child .button,
.button-group.even-8 li:first-child button,
.button-group.radius.stack>:first-child .button,
.button-group.radius.stack>:first-child button,
.button-group.radius>:first-child .button,
.button-group.radius>:first-child button,
.button-group.round.stack>:first-child .button,
.button-group.round.stack>:first-child button,
.button-group.round>:first-child .button,
.button-group.round>:first-child button,
.button-group.stack-for-small>li:first-child .button,
.button-group.stack-for-small>li:first-child button,
.button-group.stack>li:first-child .button,
.button-group.stack>li:first-child button,
.button-group>li:first-child .button,
.button-group>li:first-child button {
    border-left: 0
}

.button-group.even-3 li {
    width: 33.33333%
}

.button-group.even-4 li,
.icon-bar.four-up .item {
    width: 25%
}

.button-group.even-5 li,
.icon-bar.five-up .item {
    width: 20%
}

.button-group.even-6 li,
.icon-bar.six-up .item {
    width: 16.66667%
}

.button-group.even-7 li,
.icon-bar.seven-up .item {
    width: 14.28571%
}

.button-group.even-8 li,
.icon-bar.eight-up .item {
    width: 12.5%
}

.button-group.stack>li,
.products-tab ul.expanded li,
.products-tab-2 ul.expanded li {
    float: none
}

.button-group.radius.stack>* .button,
.button-group.radius.stack>*>button,
.button-group.round.stack>* .button,
.button-group.round.stack>*>button,
.button-group.stack>li .button,
.button-group.stack>li>button {
    border-left: 0 solid;
    border-color: rgb(255 255 255 / .5);
    border-top: 1px solid;
    display: block;
    margin: 0
}

.button-group.radius.stack>:first-child .button,
.button-group.radius.stack>:first-child button,
.button-group.round.stack>:first-child .button,
.button-group.round.stack>:first-child button,
.button-group.stack>li:first-child .button,
.button-group.stack>li:first-child button {
    border-top: 0
}

.button-group.radius>:first-child,
.button-group.radius>:first-child>.button,
.button-group.radius>:first-child>a,
.button-group.radius>:first-child>button,
.tabs.radius .tab:first-child a,
.tabs.radius dd:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.button-group.radius>:last-child,
.button-group.radius>:last-child>.button,
.button-group.radius>:last-child>a,
.button-group.radius>:last-child>button,
.split.button.radius span,
.tabs.radius .tab:last-child a,
.tabs.radius dd:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.button-group.radius.stack>:first-child,
.button-group.radius.stack>:first-child>.button,
.button-group.radius.stack>:first-child>a,
.button-group.radius.stack>:first-child>button {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.button-group.radius.stack>:last-child,
.button-group.radius.stack>:last-child>.button,
.button-group.radius.stack>:last-child>a,
.button-group.radius.stack>:last-child>button {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.button-group.round>:first-child,
.button-group.round>:first-child>.button,
.button-group.round>:first-child>a,
.button-group.round>:first-child>button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.button-group.round>:last-child,
.button-group.round>:last-child>.button,
.button-group.round>:last-child>a,
.button-group.round>:last-child>button,
.split.button.round span {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

.button-group.round.stack>:first-child,
.button-group.round.stack>:first-child>.button,
.button-group.round.stack>:first-child>a,
.button-group.round.stack>:first-child>button {
    -webkit-top-left-radius: 1rem;
    -webkit-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.button-group.round.stack>:last-child,
.button-group.round.stack>:last-child>.button,
.button-group.round.stack>:last-child>a,
.button-group.round.stack>:last-child>button {
    -webkit-bottom-left-radius: 1rem;
    -webkit-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

@media only screen and (min-width:40.0625em) {
    .highlight {
        border: 2px solid #d3202f;
        border-radius: 5px !important;
        padding: 4px
    }

    #salesbox .salesbox-body {
        border-width: 0
    }

    .language-link {
        text-align: right;
        margin-top: 0
    }

    table.responsive-table tbody tr:nth-child(2n) td:nth-child(2) {
        background-color: #f3f9fb !important
    }

    table.responsive-table .tr-highlight {
        display: block
    }

    .responsive-table thead,
    table.responsive-table tbody {
        display: table-header-group
    }

    .responsive-table td,
    .responsive-table th,
    .responsive-table tr,
    table.responsive-table tbody {
        white-space: normal
    }

    table.responsive-table {
        border: 0;
        border-collapse: collapse;
        display: table;
        width: 100%;
        box-shadow: none
    }

    .responsive-table th,
    table.responsive-table td {
        padding: 1em !important;
        display: table-cell !important
    }

    table.responsive-table tr {
        display: table-row !important
    }

    :root table.responsive-table td {
        width: auto !important;
        float: none !important
    }

    table.responsive-table td::before {
        display: none !important
    }

    .subscription-panel.top .subscription-textbox,
    .subscription-panel.top label {
        margin: 0
    }

    .labels,
    .subscription-panel.top input.postfix.button.radius {
        margin-bottom: 0
    }

    .subscription-panel.top {
        margin-top: 0;
        padding-top: .5rem;
        padding-bottom: .25rem;
        border: 1px solid #ddd;
        border-top: none;
        border-radius: 0 0 3px 3px
    }

    :root .subscription-panel label,
    _:-ms-input-placeholder {
        margin-top: -5px
    }

    .column,
    .columns,
    .medium-pull-0,
    .medium-pull-1,
    .medium-pull-10,
    .medium-pull-11,
    .medium-pull-2,
    .medium-pull-3,
    .medium-pull-4,
    .medium-pull-5,
    .medium-pull-6,
    .medium-pull-7,
    .medium-pull-8,
    .medium-pull-9,
    .medium-push-0,
    .medium-push-1,
    .medium-push-10,
    .medium-push-11,
    .medium-push-2,
    .medium-push-3,
    .medium-push-4,
    .medium-push-5,
    .medium-push-6,
    .medium-push-7,
    .medium-push-8,
    .medium-push-9,
    .pull-0,
    .pull-1,
    .pull-10,
    .pull-11,
    .pull-2,
    .pull-3,
    .pull-4,
    .pull-5,
    .pull-6,
    .pull-7,
    .pull-8,
    .pull-9,
    .push-0,
    .push-1,
    .push-10,
    .push-11,
    .push-2,
    .push-3,
    .push-4,
    .push-5,
    .push-6,
    .push-7,
    .push-8,
    .push-9 {
        position: relative
    }

    .medium-push-0,
    .push-0 {
        left: 0;
        right: auto
    }

    .medium-pull-0,
    .pull-0 {
        right: 0;
        left: auto
    }

    .medium-push-1,
    .push-1 {
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1,
    .pull-1 {
        right: 8.33333%;
        left: auto
    }

    .medium-push-2,
    .push-2 {
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2,
    .pull-2 {
        right: 16.66667%;
        left: auto
    }

    .medium-push-3,
    .push-3 {
        left: 25%;
        right: auto
    }

    .medium-pull-3,
    .pull-3 {
        right: 25%;
        left: auto
    }

    .medium-push-4,
    .push-4 {
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4,
    .pull-4 {
        right: 33.33333%;
        left: auto
    }

    .medium-push-5,
    .push-5 {
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5,
    .pull-5 {
        right: 41.66667%;
        left: auto
    }

    .medium-push-6,
    .push-6 {
        left: 50%;
        right: auto
    }

    .medium-pull-6,
    .pull-6 {
        right: 50%;
        left: auto
    }

    .medium-push-7,
    .push-7 {
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7,
    .pull-7 {
        right: 58.33333%;
        left: auto
    }

    .medium-push-8,
    .push-8 {
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8,
    .pull-8 {
        right: 66.66667%;
        left: auto
    }

    .medium-push-9,
    .push-9 {
        left: 75%;
        right: auto
    }

    .medium-pull-9,
    .pull-9 {
        right: 75%;
        left: auto
    }

    .medium-push-10,
    .push-10 {
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10,
    .pull-10 {
        right: 83.33333%;
        left: auto
    }

    .medium-push-11,
    .push-11 {
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11,
    .pull-11 {
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns,
    .row.medium-uncollapse>.column,
    .row.medium-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered,
    .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }

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

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

    .medium-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .medium-block-grid-10>li:nth-of-type(1n),
    .medium-block-grid-11>li:nth-of-type(1n),
    .medium-block-grid-12>li:nth-of-type(1n),
    .medium-block-grid-1>li:nth-of-type(1n),
    .medium-block-grid-2>li:nth-of-type(1n),
    .medium-block-grid-3>li:nth-of-type(1n),
    .medium-block-grid-4>li:nth-of-type(1n),
    .medium-block-grid-5>li:nth-of-type(1n),
    .medium-block-grid-6>li:nth-of-type(1n),
    .medium-block-grid-7>li:nth-of-type(1n),
    .medium-block-grid-8>li:nth-of-type(1n),
    .medium-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-10>li:nth-of-type(10n+1),
    .medium-block-grid-11>li:nth-of-type(11n+1),
    .medium-block-grid-12>li:nth-of-type(12n+1),
    .medium-block-grid-1>li:nth-of-type(1n+1),
    .medium-block-grid-2>li:nth-of-type(odd),
    .medium-block-grid-3>li:nth-of-type(3n+1),
    .medium-block-grid-4>li:nth-of-type(4n+1),
    .medium-block-grid-5>li:nth-of-type(5n+1),
    .medium-block-grid-6>li:nth-of-type(6n+1),
    .medium-block-grid-7>li:nth-of-type(7n+1),
    .medium-block-grid-8>li:nth-of-type(8n+1),
    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .medium-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .medium-block-grid-3>li {
        list-style: none;
        width: 33.33333%
    }

    .medium-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .medium-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .medium-block-grid-6>li {
        list-style: none;
        width: 16.66667%
    }

    .medium-block-grid-7>li {
        list-style: none;
        width: 14.28571%
    }

    .medium-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .medium-block-grid-9>li {
        list-style: none;
        width: 11.11111%
    }

    .medium-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .medium-block-grid-11>li {
        list-style: none;
        width: 9.09091%
    }

    .medium-block-grid-12>li {
        list-style: none;
        width: 8.33333%
    }

    .button,
    button {
        display: inline-block
    }

    .button-group.radius.stack-for-small>*,
    .button-group.round.stack-for-small>* {
        display: inline-block;
        margin: 0 -2px
    }

    .button-group.radius.stack-for-small>* .button,
    .button-group.radius.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button,
    .button-group.round.stack-for-small>*>button {
        border-left: 1px solid;
        border-color: rgb(255 255 255 / .5)
    }

    .button-group.radius.stack-for-small>:first-child .button,
    .button-group.radius.stack-for-small>:first-child button,
    .button-group.round.stack-for-small>:first-child .button,
    .button-group.round.stack-for-small>:first-child button {
        border-left: 0
    }

    .button-group.radius.stack-for-small>*,
    .button-group.radius.stack-for-small>*>.button,
    .button-group.radius.stack-for-small>*>a,
    .button-group.radius.stack-for-small>*>button,
    .button-group.round.stack-for-small>*,
    .button-group.round.stack-for-small>*>.button,
    .button-group.round.stack-for-small>*>a,
    .button-group.round.stack-for-small>*>button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small>:first-child,
    .button-group.radius.stack-for-small>:first-child>.button,
    .button-group.radius.stack-for-small>:first-child>a,
    .button-group.radius.stack-for-small>:first-child>button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .button-group.radius.stack-for-small>:last-child,
    .button-group.radius.stack-for-small>:last-child>.button,
    .button-group.radius.stack-for-small>:last-child>a,
    .button-group.radius.stack-for-small>:last-child>button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }

    .button-group.round.stack-for-small>:first-child,
    .button-group.round.stack-for-small>:first-child>.button,
    .button-group.round.stack-for-small>:first-child>a,
    .button-group.round.stack-for-small>:first-child>button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px
    }

    .button-group.round.stack-for-small>:last-child,
    .button-group.round.stack-for-small>:last-child>.button,
    .button-group.round.stack-for-small>:last-child>a,
    .button-group.round.stack-for-small>:last-child>button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px
    }
}

@media only screen and (max-width:40em) {

    .subscription-panel .subscription-textbox {
        font-size: .75rem
    }

    .highlight .row>div.single:last-child,
    .highlight>.columns:last-child>div.card {
        border-bottom: 0
    }

    .button-group.radius.stack-for-small>*>button,
    .button-group.round.stack-for-small>*>button,
    .button-group.stack-for-small>li>button,
    .home-info-links ul li,
    .home-info-links ul li a {
        width: 100%
    }

    .subscription-panel .subscription-textbox,
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        font-size: 1rem !important;
        text-overflow: ellipsis !important
    }

    .button-group.radius.stack-for-small>*,
    .button-group.round.stack-for-small>*,
    .button-group.stack-for-small>li {
        display: block;
        margin: 0
    }

    .button-group.radius.stack-for-small>:first-child .button,
    .button-group.radius.stack-for-small>:first-child button,
    .button-group.round.stack-for-small>:first-child .button,
    .button-group.round.stack-for-small>:first-child button,
    .button-group.stack-for-small>li:first-child .button,
    .button-group.stack-for-small>li:first-child button {
        border-left: 0
    }

    .button-group.radius.stack-for-small>* .button,
    .button-group.radius.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button,
    .button-group.round.stack-for-small>*>button,
    .button-group.stack-for-small>li .button,
    .button-group.stack-for-small>li>button {
        border-left: 0 solid;
        border-color: rgb(255 255 255 / .5);
        border-top: 1px solid;
        display: block;
        margin: 0
    }

    .button-group.radius.stack-for-small>:first-child .button,
    .button-group.radius.stack-for-small>:first-child button,
    .button-group.round.stack-for-small>:first-child .button,
    .button-group.round.stack-for-small>:first-child button,
    .button-group.stack-for-small>li:first-child .button,
    .button-group.stack-for-small>li:first-child button {
        border-top: 0
    }

    .button-group.radius.stack-for-small>*,
    .button-group.radius.stack-for-small>*>.button,
    .button-group.radius.stack-for-small>*>a,
    .button-group.radius.stack-for-small>*>button,
    .button-group.round.stack-for-small>*,
    .button-group.round.stack-for-small>*>.button,
    .button-group.round.stack-for-small>*>a,
    .button-group.round.stack-for-small>*>button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small>:first-child,
    .button-group.radius.stack-for-small>:first-child>.button,
    .button-group.radius.stack-for-small>:first-child>a,
    .button-group.radius.stack-for-small>:first-child>button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .button-group.radius.stack-for-small>:last-child,
    .button-group.radius.stack-for-small>:last-child>.button,
    .button-group.radius.stack-for-small>:last-child>a,
    .button-group.radius.stack-for-small>:last-child>button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .button-group.round.stack-for-small>:first-child,
    .button-group.round.stack-for-small>:first-child>.button,
    .button-group.round.stack-for-small>:first-child>a,
    .button-group.round.stack-for-small>:first-child>button {
        -webkit-top-left-radius: 1rem;
        -webkit-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem
    }

    .button-group.round.stack-for-small>:last-child,
    .button-group.round.stack-for-small>:last-child>.button,
    .button-group.round.stack-for-small>:last-child>a,
    .button-group.round.stack-for-small>:last-child>button {
        -webkit-bottom-left-radius: 1rem;
        -webkit-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem
    }

    .reveal-modal {
        min-height: 100vh
    }

    .top-bar .button,
    .top-bar button,
    .top-nav .button,
    .top-nav button {
        position: relative;
        top: -1px
    }
}

.button-bar .button-group {
    float: left;
    margin-right: .625rem
}

.clearing-thumbs,
[data-clearing] {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0
}

.clearing-thumbs li,
[data-clearing] li {
    float: left;
    margin-right: 10px
}

.clearing-thumbs[class*=block-grid-] li,
[data-clearing][class*=block-grid-] li {
    margin-right: 0
}

.clearing-blackout {
    background: rgb(0 0 0 / .8);
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
    left: 0
}

.clearing-container {
    height: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 998
}

.clearing-touch-label {
    color: #aaa;
    font-size: .6em;
    left: 50%;
    position: absolute;
    top: 50%
}

.visible-img {
    height: 95%;
    position: relative
}

.visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    max-height: 100%;
    max-width: 100%
}

.clearing-caption {
    background: #000;
    bottom: 0;
    color: #ccc;
    font-size: .875em;
    line-height: 1.3;
    padding: 10px 30px 20px;
    position: absolute;
    text-align: center;
    left: 0
}

.clearing-close {
    color: #ccc;
    display: none;
    font-size: 30px;
    line-height: 1;
    padding-left: 20px;
    padding-top: 10px;
    z-index: 999;
    text-align: right;
    padding-right: 1rem
}

.clearing-close:focus,
.clearing-close:hover,
.mfp-preloader a {
    color: #ccc
}

.clearing-assembled .clearing-container {
    height: 100%
}

.f-dropdown,
.f-dropdown.drop-right {
    max-width: 200px;
    list-style: none;
    max-height: none;
    font-size: .875rem
}

.f-dropdown {
    display: none;
    left: -9999px;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    height: auto;
    width: 100%;
    z-index: 89;
    margin-top: 2px
}

.f-dropdown.drop-right:after,
.f-dropdown.drop-right:before,
.f-dropdown:after,
.f-dropdown:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.f-dropdown:before {
    border: 6px inset;
    border-color: #fff0 #fff0 #fff;
    border-bottom-style: solid;
    top: -12px;
    left: 10px;
    z-index: 89
}

.f-dropdown:after {
    border: 7px inset;
    border-color: #fff0 #fff0 #ccc;
    border-bottom-style: solid;
    top: -14px;
    left: 9px;
    z-index: 88
}

.f-dropdown.content,
.f-dropdown.drop-left,
.f-dropdown.drop-right,
.f-dropdown.drop-top {
    left: -9999px;
    position: absolute;
    height: auto;
    display: none;
    background: #fff;
    width: 100%
}

.f-dropdown.right:before {
    left: auto;
    right: 10px
}

.f-dropdown.right:after {
    left: auto;
    right: 9px
}

.f-dropdown.drop-right {
    border: 1px solid #ccc;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px
}

.f-dropdown.drop-right:before {
    border: 6px inset;
    border-color: #fff0 #fff #fff0 #fff0;
    border-right-style: solid;
    top: 10px;
    left: -12px;
    z-index: 89
}

.f-dropdown.drop-right:after {
    border: 7px inset;
    border-color: #fff0 #ccc #fff0 #fff0;
    border-right-style: solid;
    top: 9px;
    left: -14px;
    z-index: 88
}

.f-dropdown.drop-left {
    list-style: none;
    border: 1px solid #ccc;
    font-size: .875rem;
    max-height: none;
    z-index: 89;
    margin-left: -2px;
    max-width: 200px
}

.f-dropdown.drop-left:after,
.f-dropdown.drop-left:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    left: auto;
    position: absolute
}

.f-dropdown.content,
.f-dropdown.drop-top {
    margin-left: 0;
    max-height: none;
    max-width: 200px;
    list-style: none
}

.f-dropdown.drop-left:before {
    border: 6px inset;
    border-color: #fff0 #fff0 #fff0 #fff;
    border-left-style: solid;
    top: 10px;
    right: -12px;
    z-index: 89
}

.f-dropdown.drop-left:after {
    border: 7px inset;
    border-color: #fff0 #fff0 #fff0 #ccc;
    border-left-style: solid;
    top: 9px;
    right: -14px;
    z-index: 88
}

.f-dropdown.drop-top {
    border: 1px solid #ccc;
    font-size: .875rem;
    z-index: 89;
    margin-top: -2px
}

.f-dropdown.drop-top:after,
.f-dropdown.drop-top:before {
    height: 0;
    width: 0;
    top: auto;
    right: auto;
    display: block;
    position: absolute;
    content: ""
}

.f-dropdown.drop-top:before {
    border: 6px inset;
    border-color: #fff #fff0 #fff0;
    border-top-style: solid;
    bottom: -12px;
    left: 10px;
    z-index: 89
}

.f-dropdown.drop-top:after {
    border: 7px inset;
    border-color: #ccc #fff0 #fff0;
    border-top-style: solid;
    bottom: -14px;
    left: 9px;
    z-index: 88
}

select[multiple],
textarea[rows] {
    height: auto
}

.f-dropdown li {
    font-size: .875rem;
    line-height: 1.125rem;
    margin: 0
}

.f-dropdown li a {
    display: block;
    padding: .5rem;
    color: #555
}

.error>label>small,
label small {
    color: #676767;
    text-transform: capitalize
}

.f-dropdown.content {
    border: 1px solid #ccc;
    font-size: .875rem;
    padding: 1.25rem;
    z-index: 89
}

.f-dropdown.tiny {
    max-width: 200px
}

.f-dropdown.small {
    max-width: 300px
}

.f-dropdown.medium {
    max-width: 500px
}

.f-dropdown.large {
    max-width: 800px
}

.f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important
}

.f-dropdown.mega.open {
    left: 0 !important
}

.dropdown.button,
button.dropdown {
    position: relative;
    padding-right: 3.5625rem
}

.dropdown.button::after,
button.dropdown::after {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
    border-width: .375rem;
    right: 1.40625rem;
    margin-top: -.15625rem;
    border-color: #fff #fff0 #fff0
}

.dropdown.button.tiny,
button.dropdown.tiny {
    padding-right: 2.625rem
}

.dropdown.button.tiny:after,
button.dropdown.tiny:after {
    border-width: .375rem;
    right: 1.125rem;
    margin-top: -.125rem
}

.dropdown.button.tiny::after,
button.dropdown.tiny::after {
    border-color: #fff #fff0 #fff0
}

.dropdown.button.small,
button.dropdown.small {
    padding-right: 3.0625rem
}

.dropdown.button.small::after,
button.dropdown.small::after {
    border-width: .4375rem;
    right: 1.3125rem;
    margin-top: -.15625rem;
    border-color: #fff #fff0 #fff0
}

.dropdown.button.large,
button.dropdown.large {
    padding-right: 3.625rem
}

.dropdown.button.large::after,
button.dropdown.large::after {
    border-width: .3125rem;
    right: 1.71875rem;
    margin-top: -.15625rem;
    border-color: #fff #fff0 #fff0
}

.dropdown.button.secondary:after,
.split.button.secondary span:after,
button.dropdown.secondary:after {
    border-color: #333 #fff0 #fff0
}

.flex-video {
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 67.5%;
    padding-top: 1.5625rem;
    position: relative
}

.flex-video.widescreen {
    padding-bottom: 49%
}

@media screen and (min-width:769px) {
    .row.subnav #drop1 li:hover {
        border-bottom: 2px solid #2369b4 !important;
        color: #2369b4 !important
    }

    .row.subnav #drop1 li ul li:hover {
        border: 0 !important
    }

    .row .inner-nav #drop1 li a.drop-hover {
        padding-bottom: 28px !important
    }

    .flex-video.widescreen {
        padding-bottom: 52% !important
    }
}

@media screen and (min-width:480px) {
    .social-icons .pinit {
        display: inline-block
    }

    .flex-video.widescreen {
        padding-bottom: 51%
    }

    .rewards-modal .roles-points .roles {
        padding-right: 16px;
        display: table-cell;
        vertical-align: top
    }
}

@media screen and (max-width:360px) {
    .flex-video.widescreen {
        padding-bottom: 50%
    }
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}

.postfix,
.prefix,
select {
    font-size: .875rem;
    height: 2.3125rem
}

form .row .row {
    margin: 0 -.5rem
}

form .row .row .column,
form .row .row .columns {
    padding: 0 .5rem
}

input[type=checkbox],
input[type=file],
input[type=radio],
label.inline,
select {
    margin: 0 0 .5rem .5rem
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: .5rem
}

label {
    color: #000;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 0
}

label.right {
    float: none !important;
    text-align: right
}

label.inline {
    padding: .5625rem 0
}

.postfix,
.prefix {
    border-style: solid;
    border-width: 1px;
    display: block;
    line-height: 2.3125rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2
}

.postfix.button,
.prefix.button {
    border: none;
    text-align: center;
    padding: 0
}

.prefix.button.radius,
form .row .postfix-radius.row.collapse button,
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse .prefix {
    border-radius: 3px 0 0 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px
}

.postfix.button.radius,
form .row .postfix-radius.row.collapse .postfix,
form .row .prefix-radius.row.collapse button,
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse textarea {
    border-radius: 0 3px 3px 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px
}

.prefix.button.round,
form .row .postfix-round.row.collapse button,
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse textarea,
form .row .prefix-round.row.collapse .prefix {
    border-radius: 1000px 0 0 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px
}

.postfix.button.round,
form .row .postfix-round.row.collapse .postfix,
form .row .prefix-round.row.collapse button,
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse textarea {
    border-radius: 0 1000px 1000px 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px
}

label.prefix,
span.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333;
    border-color: #ccc
}

label.postfix,
span.postfix {
    background: #f2f2f2;
    color: #333;
    border-color: #ccc
}

fieldset[disabled] input[type=color],
fieldset[disabled] input[type=date],
fieldset[disabled] input[type=datetime-local],
fieldset[disabled] input[type=datetime],
fieldset[disabled] input[type=email],
fieldset[disabled] input[type=month],
fieldset[disabled] input[type=number],
fieldset[disabled] input[type=password],
fieldset[disabled] input[type=search],
fieldset[disabled] input[type=tel],
fieldset[disabled] input[type=text],
fieldset[disabled] input[type=time],
fieldset[disabled] input[type=url],
fieldset[disabled] input[type=week],
fieldset[disabled] textarea,
input[type=color]:disabled,
input[type=color][disabled],
input[type=color][readonly],
input[type=date]:disabled,
input[type=date][disabled],
input[type=date][readonly],
input[type=datetime-local]:disabled,
input[type=datetime-local][disabled],
input[type=datetime-local][readonly],
input[type=datetime]:disabled,
input[type=datetime][disabled],
input[type=datetime][readonly],
input[type=email]:disabled,
input[type=email][disabled],
input[type=email][readonly],
input[type=month]:disabled,
input[type=month][disabled],
input[type=month][readonly],
input[type=number]:disabled,
input[type=number][disabled],
input[type=number][readonly],
input[type=password]:disabled,
input[type=password][disabled],
input[type=password][readonly],
input[type=search]:disabled,
input[type=search][disabled],
input[type=search][readonly],
input[type=tel]:disabled,
input[type=tel][disabled],
input[type=tel][readonly],
input[type=text]:disabled,
input[type=text][disabled],
input[type=text][readonly],
input[type=time]:disabled,
input[type=time][disabled],
input[type=time][readonly],
input[type=url]:disabled,
input[type=url][disabled],
input[type=url][readonly],
input[type=week]:disabled,
input[type=week][disabled],
input[type=week][readonly],
select:disabled,
textarea:disabled,
textarea[disabled],
textarea[readonly] {
    background-color: #ddd;
    cursor: default
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    color: rgb(0 0 0 / .75);
    display: block;
    font-family: inherit;
    font-size: .875rem;
    height: 2.3125rem;
    margin: 0 0 1rem;
    padding: .5rem;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: border-color .15s linear, background .15s linear;
    transition: border-color .15s linear, background .15s linear
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #999;
    outline: 0
}

input#ctl00_FooterRWD_FooterControl_txtEmailAddress,
input#ctl00_footerRWD_FooterControl_txtEmailAddress {
    width: 430px;
    padding: 0 15px;
    margin: 0 !important;
    font-size: 14px !important;
    font-family: Arial, Helvetica, sans-serif;
}

::-webkit-input-placeholder {
    color: #666
}

:-moz-placeholder {
    color: #666
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #666
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    color: rgb(0 0 0 / .75);
    font-family: inherit;
    line-height: normal;
    padding: .4rem
}

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

select:hover {
    background-color: #f3f3f3;
    border-color: #999
}

.icon-bar .item.disabled,
.icon-bar .item.disabled>* {
    cursor: not-allowed;
    opacity: .7
}

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

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

fieldset legend {
    background: #fff;
    font-weight: 700;
    margin: 0;
    padding: 0 .1875rem
}

[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] small.error,
[data-abide] span.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff
}

#admin-menu,
.RecipientsTable tr td,
.action a img.not-available-button,
.faq .button.radius.small-expand img,
.faq a img,
.faq h5,
.hidden,
.mercola-logo .tollfree,
.mfp-align-top .mfp-container:before,
.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader,
.modal-wrapper,
.outstk~br,
.rwd-table thead,
.rwd-table.inline.no-header td:before,
.rwd-table.no-header td:before,
.side-banner,
.snapshot-link,
.top-bar-section .has-dropdown.moved>a:after,
[data-abide] small.error,
[data-abide] span.error {
    display: none
}

.error small.error,
small.error,
span.error {
    display: block;
    font-size: .75rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    font-weight: 400;
    font-style: italic
}

small.error,
span.error {
    margin-bottom: 1rem;
    color: #fff
}

.add-to-cart,
.error input[type=checkbox],
.error input[type=radio],
.error small.error,
ul.list li {
    margin-bottom: 1rem
}

.error label,
.error label.error,
label.error {
    color: #f04124
}

.error>label>small {
    background: 0 0;
    display: inline;
    font-size: 60%;
    font-style: normal;
    margin: 0;
    padding: 0
}

.icon-bar {
    display: inline-block;
    font-size: 0;
    width: 100%;
    background: #333
}

.icon-bar>*,
.icon-bar>* i,
.icon-bar>* img {
    display: block;
    margin: 0 auto
}

.icon-bar>a.active,
.icon-bar>a:hover,
.switch input:checked+label,
ul.pagination li.current a:focus,
ul.pagination li.current a:hover,
ul.pagination li.current button:focus,
ul.pagination li.current button:hover {
    background: #008cba
}

.icon-bar>* {
    float: left;
    text-align: center;
    width: 25%;
    font-size: 1rem;
    padding: 1.25rem
}

.icon-bar.label-right>* i,
.icon-bar.label-right>* img {
    display: inline-block;
    margin: 0 .0625rem 0 0
}

.icon-bar.vertical.label-right>* {
    text-align: left
}

.icon-bar.small-vertical,
.icon-bar.vertical {
    height: 100%;
    width: auto
}

.icon-bar.small-vertical .item,
.icon-bar.vertical .item {
    float: none;
    margin: auto;
    width: auto
}

.icon-bar>* i+label,
.icon-bar>* img+label {
    margin-top: .0625rem;
    font-size: 1rem
}

.icon-bar>* i {
    font-size: 1.875rem
}

.modal-form table td,
.modal-table td,
.modal-table th,
.modal-table tr {
    vertical-align: top
}

.icon-bar>* img {
    height: 1.875rem;
    width: 1.875rem
}

.icon-bar.eight-up.small-vertical .item,
.icon-bar.eight-up.vertical .item,
.icon-bar.five-up.small-vertical .item,
.icon-bar.five-up.vertical .item,
.icon-bar.four-up.small-vertical .item,
.icon-bar.four-up.vertical .item,
.icon-bar.seven-up.small-vertical .item,
.icon-bar.seven-up.vertical .item,
.icon-bar.six-up.small-vertical .item,
.icon-bar.six-up.vertical .item,
.icon-bar.three-up.small-vertical .item,
.icon-bar.three-up.vertical .item,
.icon-bar.two-up.small-vertical .item,
.icon-bar.two-up.vertical .item {
    width: auto
}

.icon-bar.three-up .item {
    width: 33.3333%
}

.inline-list {
    list-style: none;
    margin: 0 auto 1.0625rem;
    overflow: hidden;
    padding: 0
}

.inline-list>li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.375rem
}

.keystroke,
kbd {
    background-color: #ededed;
    color: #000;
    border: 1px solid #ddd;
    font-family: Consolas, Menlo, Courier, monospace;
    font-size: inherit;
    margin: 0;
    padding: .125rem .25rem 0
}

.label.alert {
    background-color: #f04124;
    color: #fff
}

.label.warning {
    background-color: #f08a24;
    color: #fff
}

.label.success {
    background-color: #43ac6a;
    color: #fff
}

.label.secondary {
    background-color: #e7e7e7;
    color: #333
}

.label.info {
    background-color: #a0d3e8;
    color: #333
}

[data-magellan-expedition-clone],
[data-magellan-expedition] {
    background: #fff;
    min-width: 100%;
    padding: 10px;
    z-index: 50
}

[data-magellan-expedition-clone] .sub-nav a,
[data-magellan-expedition] .sub-nav a {
    line-height: 1.8em
}

ul.pagination {
    display: block;
    margin-left: -.3125rem;
    min-height: 1.5rem
}

ul.pagination li {
    color: #000;
    font-size: .875rem;
    height: 1.5rem;
    margin-left: .3125rem;
    display: block;
    float: left
}

ul.pagination li a,
ul.pagination li button {
    border-radius: 3px;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    background: 0 0;
    color: #999;
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: inherit;
    padding: .0625rem .625rem
}

.panel,
.panel.callout {
    border: 1px solid #d8d8d8;
    padding: 1.25rem
}

.panel.white-panel {
    margin: 1.25rem 0 1.25rem 1.25rem
}

.panel,
.panel.callout,
.pricing-table,
table {
    margin-bottom: 1.25rem
}

ul.pagination li a:focus,
ul.pagination li button:focus,
ul.pagination li:hover a,
ul.pagination li:hover button {
    background: #e6e6e6
}

ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
    cursor: default;
    color: #999
}

.faq .accordion .accordion-navigation>.content.active,
.faq .accordion .accordion-navigation>a,
.faq .accordion .accordion-navigation>a:hover,
.faq .accordion dd>.content.active,
.faq .accordion dd>a,
.faq .accordion dd>a:hover,
.salesbox,
.top-bar-section .dropdown li.parent-link a:hover,
.top-bar-section .dropdown li.title h5 a:hover,
article .sidebar .panel.link-box,
table tr.alt,
table tr.even,
table tr:nth-of-type(2n),
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable button:focus,
ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable:hover button {
    background: 0 0
}

ul.pagination li.current a,
ul.pagination li.current button {
    background: #008cba;
    color: #fff;
    cursor: default;
    font-weight: 700
}

.panel,
.panel dl,
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel li,
.panel p,
.panel.callout dl,
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6,
.panel.callout li,
.panel.callout p {
    color: #333
}

.pagination-centered ul.pagination li {
    display: inline-block;
    float: none
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
    line-height: 1;
    margin-bottom: .625rem
}

dl,
ol,
p,
p.lead,
ul {
    line-height: 1.6
}

a,
b,
em,
i,
small,
strong {
    line-height: inherit
}

.panel h1.subheader,
.panel h2.subheader,
.panel h3.subheader,
.panel h4.subheader,
.panel h5.subheader,
.panel h6.subheader,
.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout h5.subheader,
.panel.callout h6.subheader,
div#divNotifyOutStock {
    line-height: 1.4
}

.panel.callout {
    background: #ecfaff;
    color: #333
}

.pricing-table .price,
.pricing-table .title {
    font-weight: 400;
    padding: .9375rem 1.25rem
}

.panel.callout a:not(.button),
a {
    color: #1a507f
}

.panel.callout a:not(.button):focus,
.panel.callout a:not(.button):hover,
a:focus,
a:hover {
    color: #0078a0
}

.pricing-table {
    border: 1px solid #ddd;
    margin-left: 0
}

.pricing-table * {
    list-style: none;
    line-height: 1
}

.pricing-table .title {
    background-color: #333;
    color: #eee;
    font-size: 1rem;
    text-align: center
}

.pricing-table .price {
    background-color: #f6f6f6;
    color: #333;
    font-size: 2rem;
    text-align: center
}

.pricing-table .bullet-item,
.pricing-table .description {
    border-bottom: 1px dotted #ddd;
    font-weight: 400;
    padding: .9375rem;
    background-color: #fff;
    text-align: center
}

.pricing-table .description {
    color: #777;
    font-size: .75rem;
    line-height: 1.4
}

.pricing-table .bullet-item {
    color: #333;
    font-size: .875rem
}

.pricing-table .cta-button {
    background-color: #fff;
    padding: 1.25rem 1.25rem 0;
    text-align: center
}

.progress {
    background-color: #f6f6f6;
    border: 1px solid #fff;
    height: 1.5625rem;
    margin-bottom: .625rem;
    padding: .125rem
}

.progress .meter {
    background: #008cba;
    display: block;
    height: 100%
}

.progress.secondary .meter {
    background: #e7e7e7;
    display: block;
    height: 100%
}

.progress.success .meter {
    background: #43ac6a;
    display: block;
    height: 100%
}

.progress.alert .meter {
    background: #f04124;
    display: block;
    height: 100%
}

.progress.radius .meter {
    border-radius: 2px
}

.progress.round .meter {
    border-radius: 999px
}

.range-slider,
.range-slider.vertical-range {
    border: 1px solid #ddd;
    margin: 1.25rem 0;
    position: relative
}

.range-slider {
    -ms-touch-action: none;
    touch-action: none;
    display: block;
    height: 1rem;
    width: 100%;
    background: #fafafa
}

.range-slider.vertical-range {
    -ms-touch-action: none;
    touch-action: none;
    display: inline-block;
    height: 12.5rem;
    width: 1rem
}

.range-slider.vertical-range .range-slider-handle {
    bottom: -10.5rem;
    margin-left: -.5rem;
    margin-top: 0;
    position: absolute
}

.range-slider.vertical-range .range-slider-active-segment {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: initial;
    bottom: 0;
    height: auto;
    width: .875rem
}

.range-slider.radius {
    background: #fafafa;
    border-radius: 3px
}

.range-slider.radius .range-slider-handle {
    background: #008cba;
    border-radius: 3px
}

.range-slider-handle:hover,
.range-slider.disabled .range-slider-handle:hover,
.range-slider.radius .range-slider-handle:hover,
.range-slider.round .range-slider-handle:hover,
.range-slider[disabled] .range-slider-handle:hover {
    background: #007ba4
}

.range-slider.round {
    background: #fafafa;
    border-radius: 1000px
}

.range-slider.round .range-slider-handle {
    background: #008cba;
    border-radius: 1000px
}

.range-slider.disabled,
.range-slider[disabled] {
    background: #fafafa;
    cursor: not-allowed;
    opacity: .7
}

.range-slider.disabled .range-slider-handle,
.range-slider[disabled] .range-slider-handle {
    background: #008cba;
    cursor: default;
    opacity: .7
}

.range-slider-active-segment {
    background: #e5e5e5;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    display: inline-block;
    height: .875rem;
    position: absolute
}

.range-slider-handle {
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    height: 1.375rem;
    position: absolute;
    top: -.3125rem;
    width: 2rem;
    z-index: 1;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #008cba
}

.reveal-modal-bg {
    background: rgb(0 0 0 / .45);
    bottom: 0;
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1004;
    left: 0
}

.reveal-modal {
    border-radius: 3px;
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1005;
    left: 0;
    background-color: #fff;
    padding: 1.875rem;
    border: 1px solid #666;
    box-shadow: 0 0 10px rgb(0 0 0 / .4);
    max-width: 425px
}

.reveal-modal .column,
.reveal-modal .columns {
    min-width: 0
}

.reveal-modal.full {
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0
}

.reveal-modal.toback {
    z-index: 1003
}

.reveal-modal .close-reveal-modal {
    color: #aaa;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: .625rem;
    border-radius: 20px;
    background: #fff;
    width: 40px;
    text-align: center;
    right: 1.375rem
}

.home-info-links a img,
.panel.discontinue:first-child,
.reveal-modal img:first-child {
    margin-top: 1rem
}

.side-nav {
    display: block;
    margin: 0;
    padding: .875rem 0
}

.side-nav li {
    font-size: .875rem;
    font-weight: 400;
    margin: 0 0 .4375rem
}

.side-nav li a:not(.button) {
    color: #008cba;
    display: block;
    margin: 0;
    padding: .4375rem .875rem
}

.split.button.large span:after,
.split.button.small span:after,
.split.button.tiny span:after {
    margin-left: -.375rem;
    border-top-style: solid;
    top: 48%
}

.side-nav li a:not(.button):focus,
.side-nav li a:not(.button):hover {
    background: rgb(0 0 0 / .025);
    color: #1cc7ff
}

.side-nav li a:not(.button):active {
    color: #1cc7ff
}

.side-nav li.active>a:first-child:not(.button) {
    color: #1cc7ff;
    font-weight: 400
}

.side-nav li.divider {
    border-top: 1px solid #e6e6e6;
    height: 0;
    list-style: none;
    padding: 0
}

.side-nav li.heading {
    color: #008cba;
    font-size: .875rem;
    font-weight: 700
}

.split.button {
    padding-right: 5.0625rem
}

.split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid;
    width: 3.09375rem
}

.split.button span,
.split.button.alert span,
.split.button.secondary span,
.split.button.success span {
    border-left-color: rgb(255 255 255 / .5)
}

.split.button span:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid inset inset;
    left: 50%;
    border-width: .375rem;
    margin-left: -.375rem;
    top: 48%;
    border-color: #fff #fff0 #fff0
}

.split.button span:active {
    background-color: rgb(0 0 0 / .1)
}

.split.button.tiny {
    padding-right: 3.75rem
}

.split.button.tiny span {
    width: 2.25rem
}

.split.button.tiny span:after {
    border-width: .375rem
}

.split.button.small {
    padding-right: 4.375rem
}

.split.button.small span {
    width: 2.625rem
}

.split.button.small span:after {
    border-width: .4375rem
}

.split.button.large {
    padding-right: 5.5rem
}

.split.button.large span {
    width: 3.4375rem
}

.split.button.large span:after {
    border-width: .3125rem
}

.split.button.expand,
ul.off-canvas-list ul.off-canvas-submenu ul.off-canvas-submenu li a {
    padding-left: 2rem
}

.split.button.no-pip span:after,
.split.button.no-pip span:before {
    border-style: none
}

.split.button.no-pip span>i {
    display: block;
    left: 50%;
    margin-left: -.28889em;
    margin-top: -.48889em;
    position: absolute;
    top: 50%
}

.sub-nav {
    display: block;
    margin: -.25rem 0 1.125rem;
    overflow: hidden;
    padding-top: .25rem;
    width: auto
}

.sub-nav dd,
.sub-nav dt,
.sub-nav li {
    color: #999;
    float: left;
    font-size: .875rem;
    font-weight: 400;
    margin-left: 1rem;
    margin-bottom: 0
}

.sub-nav dd a,
.sub-nav dt a,
.sub-nav li a {
    color: #999;
    padding: .1875rem 1rem;
    text-decoration: none
}

.sub-nav dd a:hover,
.sub-nav dt a:hover,
.sub-nav li a:hover {
    color: #737373
}

.sub-nav dd.active a,
.sub-nav dt.active a,
.sub-nav li.active a {
    border-radius: 3px;
    background: #008cba;
    color: #fff;
    cursor: default;
    font-weight: 400;
    padding: .1875rem 1rem
}

.sub-nav dd.active a:hover,
.sub-nav dt.active a:hover,
.sub-nav li.active a:hover {
    background: #0078a0
}

.switch {
    border: none;
    margin-bottom: 1.5rem;
    padding: 0;
    -ms-user-select: none;
    user-select: none
}

.switch label {
    cursor: pointer;
    display: block;
    margin-bottom: 1rem;
    text-indent: 100%;
    -webkit-transition: left .15s ease-out;
    transition: left .15s ease-out;
    height: 2rem;
    width: 4rem;
    color: #fff0;
    background: #ddd
}

.switch input {
    left: 10px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 9px
}

.switch label:after {
    content: "";
    display: block;
    left: .25rem;
    position: absolute;
    top: .25rem;
    -webkit-transition: left .15s ease-out;
    transition: left .15s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 1.5rem;
    width: 1.5rem;
    background: #fff
}

.switch input:checked+label:after {
    left: 2.25rem
}

.switch.large label {
    height: 2.5rem;
    width: 5rem
}

.switch.large label:after {
    height: 2rem;
    width: 2rem
}

.switch.large input:checked+label:after {
    left: 2.75rem
}

.switch.small label {
    height: 1.75rem;
    width: 3.5rem
}

.switch.small label:after {
    height: 1.25rem;
    width: 1.25rem
}

.switch.small input:checked+label:after,
.tooltip.round>.nub {
    left: 2rem
}

.switch.tiny label {
    height: 1.5rem;
    width: 3rem
}

.switch.tiny label:after {
    height: 1rem;
    width: 1rem
}

.switch.tiny input:checked+label:after {
    left: 1.75rem
}

.switch.radius label {
    border-radius: 4px
}

.switch.round label,
.switch.round label:after {
    border-radius: 2rem
}

table {
    background: #fff;
    border: 1px solid #ddd;
    table-layout: auto
}

table caption {
    background: 0 0;
    color: #000;
    font-size: 1rem;
    font-weight: 700
}

table tfoot tr td,
table tfoot tr th,
table thead tr td,
table thead tr th {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

table tr td,
table tr th {
    color: #000;
    font-size: .875rem;
    padding: .5625rem .625rem;
    text-align: left
}

table tbody tr td,
table tbody tr th,
table tfoot tr td,
table tfoot tr th,
table thead tr th,
table tr td {
    display: table-cell;
    line-height: 1.125rem
}

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0
}

.tabs .tab-title,
.tabs dd {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative
}

.tabs .tab-title>a,
.tabs dd>a {
    display: block;
    background-color: #efefef;
    color: #000;
    font-size: 1rem;
    padding: 1rem 2rem
}

.tabs .tab-title>a:hover,
.tabs dd>a:hover {
    background-color: #e1e1e1
}

.tabs .tab-title.active a,
.tabs dd.active a {
    background-color: #fff;
    color: #000
}

.tabs.vertical .tab-title,
.tabs.vertical dd {
    position: inherit;
    float: none;
    display: block;
    top: auto
}

.tabs-content>.content {
    display: none;
    float: left;
    padding: .9375rem 0;
    width: 100%
}

.mega-menu ul li,
.no-js .tabs-content>.content,
.tabs-content>.content.active {
    display: block;
    float: none
}

.tabs-content>.content.contained {
    padding: .9375rem
}

.tabs-content.vertical>.content {
    padding: 0 .9375rem
}

.th {
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px rgb(0 0 0 / .2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.th:focus,
.th:hover {
    box-shadow: 0 0 6px 1px rgb(0 140 186 / .5)
}

.has-tip {
    border-bottom: 1px dotted #ccc;
    color: #333;
    cursor: help;
    font-weight: 700
}

.has-tip:focus,
.has-tip:hover {
    border-bottom: 1px dotted #003f54;
    color: #008cba
}

.tooltip {
    background: #333;
    color: #fff;
    display: none;
    font-weight: 400;
    line-height: 1.3;
    max-width: 300px;
    padding: .75rem;
    position: absolute;
    width: 100%;
    z-index: 1006;
    left: 50%
}

.tooltip>.nub {
    border: 5px solid;
    display: block;
    height: 0;
    position: absolute;
    top: -10px;
    width: 0;
    left: 5px
}

.tooltip>.nub.rtl {
    left: auto;
    right: 5px
}

.tooltip.opened {
    border-bottom: 1px dotted #003f54 !important;
    color: #008cba !important
}

.tap-to-close {
    color: #777;
    display: block;
    font-size: .625rem;
    font-weight: 400
}

.contain-to-grid {
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNzM3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMjk3M2IwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMyNTc1YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzJjNzJhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzI1NzViMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzI0NzZiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzI5NzFiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzI3NzRhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzI3NzNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzIzNzFiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzFkNmJhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzE5NjdhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzE5NjhhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzFiNjNhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzE2NjdhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzE1NjVhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzFkNjM5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzE1NjNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzFiNjJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjcyN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #41737c), color-stop(3%, #2973b0), color-stop(5%, #2575b4), color-stop(8%, #2c72ad), color-stop(10%, #2575b2), color-stop(13%, #2476b2), color-stop(15%, #2971b9), color-stop(18%, #2774ac), color-stop(21%, #2773b1), color-stop(33%, #2371b3), color-stop(67%, #1d6bad), color-stop(79%, #1967a7), color-stop(82%, #1968a1), color-stop(85%, #1b63ab), color-stop(87%, #1667a6), color-stop(90%, #1565a4), color-stop(92%, #1d639f), color-stop(95%, #1563a3), color-stop(97%, #1b62a2), color-stop(100%, #42727c));
    background: -webkit-linear-gradient(top, #41737c 0, #2973b0 3%, #2575b4 5%, #2c72ad 8%, #2575b2 10%, #2476b2 13%, #2971b9 15%, #2774ac 18%, #2773b1 21%, #2371b3 33%, #1d6bad 67%, #1967a7 79%, #1968a1 82%, #1b63ab 85%, #1667a6 87%, #1565a4 90%, #1d639f 92%, #1563a3 95%, #1b62a2 97%, #42727c 100%);
    background: linear-gradient(to bottom, #41737c 0, #2973b0 3%, #2575b4 5%, #2c72ad 8%, #2575b2 10%, #2476b2 13%, #2971b9 15%, #2774ac 18%, #2773b1 21%, #2371b3 33%, #1d6bad 67%, #1967a7 79%, #1968a1 82%, #1b63ab 85%, #1667a6 87%, #1565a4 90%, #1d639f 92%, #1563a3 95%, #1b62a2 97%, #42727c 100%)
}

.top-bar,
.top-bar-section ul li,
.top-bar.expanded .title-area,
.top-nav,
.top-nav.expanded .title-area {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNzM3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMjk3M2IwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMyNTc1YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzJjNzJhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzI1NzViMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzI0NzZiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzI5NzFiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzI3NzRhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzI3NzNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzIzNzFiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzFkNmJhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzE5NjdhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzE5NjhhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzFiNjNhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzE2NjdhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzE1NjVhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzFkNjM5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzE1NjNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzFiNjJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjcyN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #41737c), color-stop(3%, #2973b0), color-stop(5%, #2575b4), color-stop(8%, #2c72ad), color-stop(10%, #2575b2), color-stop(13%, #2476b2), color-stop(15%, #2971b9), color-stop(18%, #2774ac), color-stop(21%, #2773b1), color-stop(33%, #2371b3), color-stop(67%, #1d6bad), color-stop(79%, #1967a7), color-stop(82%, #1968a1), color-stop(85%, #1b63ab), color-stop(87%, #1667a6), color-stop(90%, #1565a4), color-stop(92%, #1d639f), color-stop(95%, #1563a3), color-stop(97%, #1b62a2), color-stop(100%, #42727c));
    background: -webkit-linear-gradient(top, #41737c 0, #2973b0 3%, #2575b4 5%, #2c72ad 8%, #2575b2 10%, #2476b2 13%, #2971b9 15%, #2774ac 18%, #2773b1 21%, #2371b3 33%, #1d6bad 67%, #1967a7 79%, #1968a1 82%, #1b63ab 85%, #1667a6 87%, #1565a4 90%, #1d639f 92%, #1563a3 95%, #1b62a2 97%, #42727c 100%);
    background: linear-gradient(to bottom, #41737c 0, #2973b0 3%, #2575b4 5%, #2c72ad 8%, #2575b2 10%, #2476b2 13%, #2971b9 15%, #2774ac 18%, #2773b1 21%, #2371b3 33%, #1d6bad 67%, #1967a7 79%, #1968a1 82%, #1b63ab 85%, #1667a6 87%, #1565a4 90%, #1d639f 92%, #1563a3 95%, #1b62a2 97%, #42727c 100%)
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0
}

.fixed.expanded:not(.top-bar) {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    width: 100%
}

.fixed.expanded:not(.top-bar) .title-area {
    position: fixed;
    width: 100%;
    z-index: 99
}

.fixed.expanded:not(.top-bar) .top-bar-section {
    margin-top: 2.5rem;
    z-index: 98
}

.top-bar,
.top-nav {
    height: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: 0;
    overflow: hidden;
    position: relative
}

.top-bar ul,
.top-nav ul {
    list-style: none;
    margin-bottom: 0
}

.top-bar .row,
.top-nav .row {
    max-width: none
}

.top-bar input,
.top-bar select,
.top-nav input,
.top-nav select {
    font-size: .8192rem;
    height: 1.75rem;
    padding-bottom: .35rem;
    padding-top: .35rem
}

.top-bar .button,
.top-bar button,
.top-nav .button,
.top-nav button {
    font-size: .8192rem;
    margin-bottom: 0;
    padding-bottom: .4125rem;
    padding-top: .4125rem
}

.top-bar .title-area,
.top-nav .title-area {
    margin: 0;
    position: relative
}

.top-bar .name,
.top-nav .name {
    font-size: 16px;
    height: 2.5rem;
    margin: 0
}

.top-bar .name h1,
.top-bar .name h2,
.top-bar .name h3,
.top-bar .name h4,
.top-bar .name p,
.top-bar .name span,
.top-nav .name h1,
.top-nav .name h2,
.top-nav .name h3,
.top-nav .name h4,
.top-nav .name p,
.top-nav .name span {
    font-size: 1.0625rem;
    line-height: 2.5rem;
    margin: 0
}

.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name p a,
.top-bar .name span a,
.top-nav .name h1 a,
.top-nav .name h2 a,
.top-nav .name h3 a,
.top-nav .name h4 a,
.top-nav .name p a,
.top-nav .name span a {
    color: #fff;
    display: block;
    font-weight: 400;
    padding: 0 .64rem;
    width: 75%
}

.top-bar .toggle-topbar,
.top-nav .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0
}

.top-bar .toggle-topbar a,
.top-nav .toggle-topbar a {
    color: #fff;
    display: block;
    font-size: .8125rem;
    font-weight: 700;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 .64rem;
    position: relative;
    text-transform: uppercase
}

.top-bar .toggle-topbar.menu-icon,
.top-nav .toggle-topbar.menu-icon {
    margin-top: -16px;
    top: 50%
}

.top-bar .toggle-topbar.menu-icon a,
.top-nav .toggle-topbar.menu-icon a {
    color: #fff;
    height: 34px;
    line-height: 33px;
    padding: 0 2.2025rem 0 .64rem;
    position: relative
}

.top-bar .toggle-topbar.menu-icon a span::after,
.top-nav .toggle-topbar.menu-icon a span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: .64rem;
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    width: 16px
}

.top-bar .toggle-topbar.menu-icon a span:hover:after,
.top-nav .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px, 0 7px 0 1px, 0 14px 0 1px
}

.top-bar.expanded,
.top-nav.expanded {
    background: 0 0;
    height: auto
}

.top-bar.expanded .toggle-topbar a,
.top-nav.expanded .toggle-topbar a {
    color: #888
}

.top-bar.expanded .toggle-topbar a span::after,
.top-nav.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .top-bar.expanded .top-bar-section .dropdown,
    .top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown,
    .top-nav.expanded .top-bar-section .dropdown,
    .top-nav.expanded .top-bar-section .has-dropdown.moved>.dropdown {
        clip: initial
    }

    .top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul,
    .top-nav.expanded .top-bar-section .has-dropdown:not(.moved)>ul {
        padding: 0
    }
}

.top-bar-section {
    left: 0;
    width: auto;
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out
}

.top-bar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%
}

.top-bar-section .divider,
.top-bar-section [role=separator] {
    border-top: 1px solid #2677b8;
    clear: both;
    height: 1px;
    width: 100%
}

.top-bar-section ul li>a {
    color: #fff;
    display: block;
    font-size: .8125rem;
    font-weight: 400;
    padding: 12px 0 12px .64rem;
    text-transform: none;
    width: 100%
}

.top-bar-section ul li>a.button,
.top-bar-section ul li>button {
    font-size: .8125rem;
    padding-left: .64rem;
    padding-right: .64rem;
    background-color: #008cba;
    border-color: #007095;
    color: #fff
}

.top-bar-section ul li:hover:not(.has-form)>a {
    color: #166bc1;
    background: #fff;
    border-top: 3px solid #f6cb1e;
    margin-top: -3px
}

.top-bar-section ul li.active>a:hover {
    background: #0078a0;
    color: #fff
}

.top-bar-section .has-form {
    padding: .64rem
}

.top-bar-section .has-dropdown.moved {
    position: static
}

.top-bar-section .has-dropdown.moved>.dropdown {
    height: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
    width: 100%
}

.top-bar-section .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
    padding: 0;
    top: 0;
    z-index: 99;
    left: 100%
}

.top-bar-section .dropdown li {
    height: auto;
    width: 100%
}

.top-bar-section .dropdown li a {
    font-weight: 400;
    padding: 8px .64rem
}

.top-bar-section .dropdown li.parent-link,
.top-bar-section .dropdown li.title h5 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.125rem
}

.top-bar-section .dropdown li.parent-link a,
.top-bar-section .dropdown li.title h5 a {
    color: #fff;
    display: block
}

.top-bar-section .dropdown li.has-form {
    padding: 8px .64rem
}

.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
    top: auto
}

.top-bar-section .dropdown label {
    color: #777;
    font-size: .625rem;
    font-weight: 700;
    margin-bottom: 0;
    padding: 8px .64rem 2px;
    text-transform: uppercase
}

ul.dropdown.mega-menu {
    max-width: 60rem;
    postion: absolute;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    border-left: none;
    border-top: none;
    box-shadow: 0 3px 4px #ccc;
    border-radius: 0;
    padding-bottom: 1rem;
    overflow: hiddden
}

.mega-menu .mega-menu-group h3,
.mega-menu h3 {
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    border-top: none;
    border-bottom: 1px solid #ccc;
    text-align: left;
    margin: 1.2rem 0 0 .8rem;
    padding: 0
}

.mega-menu .mega-menu-group li:not(.has-form) a:not(.button) {
    line-height: 1.8rem
}

.mega-menu.columns-1 {
    width: 13.125rem
}

.mega-menu.columns-2 {
    width: 28rem
}

.mega-menu.columns-3 {
    width: 36.5rem
}

.mega-menu.columns-5 {
    width: 60rem
}

.inner-wrap,
.off-canvas-wrap {
    width: 100%;
    position: relative
}

.top-nav-section ul>li:nth-child(9)>div {
    -webkit-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    transform: translateX(-40%)
}

.top-nav-section ul>li:nth-child(13)>div {
    -webkit-transform: translateX(-84.2%);
    -ms-transform: translateX(-84.2%)
}

.top-nav-section ul>li:nth-child(15)>div {
    -webkit-transform: translateX(-84%);
    -ms-transform: translateX(-84%)
}

.top-nav-section ul>li:nth-child(17)>div {
    -webkit-transform: translateX(-73.6%);
    -ms-transform: translateX(-73.6%)
}

:root .top-nav-section ul>li:nth-child(17)>div {
    -webkit-transform: translateX(-72.5%) \0/IE9;
    -ms-transform: translateX(-72.5%) \0/IE9;
    transform: translateX(-72.5%) \0/IE9
}

.top-nav-section ul>li:nth-child(13)>div {
    transform: translateX(-83.6%)
}

.top-nav-section ul>li:nth-child(15)>div {
    transform: translateX(-84.4%)
}

.top-nav-section ul>li:nth-child(17)>div {
    transform: translateX(-73.4%)
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

@media only screen and (min-width:40.0625em) and (max-width:60.625em) {
    .medium-only-text-left {
        text-align: left !important
    }

    .medium-only-text-right {
        text-align: right !important
    }

    .medium-only-text-center {
        text-align: center !important
    }

    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:60.6875em) and (max-width:90em) {
    .large-only-text-left {
        text-align: left !important
    }

    .large-only-text-right {
        text-align: right !important
    }

    .large-only-text-center {
        text-align: center !important
    }

    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:90.0625em) and (max-width:120em) {
    .xlarge-only-text-left {
        text-align: left !important
    }

    .xlarge-only-text-right {
        text-align: right !important
    }

    .xlarge-only-text-center {
        text-align: center !important
    }

    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:120.0625em) and (max-width:6249999.9375em) {
    .xxlarge-only-text-left {
        text-align: left !important
    }

    .xxlarge-only-text-right {
        text-align: right !important
    }

    .xxlarge-only-text-center {
        text-align: center !important
    }

    .xxlarge-only-text-justify {
        text-align: justify !important
    }
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

a img,
article .sidebar .panel {
    border: none
}

p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.25rem
}

.subheader,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin-top: .2rem;
    margin-bottom: .5rem
}

p.lead {
    font-size: 1.21875rem
}

p aside {
    font-style: italic;
    line-height: 1.35
}

h1,
h3,
h4,
h5,
h6 {
    color: #000;
    font-style: normal
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #ff3030;
    font-size: 60%;
    line-height: 0
}

.subheader {
    line-height: 1.2;
    color: #ff3030
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem
}

.italic,
em,
i {
    font-style: italic
}

small {
    font-size: 60%
}

code {
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    color: #333;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 400;
    padding: .125rem .3125rem .0625rem
}

dl,
ol,
ul {
    font-family: inherit;
    font-size: 1rem;
    margin-bottom: 1.25rem
}

ul,
ul.circle,
ul.disc,
ul.list,
ul.square {
    margin-left: 1.1rem
}

ul.no-bullet {
    margin-left: 0;
    list-style: none
}

ul.no-bullet li ol,
ul.no-bullet li ul {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}

ol li ol,
ol li ul,
ul li ol,
ul li ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.circle li ul,
ul.disc li ul,
ul.square li ul {
    list-style: inherit
}

ul.circle {
    list-style-type: circle
}

ul.disc {
    list-style-type: disc
}

ol {
    margin-left: 1.4rem
}

dl dt {
    margin-bottom: .3rem
}

dl dd {
    margin-bottom: .75rem
}

.vcard,
blockquote {
    margin: 0 0 1.25rem
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #000;
    cursor: help
}

abbr {
    text-transform: none
}

abbr[title] {
    border-bottom: 1px dotted #ddd
}

blockquote {
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #ddd
}

blockquote cite {
    display: block;
    font-size: .8125rem;
    color: #ff0a0a
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #ff0a0a
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #ff3030
}

.vcard {
    display: inline-block;
    border: 1px solid #ddd;
    padding: .625rem .75rem
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-size: .9375rem
}

.vevent abbr {
    cursor: default;
    border: none;
    padding: 0 .0625rem
}

h1 {
    font-size: 1.625rem
}

h2 {
    font-size: 1.375rem
}

h3,
h3 * {
    font-size: 26px;
}

h4 {
    font-size: 1.25rem
}

h5,
h6 {
    font-size: 1.125rem
}

.small-teaser-copy table th,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3
}

.small-teaser-copy li,
.small-teaser-copy p,
.small-teaser-copy span {
    line-height: 1.7;
    font-size: 1.125rem
}

.small-teaser-copy .panel li,
.small-teaser-copy .panel p,
.small-teaser-copy table td {
    font-size: 1rem;
    line-height: 1.7
}

.small-teaser-copy .panel h4,
.small-teaser-copy .panel h5 {
    font-size: 1.125rem !important;
    line-height: 1.3 !important
}

@media screen and (min-width:40.0625em) {
    h1 {
        font-size: 2rem
    }

    .small-teaser-copy table td,
    .small-teaser-copy table th {
        font-size: 1.125rem
    }

    .button.radius.small-expand+h5 {
        margin-top: 0
    }

    .panel.radius.right {
        margin-left: 20px !important
    }
}

.off-canvas-wrap .tollfree span {
    white-space: nowrap
}

.off-canvas-wrap.move-left,
.off-canvas-wrap.move-right {
    min-height: 100%;
    -webkit-overflow-scrolling: touch
}

.tab-bar {
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 50px;
    line-height: 2.8125rem;
    position: relative
}

.left-small,
.right-small,
.tab-bar-section {
    position: absolute;
    top: 0
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
    color: #fff;
    font-weight: 700;
    line-height: 2.8125rem;
    margin: 0
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
    font-size: 1rem
}

.left-small {
    left: 0;
    width: 43px
}

.right-small {
    right: 0;
    width: 5.625rem
}

.tab-bar-section {
    padding: 0 .625rem;
    text-align: center
}

.tab-bar-section.left {
    text-align: left;
    left: 0;
    right: 2.8125rem
}

.tab-bar-section.right {
    text-align: right;
    left: 2.8125rem;
    right: 0
}

.tab-bar-section.middle {
    left: 2.8125rem;
    right: 5.625rem
}

.tab-bar .menu-icon {
    display: block;
    padding: 0;
    position: relative
}

.tab-bar .menu-icon .ft.icon-menu {
    font-style: normal;
    font-size: 28px;
    margin: 10px;
    vertical-align: middle;
    line-height: 1.8
}

.tab-bar .menu-icon span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
    left: .90625rem;
    box-shadow: 0 0 0 1px #999, 0 7px 0 1px #999, 0 14px 0 1px #999;
    width: 1rem
}

.tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #6b6b6b, 0 7px 0 1px #6b6b6b, 0 14px 0 1px #6b6b6b
}

.move-left .exit-off-canvas,
.move-right .exit-off-canvas,
.offcanvas-overlap .exit-off-canvas,
.offcanvas-overlap-left .exit-off-canvas,
.offcanvas-overlap-right .exit-off-canvas {
    cursor: pointer;
    -webkit-tap-highlight-color: #fff0;
    display: block;
    left: 0;
    right: 0
}

.tab-bar .search-trigger {
    background: url(//media.mercola.com/assets/images/products/products-icon-sprites.png) -33px 10px no-repeat;
    height: 2.8125rem;
    width: 2.8125rem;
    cursor: pointer
}

.left-submenu .back>a,
.right-submenu .back>a {
    color: #999;
    font-weight: 700;
    padding: .3rem .9375rem;
    text-transform: uppercase;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    background: #444;
    margin: 0
}

i.fi-check::before,
i.fi-x li:before {
    padding-right: 5px
}

.move-left .exit-off-canvas,
.move-right .exit-off-canvas {
    -webkit-transition: background .3s;
    z-index: 1002;
    transition: background .3s;
    position: absolute;
    top: -38px;
    bottom: 0;
    background: rgb(255 255 255 / .2)
}

.mfp-arrow-right,
.move-right div#sticky-banner.removed-sticky {
    right: 0
}

.move-left>.inner-wrap {
    -webkit-transform: translate3d(-15.625rem, 0, 0);
    -ms-transform: translate(-15.625rem, 0);
    -ms-transform: translate3d(-15.625rem, 0, 0);
    transform: translate3d(-15.625rem, 0, 0)
}

.offcanvas-overlap .left-off-canvas-menu,
.offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap-left .right-off-canvas-menu,
.offcanvas-overlap-right .left-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap .exit-off-canvas,
.offcanvas-overlap-left .exit-off-canvas {
    -webkit-transition: background .3s;
    bottom: 0;
    position: absolute;
    top: 0;
    transition: background .3s;
    background: rgb(255 255 255 / .2);
    z-index: 1002
}

.left-submenu,
.offcanvas-overlap-right .exit-off-canvas,
.right-submenu {
    position: absolute;
    top: 0;
    z-index: 1002;
    bottom: 0
}

.offcanvas-overlap-right .exit-off-canvas {
    -webkit-transition: background .3s;
    transition: background .3s;
    background: rgb(255 255 255 / .2)
}

.no-csstransforms .left-off-canvas-menu {
    left: -15.625rem
}

.no-csstransforms .right-off-canvas-menu {
    right: -15.625rem
}

.no-csstransforms .move-left>.inner-wrap {
    right: 15.625rem
}

.move-right .inner-wrap .fixed,
.no-csstransforms .move-right>.inner-wrap {
    left: 15.625rem
}

.left-submenu {
    background: #3e3e3e;
    margin: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.left-submenu .back>a:hover,
.right-submenu .back>a:hover {
    background: #303030;
    border-bottom: none;
    border-top: 1px solid #5e5e5e
}

.left-submenu .back>a:before,
.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before {
    content: "\AB";
    margin-right: .5rem;
    display: inline
}

.left-submenu.move-right,
.left-submenu.offcanvas-overlap,
.left-submenu.offcanvas-overlap-right,
.right-submenu.move-left,
.right-submenu.offcanvas-overlap,
.right-submenu.offcanvas-overlap-left {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.right-submenu {
    background: #3e3e3e;
    margin: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after,
.right-submenu .back>a:after {
    content: "\BB";
    margin-left: .5rem;
    display: inline
}

@media only screen {

    .column,
    .columns,
    .small-pull-0,
    .small-pull-1,
    .small-pull-10,
    .small-pull-11,
    .small-pull-2,
    .small-pull-3,
    .small-pull-4,
    .small-pull-5,
    .small-pull-6,
    .small-pull-7,
    .small-pull-8,
    .small-pull-9,
    .small-push-0,
    .small-push-1,
    .small-push-10,
    .small-push-11,
    .small-push-2,
    .small-push-3,
    .small-push-4,
    .small-push-5,
    .small-push-6,
    .small-push-7,
    .small-push-8,
    .small-push-9 {
        position: relative
    }

    .small-push-0 {
        left: 0;
        right: auto
    }

    .small-pull-0 {
        right: 0;
        left: auto
    }

    .small-push-1 {
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .small-push-2 {
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .small-push-3 {
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        right: 25%;
        left: auto
    }

    .small-push-4 {
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .small-push-5 {
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .small-push-6 {
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        right: 50%;
        left: auto
    }

    .small-push-7 {
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .small-push-8 {
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .small-push-9 {
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        right: 75%;
        left: auto
    }

    .small-push-10 {
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .small-push-11 {
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        right: 91.66667%;
        left: auto
    }

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

    .small-1 {
        width: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered,
    .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }

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

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

    .small-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .small-block-grid-10>li:nth-of-type(1n),
    .small-block-grid-11>li:nth-of-type(1n),
    .small-block-grid-12>li:nth-of-type(1n),
    .small-block-grid-1>li:nth-of-type(1n),
    .small-block-grid-2>li:nth-of-type(1n),
    .small-block-grid-3>li:nth-of-type(1n),
    .small-block-grid-4>li:nth-of-type(1n),
    .small-block-grid-5>li:nth-of-type(1n),
    .small-block-grid-6>li:nth-of-type(1n),
    .small-block-grid-7>li:nth-of-type(1n),
    .small-block-grid-8>li:nth-of-type(1n),
    .small-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-10>li:nth-of-type(10n+1),
    .small-block-grid-11>li:nth-of-type(11n+1),
    .small-block-grid-12>li:nth-of-type(12n+1),
    .small-block-grid-1>li:nth-of-type(1n+1),
    .small-block-grid-2>li:nth-of-type(odd),
    .small-block-grid-3>li:nth-of-type(3n+1),
    .small-block-grid-4>li:nth-of-type(4n+1),
    .small-block-grid-5>li:nth-of-type(5n+1),
    .small-block-grid-6>li:nth-of-type(6n+1),
    .small-block-grid-7>li:nth-of-type(7n+1),
    .small-block-grid-8>li:nth-of-type(8n+1),
    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .small-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .small-block-grid-3>li {
        list-style: none;
        width: 33.33333%
    }

    .small-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .small-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .small-block-grid-6>li {
        list-style: none;
        width: 16.66667%
    }

    .small-block-grid-7>li {
        list-style: none;
        width: 14.28571%
    }

    .small-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .small-block-grid-9>li {
        list-style: none;
        width: 11.11111%
    }

    .small-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .small-block-grid-11>li {
        list-style: none;
        width: 9.09091%
    }

    .small-block-grid-12>li {
        list-style: none;
        width: 8.33333%
    }

    .small-text-left {
        text-align: left !important
    }

    .small-text-right {
        text-align: right !important
    }

    .small-text-center {
        text-align: center !important
    }

    .small-text-justify {
        text-align: justify !important
    }

    .hide-for-large,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-medium,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-xlarge,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-down,
    .show-for-medium-down,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-small-up,
    .show-for-xlarge-down,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down,
    .hide-for-medium-down,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-xlarge-down,
    .hide-for-xxlarge-down,
    .show-for-large,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-medium,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-xlarge,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-medium,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large-down,
    .visible-for-medium-down,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-small-up,
    .visible-for-xlarge-down,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down,
    .hidden-for-medium-down,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-small-up,
    .hidden-for-xlarge-down,
    .hidden-for-xxlarge-down,
    .visible-for-large,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-medium,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-xlarge,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-medium,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-xlarge,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-down,
    table.show-for-medium-down,
    table.show-for-small,
    table.show-for-small-down,
    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-xlarge-down,
    table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-medium,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-down,
    thead.show-for-medium-down,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-xlarge-down,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-down,
    tbody.show-for-medium-down,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-down,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-medium,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-down,
    tr.show-for-medium-down,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-xlarge-down,
    tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large,
    td.hide-for-large-only,
    td.hide-for-large-up,
    td.hide-for-medium,
    td.hide-for-medium-only,
    td.hide-for-medium-up,
    td.hide-for-xlarge,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-down,
    td.show-for-medium-down,
    td.show-for-small,
    td.show-for-small-down,
    td.show-for-small-only,
    td.show-for-small-up,
    td.show-for-xlarge-down,
    td.show-for-xxlarge-down,
    th.hide-for-large,
    th.hide-for-large-only,
    th.hide-for-large-up,
    th.hide-for-medium,
    th.hide-for-medium-only,
    th.hide-for-medium-up,
    th.hide-for-xlarge,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-down,
    th.show-for-medium-down,
    th.show-for-small,
    th.show-for-small-down,
    th.show-for-small-only,
    th.show-for-small-up,
    th.show-for-xlarge-down,
    th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:40.0625em) {

    .clearing-main-next,
    .clearing-main-prev {
        height: 100%;
        position: absolute;
        top: 0;
        width: 40px
    }

    .clearing-main-next>span,
    .clearing-main-prev>span {
        border: 12px solid;
        display: block;
        height: 0;
        position: absolute;
        top: 50%;
        width: 0
    }

    .clearing-assembled .clearing-container .carousel>ul li:hover,
    .clearing-main-next>span:hover,
    .clearing-main-prev>span:hover {
        opacity: .8
    }

    .clearing-main-prev {
        left: 0
    }

    .clearing-main-prev>span {
        left: 5px;
        border-color: #fff0 #ccc #fff0 #fff0
    }

    .clearing-main-next {
        right: 0
    }

    .clearing-main-next>span {
        border-color: #fff0 #fff0 #fff0 #ccc
    }

    .clearing-main-next.disabled,
    .clearing-main-prev.disabled {
        opacity: .3
    }

    .clearing-assembled .clearing-container .carousel {
        background: rgb(51 51 51 / .8);
        height: 120px;
        margin-top: 10px;
        text-align: center
    }

    .clearing-assembled .clearing-container .carousel>ul {
        display: inline-block;
        z-index: 999;
        height: 100%;
        position: relative;
        float: none
    }

    .clearing-assembled .clearing-container .carousel>ul li {
        clear: none;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 0;
        min-height: inherit;
        opacity: .4;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 120px
    }

    .clearing-assembled .clearing-container .carousel>ul li.fix-height img {
        height: 100%;
        max-width: none
    }

    .clearing-assembled .clearing-container .carousel>ul li a.th {
        border: none;
        box-shadow: none;
        display: block
    }

    .clearing-assembled .clearing-container .carousel>ul li img {
        cursor: pointer !important;
        width: 100% !important
    }

    .clearing-assembled .clearing-container .carousel>ul li.visible {
        opacity: 1
    }

    .clearing-assembled .clearing-container .visible-img {
        height: 85%;
        overflow: hidden
    }

    .clearing-close {
        padding-left: 0;
        padding-top: 0;
        position: absolute;
        top: 10px;
        right: 20px
    }

    .icon-bar.medium-vertical {
        height: 100%;
        width: auto
    }

    .icon-bar.medium-vertical .item {
        float: none;
        margin: auto;
        width: auto
    }

    .icon-bar.eight-up.medium-vertical .item,
    .icon-bar.five-up.medium-vertical .item,
    .icon-bar.four-up.medium-vertical .item,
    .icon-bar.seven-up.medium-vertical .item,
    .icon-bar.six-up.medium-vertical .item,
    .icon-bar.three-up.medium-vertical .item,
    .icon-bar.two-up.medium-vertical .item,
    .top-bar .name h1 a,
    .top-bar .name h2 a,
    .top-bar .name h3 a,
    .top-bar .name h4 a,
    .top-bar .name h5 a,
    .top-bar .name h6 a {
        width: auto
    }

    .reveal-modal,
    .reveal-modal.large,
    .reveal-modal.medium,
    .reveal-modal.small,
    .reveal-modal.tiny,
    .reveal-modal.xlarge {
        left: 0;
        margin: 0 auto;
        max-width: 60rem;
        right: 0
    }

    .reveal-modal {
        width: 80%;
        top: 6.25rem
    }

    .reveal-modal.tiny {
        width: 30%
    }

    .reveal-modal.small {
        width: 40%
    }

    .reveal-modal.medium {
        width: 60%
    }

    .reveal-modal.large {
        width: 70%
    }

    .reveal-modal.xlarge {
        width: 95%
    }

    .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 60rem;
        right: 0;
        width: 100%
    }

    .tabs.vertical {
        float: left;
        margin: 0;
        margin-bottom: 1.25rem !important;
        max-width: 20%;
        width: 20%
    }

    .tabs-content.vertical {
        float: left;
        margin-left: -1px;
        max-width: 80%;
        padding-left: 1rem;
        width: 80%
    }

    .tooltip>.nub {
        border-color: #fff0 #fff0 #333;
        top: -10px
    }

    .tooltip.tip-top>.nub {
        border-color: #333 #fff0 #fff0;
        bottom: -10px;
        top: auto
    }

    .tooltip.tip-left,
    .tooltip.tip-right {
        float: none !important
    }

    .tooltip.tip-left>.nub {
        border-color: #fff0 #fff0 #fff0 #333;
        left: auto;
        margin-top: -5px;
        right: -10px;
        top: 50%
    }

    .tooltip.tip-right>.nub {
        border-color: #fff0 #333 #fff0 #fff0;
        left: -10px;
        margin-top: -5px;
        right: auto;
        top: 50%
    }

    .top-bar,
    .top-bar.expanded {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNzM3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMjk3M2IwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMyNTc1YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzJjNzJhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzI1NzViMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzI0NzZiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzI5NzFiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzI3NzRhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzI3NzNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzIzNzFiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzFkNmJhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzE5NjdhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzE5NjhhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzFiNjNhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzE2NjdhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzE1NjVhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzFkNjM5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzE1NjNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzFiNjJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjcyN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #41737c), color-stop(3%, #2973b0), color-stop(5%, #2575b4), color-stop(8%, #2c72ad), color-stop(10%, #2575b2), color-stop(13%, #2476b2), color-stop(15%, #2971b9), color-stop(18%, #2774ac), color-stop(21%, #2773b1), color-stop(33%, #2371b3), color-stop(67%, #1d6bad), color-stop(79%, #1967a7), color-stop(82%, #1968a1), color-stop(85%, #1b63ab), color-stop(87%, #1667a6), color-stop(90%, #1565a4), color-stop(92%, #1d639f), color-stop(95%, #1563a3), color-stop(97%, #1b62a2), color-stop(100%, #42727c));
        background: -webkit-linear-gradient(top, #41737c 0, #2973b0 3%, #2575b4 5%, #2c72ad 8%, #2575b2 10%, #2476b2 13%, #2971b9 15%, #2774ac 18%, #2773b1 21%, #2371b3 33%, #1d6bad 67%, #1967a7 79%, #1968a1 82%, #1b63ab 85%, #1667a6 87%, #1565a4 90%, #1d639f 92%, #1563a3 95%, #1b62a2 97%, #42727c 100%);
        background: linear-gradient(to bottom, #41737c 0, #2973b0 3%, #2575b4 5%, #2c72ad 8%, #2575b2 10%, #2476b2 13%, #2971b9 15%, #2774ac 18%, #2773b1 21%, #2371b3 33%, #1d6bad 67%, #1967a7 79%, #1968a1 82%, #1b63ab 85%, #1667a6 87%, #1565a4 90%, #1d639f 92%, #1563a3 95%, #1b62a2 97%, #42727c 100%)
    }

    .top-bar .title-area,
    .top-bar-section ul li {
        float: left
    }

    .top-bar {
        overflow: visible
    }

    .top-bar:after,
    .top-bar:before {
        content: " ";
        display: table
    }

    .top-bar:after {
        clear: both
    }

    .top-bar .toggle-topbar,
    .top-bar-section ul li .js-generated {
        display: none
    }

    .top-bar .button,
    .top-bar button,
    .top-bar input,
    .top-bar select {
        font-size: .875rem;
        height: 1.75rem;
        position: relative;
        top: .375rem
    }

    .contain-to-grid .top-bar,
    .contain-to-grid .top-nav {
        margin: 0 auto;
        max-width: 60rem
    }

    .top-bar-section {
        -webkit-transition: none 0 0;
        transition: none 0 0;
        left: 0 !important
    }

    .top-bar-section ul {
        display: inline;
        height: auto !important;
        width: auto
    }

    .no-js .top-bar-section ul li:hover>a,
    .top-bar-section li.hover>a:not(.button) {
        background: #fff;
        color: #166bc1
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        background: 0 0;
        line-height: 2.5rem;
        padding: 0 .64rem
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #fff
    }

    .top-bar-section li.active:not(.has-form) a:not(.button) {
        color: #fff;
        line-height: 2.5rem;
        padding: 0 .64rem
    }

    .no-js .top-bar-section ul li:active>a,
    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        color: #fff
    }

    .top-bar-section .has-dropdown>a {
        padding-right: .64rem !important
    }

    .top-bar-section .has-dropdown.moved {
        position: relative
    }

    .top-bar-section .has-dropdown.moved>.dropdown {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        display: block
    }

    .no-js .top-bar-section .has-dropdown:hover>.dropdown,
    .no-js .top-bar-section .has-dropdown>a:focus+.dropdown,
    .top-bar-section .has-dropdown.hover>.dropdown,
    .top-bar-section .has-dropdown.not-click:hover>.dropdown,
    .top-bar-section .has-dropdown>a:focus+.dropdown {
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important
    }

    .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
        border: none;
        content: "\00bb";
        top: .1875rem;
        right: 5px
    }

    .top-bar-section .dropdown {
        left: 0;
        background: 0 0;
        min-width: 100%;
        top: auto
    }

    .top-bar-section .dropdown li a {
        background: #fff;
        color: #166bc1;
        line-height: 2.5rem;
        padding: 12px .64rem;
        white-space: nowrap;
        margin-top: 0
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
        color: #166bc1;
        margin-top: 0
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
        color: #d3202f;
        border-top: none;
        margin-top: 0;
        background: 0 0
    }

    .top-bar-section .dropdown li label {
        background: #333;
        white-space: nowrap
    }

    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0
    }

    .top-bar-section>ul>.divider,
    .top-bar-section>ul>[role=separator] {
        border-right: 1px solid #2677b8;
        border-bottom: none;
        border-top: none;
        clear: none;
        height: 2.5rem;
        width: 0
    }

    .top-bar-section .has-form {
        background: 0 0;
        height: 2.5rem;
        padding: 0 .64rem
    }

    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0
    }

    .top-bar-section .right li .dropdown li .dropdown {
        right: 100%
    }

    .top-bar-section .left li .dropdown {
        right: auto;
        left: 0
    }

    .top-bar-section .left li .dropdown li .dropdown {
        left: 100%
    }

    .medium-text-left {
        text-align: left !important
    }

    .medium-text-right {
        text-align: right !important
    }

    .medium-text-center {
        text-align: center !important
    }

    .medium-text-justify {
        text-align: justify !important
    }

    .move-right .exit-off-canvas:hover {
        background: rgb(255 255 255 / .05)
    }

    .move-left .exit-off-canvas:hover {
        background: rgb(255 255 255 / .05)
    }

    .offcanvas-overlap .exit-off-canvas:hover {
        background: rgb(255 255 255 / .05)
    }

    .offcanvas-overlap-left .exit-off-canvas:hover {
        background: rgb(255 255 255 / .05)
    }

    .offcanvas-overlap-right .exit-off-canvas:hover {
        background: rgb(255 255 255 / .05)
    }

    .hide-for-large,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-down,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-down,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-down,
    .hide-for-xxlarge-down,
    .show-for-large,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xlarge,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large-down,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-small-up,
    .visible-for-xlarge-down,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .hidden-for-xlarge-down,
    .hidden-for-xxlarge-down,
    .visible-for-large,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xlarge,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-down,
    table.show-for-medium,
    table.show-for-medium-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-down,
    table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-down,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-down,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-down,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-down,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-down,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-down,
    tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large,
    td.hide-for-large-only,
    td.hide-for-large-up,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-down,
    td.show-for-medium,
    td.show-for-medium-down,
    td.show-for-medium-only,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-down,
    td.show-for-xxlarge-down,
    th.hide-for-large,
    th.hide-for-large-only,
    th.hide-for-large-up,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-down,
    th.show-for-medium,
    th.show-for-medium-down,
    th.show-for-medium-only,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-down,
    th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:60.6875em) {

    .large-5,
    .subscription-panel .large-6 {
        width: 41.66667%
    }

    .column,
    .columns,
    .large-pull-0,
    .large-pull-1,
    .large-pull-10,
    .large-pull-11,
    .large-pull-2,
    .large-pull-3,
    .large-pull-4,
    .large-pull-5,
    .large-pull-6,
    .large-pull-7,
    .large-pull-8,
    .large-pull-9,
    .large-push-0,
    .large-push-1,
    .large-push-10,
    .large-push-11,
    .large-push-2,
    .large-push-3,
    .large-push-4,
    .large-push-5,
    .large-push-6,
    .large-push-7,
    .large-push-8,
    .large-push-9,
    .pull-0,
    .pull-1,
    .pull-10,
    .pull-11,
    .pull-2,
    .pull-3,
    .pull-4,
    .pull-5,
    .pull-6,
    .pull-7,
    .pull-8,
    .pull-9,
    .push-0,
    .push-1,
    .push-10,
    .push-11,
    .push-2,
    .push-3,
    .push-4,
    .push-5,
    .push-6,
    .push-7,
    .push-8,
    .push-9 {
        position: relative
    }

    .large-push-0,
    .push-0 {
        left: 0;
        right: auto
    }

    .large-pull-0,
    .pull-0 {
        right: 0;
        left: auto
    }

    .large-push-1,
    .push-1 {
        left: 8.33333%;
        right: auto
    }

    .large-pull-1,
    .pull-1 {
        right: 8.33333%;
        left: auto
    }

    .large-push-2,
    .push-2 {
        left: 16.66667%;
        right: auto
    }

    .large-pull-2,
    .pull-2 {
        right: 16.66667%;
        left: auto
    }

    .large-push-3,
    .push-3 {
        left: 25%;
        right: auto
    }

    .large-pull-3,
    .pull-3 {
        right: 25%;
        left: auto
    }

    .large-push-4,
    .push-4 {
        left: 33.33333%;
        right: auto
    }

    .large-pull-4,
    .pull-4 {
        right: 33.33333%;
        left: auto
    }

    .large-push-5,
    .push-5 {
        left: 41.66667%;
        right: auto
    }

    .large-pull-5,
    .pull-5 {
        right: 41.66667%;
        left: auto
    }

    .large-push-6,
    .push-6 {
        left: 50%;
        right: auto
    }

    .large-pull-6,
    .pull-6 {
        right: 50%;
        left: auto
    }

    .large-push-7,
    .push-7 {
        left: 58.33333%;
        right: auto
    }

    .large-pull-7,
    .pull-7 {
        right: 58.33333%;
        left: auto
    }

    .large-push-8,
    .push-8 {
        left: 66.66667%;
        right: auto
    }

    .large-pull-8,
    .pull-8 {
        right: 66.66667%;
        left: auto
    }

    .large-push-9,
    .push-9 {
        left: 75%;
        right: auto
    }

    .large-pull-9,
    .pull-9 {
        right: 75%;
        left: auto
    }

    .large-push-10,
    .push-10 {
        left: 83.33333%;
        right: auto
    }

    .large-pull-10,
    .pull-10 {
        right: 83.33333%;
        left: auto
    }

    .large-push-11,
    .push-11 {
        left: 91.66667%;
        right: auto
    }

    .large-pull-11,
    .pull-11 {
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns,
    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .large-1 {
        width: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 8.33333% !important
    }

    .large-offset-2 {
        margin-left: 16.66667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.33333% !important
    }

    .large-offset-5 {
        margin-left: 41.66667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.33333% !important
    }

    .large-offset-8 {
        margin-left: 66.66667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.33333% !important
    }

    .large-offset-11 {
        margin-left: 91.66667% !important
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }

    .column.large-uncentered,
    .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none !important
    }

    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }

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

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

    .large-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .large-block-grid-10>li:nth-of-type(1n),
    .large-block-grid-11>li:nth-of-type(1n),
    .large-block-grid-12>li:nth-of-type(1n),
    .large-block-grid-1>li:nth-of-type(1n),
    .large-block-grid-2>li:nth-of-type(1n),
    .large-block-grid-3>li:nth-of-type(1n),
    .large-block-grid-4>li:nth-of-type(1n),
    .large-block-grid-5>li:nth-of-type(1n),
    .large-block-grid-6>li:nth-of-type(1n),
    .large-block-grid-7>li:nth-of-type(1n),
    .large-block-grid-8>li:nth-of-type(1n),
    .large-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-10>li:nth-of-type(10n+1),
    .large-block-grid-11>li:nth-of-type(11n+1),
    .large-block-grid-12>li:nth-of-type(12n+1),
    .large-block-grid-1>li:nth-of-type(1n+1),
    .large-block-grid-2>li:nth-of-type(odd),
    .large-block-grid-3>li:nth-of-type(3n+1),
    .large-block-grid-4>li:nth-of-type(4n+1),
    .large-block-grid-5>li:nth-of-type(5n+1),
    .large-block-grid-6>li:nth-of-type(6n+1),
    .large-block-grid-7>li:nth-of-type(7n+1),
    .large-block-grid-8>li:nth-of-type(8n+1),
    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .large-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .large-block-grid-3>li {
        list-style: none;
        width: 33.33333%
    }

    .large-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .large-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .large-block-grid-6>li {
        list-style: none;
        width: 16.66667%
    }

    .large-block-grid-7>li {
        list-style: none;
        width: 14.28571%
    }

    .large-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .large-block-grid-9>li {
        list-style: none;
        width: 11.11111%
    }

    .large-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .large-block-grid-11>li {
        list-style: none;
        width: 9.09091%
    }

    .large-block-grid-12>li {
        list-style: none;
        width: 8.33333%
    }

    .icon-bar.large-vertical {
        height: 100%;
        width: auto
    }

    .icon-bar.large-vertical .item {
        float: none;
        margin: auto;
        width: auto
    }

    .icon-bar.eight-up.large-vertical .item,
    .icon-bar.five-up.large-vertical .item,
    .icon-bar.four-up.large-vertical .item,
    .icon-bar.seven-up.large-vertical .item,
    .icon-bar.six-up.large-vertical .item,
    .icon-bar.three-up.large-vertical .item,
    .icon-bar.two-up.large-vertical .item {
        width: auto
    }

    .large-text-left {
        text-align: left !important
    }

    .large-text-right {
        text-align: right !important
    }

    .large-text-center {
        text-align: center !important
    }

    .large-text-justify {
        text-align: justify !important
    }

    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-down,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-down,
    .hide-for-xxlarge-down,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xlarge,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-medium-up,
    .visible-for-small-up,
    .visible-for-xlarge-down,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .hidden-for-xlarge-down,
    .hidden-for-xxlarge-down,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xlarge,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large,
    table.show-for-large-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-down,
    table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-down,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-down,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-down,
    tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large,
    td.show-for-large-down,
    td.show-for-large-only,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-down,
    td.show-for-xxlarge-down,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large,
    th.show-for-large-down,
    th.show-for-large-only,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-down,
    th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:90.0625em) {
    .xlarge-text-left {
        text-align: left !important
    }

    .xlarge-text-right {
        text-align: right !important
    }

    .xlarge-text-center {
        text-align: center !important
    }

    .xlarge-text-justify {
        text-align: justify !important
    }

    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-down,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-large-only,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large-up,
    .visible-for-medium-up,
    .visible-for-small-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-up,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge-down,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-large-only,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xxlarge,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-large-only,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-large-only,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-large-only,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-large-only,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large,
    td.hide-for-large-down,
    td.hide-for-large-only,
    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge,
    td.show-for-xlarge-down,
    td.show-for-xlarge-only,
    td.show-for-xlarge-up,
    td.show-for-xxlarge-down,
    th.hide-for-large,
    th.hide-for-large-down,
    th.hide-for-large-only,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge,
    th.show-for-xlarge-down,
    th.show-for-xlarge-only,
    th.show-for-xlarge-up,
    th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:120.0625em) {
    .xxlarge-text-left {
        text-align: left !important
    }

    .xxlarge-text-right {
        text-align: right !important
    }

    .xxlarge-text-center {
        text-align: center !important
    }

    .xxlarge-text-justify {
        text-align: justify !important
    }

    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .hide-for-xlarge-only,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: inherit !important
    }

    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .show-for-xlarge-only {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-large-only,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .hidden-for-xlarge-only,
    .visible-for-large-up,
    .visible-for-medium-up,
    .visible-for-small-up,
    .visible-for-xlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-up,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-large-only,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .visible-for-xlarge-only {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-large-only,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge,
    table.hide-for-xlarge-down,
    table.hide-for-xlarge-only,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-up,
    table.show-for-xxlarge,
    table.show-for-xxlarge-down,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up {
        display: table !important
    }

    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-large-only,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-down,
    thead.hide-for-xlarge-only,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-up,
    thead.show-for-xxlarge,
    thead.show-for-xxlarge-down,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-large-only,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-down,
    tbody.hide-for-xlarge-only,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-up,
    tbody.show-for-xxlarge,
    tbody.show-for-xxlarge-down,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-large-only,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-down,
    tr.hide-for-xlarge-only,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-up,
    tr.show-for-xxlarge,
    tr.show-for-xxlarge-down,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up {
        display: table-row
    }

    td.hide-for-large,
    td.hide-for-large-down,
    td.hide-for-large-only,
    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge,
    td.hide-for-xlarge-down,
    td.hide-for-xlarge-only,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-up,
    td.show-for-xxlarge,
    td.show-for-xxlarge-down,
    td.show-for-xxlarge-only,
    td.show-for-xxlarge-up,
    th.hide-for-large,
    th.hide-for-large-down,
    th.hide-for-large-only,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge,
    th.hide-for-xlarge-down,
    th.hide-for-xlarge-only,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-up,
    th.show-for-xxlarge,
    th.show-for-xxlarge-down,
    th.show-for-xxlarge-only,
    th.show-for-xxlarge-up {
        display: table-cell !important
    }
}

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

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

.touch thead.show-for-touch,
thead.hide-for-landscape,
thead.hide-for-touch,
thead.show-for-portrait {
    display: table-header-group !important
}

.touch tbody.show-for-touch,
tbody.hide-for-landscape,
tbody.hide-for-touch,
tbody.show-for-portrait {
    display: table-row-group !important
}

.touch tr.show-for-touch,
tr.hide-for-landscape,
tr.hide-for-touch,
tr.show-for-portrait {
    display: table-row !important
}

.touch td.show-for-touch,
.touch th.show-for-touch,
td.hide-for-landscape,
td.hide-for-touch,
td.show-for-portrait,
th.hide-for-landscape,
th.hide-for-touch,
th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation:landscape) {

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

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

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

    thead.hide-for-portrait,
    thead.show-for-landscape {
        display: table-header-group !important
    }

    tbody.hide-for-portrait,
    tbody.show-for-landscape {
        display: table-row-group !important
    }

    tr.hide-for-portrait,
    tr.show-for-landscape {
        display: table-row !important
    }

    td.hide-for-portrait,
    td.show-for-landscape,
    th.hide-for-portrait,
    th.show-for-landscape {
        display: table-cell !important
    }
}

@media only screen and (orientation:portrait) {

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

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

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

    thead.hide-for-landscape,
    thead.show-for-portrait {
        display: table-header-group !important
    }

    tbody.hide-for-landscape,
    tbody.show-for-portrait {
        display: table-row-group !important
    }

    tr.hide-for-landscape,
    tr.show-for-portrait {
        display: table-row !important
    }

    td.hide-for-landscape,
    td.show-for-portrait,
    th.hide-for-landscape,
    th.show-for-portrait {
        display: table-cell !important
    }
}

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

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

@media print {

    #header,
    .columns.medium-3.small-3.headerright,
    .columns.medium-6.catalogsearch,
    .columns.show-full-view,
    .fixed.mobile-navigation,
    .gdpr-container,
    .hide-for-print,
    .hide-on-print {
        display: none !important
    }

    p.email-us {
        width: 100% !important;
        font-size: 12px !important;
        display: inline-block !important;
        text-align: left !important
    }

    .subscription-panel .row {
        width: 80% !important
    }

    .subscription-panel .panel-input {
        width: auto;
        margin: 0 auto !important
    }

    .print-only,
    .subscription-panel div>div {
        display: block;
    }

    .subscription-panel label h3 {
        left: 0;
        width: auto;
        text-align: center !important
    }

    .subscription-panel .panel-text,
    .subscription-panel div>div {
        width: 80% !important;
        margin: auto !important
    }

    .row.collapse.hide.search-small {
        display: none
    }

    .medium-6 {
        width: 50%
    }

    .headertop.container {
        display: block
    }

    .label-facts {
        margin-top: 20px !important
    }

    .fixed.mobile-navigation {
        position: absolute
    }

    div.card {
        width: 80%;
        margin: auto
    }

    .mercola-logo {
        margin-top: 40px !important
    }

    .main-section h1:first-child {
        margin-top: -50px !important
    }

    .mercola-logo a img {
        width: 200px
    }

    .mercola-logo a[href]:after {
        content: none !important
    }

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    * {
        background: 0 0 !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 1cm;
        content: counter(page)
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .show-for-print {
        display: inherit !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,
    th.show-for-print {
        display: table-cell !important
    }
}

@media not print {
    .show-for-print {
        display: none !important
    }
}

:root ul.size-16 li:before,
:root ul.size-36 li:before {
    margin-top: .75rem\0/IE9
}

.out-stock-list li::before {
    color: #000;
    content: "\203A";
    margin-left: -1.5rem;
    line-height: 1.4rem;
    margin-right: .2rem;
    position: relative;
    font-size: 20px
}

ul.arrow-right li::before,
ul.bullet li::before,
ul.check li::before,
ul.x li::before {
    content: "" !important;
    background: #333 !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    position: absolute !important;
    margin: 13px 0 0 -16px !important
}

i.fi-check::before,
ul.check li:before {
    content: "\2713";
    font-size: 18px !important;
    color: #1ed146;
    font-weight: 700
}

ul.arrow-right,
ul.bullet,
ul.check,
ul.square,
ul.x {
    list-style: none;
    padding-left: 35px
}

ol.numstyle li,
ul.bullet li,
ul.check li,
ul.square li,
ul.x li {
    margin-bottom: 12px
}

ol.numstyle li p,
ol.numstyle li p:last-child,
ul.bullet li p,
ul.bullet li p:last-child,
ul.check li p,
ul.check li p:last-child,
ul.square li p,
ul.square li p:last-child,
ul.x li p,
ul.x li p:last-child {
    margin-bottom: 14px !important
}

ul.check li:before,
ul.x li::before {
    position: absolute;
    display: inline-block
}

ul.check li:before {
    margin: -1px 0 0 -20px
}

i.fi-x li:before,
ul.x li:before {
    content: "\00d7";
    font-size: 22px !important;
    color: #cb574d !important
}

ul.x li:before {
    margin: -4px 0 0 -20px
}

ul.bullet li:before,
ul.square li:before {
    content: "";
    background: #0d538a;
    margin: 10px 0 0 -16px;
    position: absolute
}

ul.bullet li:before {
    width: 8px;
    height: 8px;
    border-radius: 50%
}

ul.square li:before {
    width: 5px;
    height: 5px;
    border-radius: 0
}

ol.numstyle>li {
    counter-increment: item
}

ol.numstyle>li:before {
    position: absolute;
    margin: 1px 0 0 -30px;
    background: #fff;
    border-radius: 100%;
    color: #338edb;
    width: 1.7em;
    height: 1.7em;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    font-size: .85rem;
    border: 1px solid #338edb
}

.mercola-logo-small {
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 133px
}

.inline-list li .cart span {
    background-color: #464646;
    font-weight: 500;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    padding: 0 2px;
    position: absolute;
    border: 1px solid #fff;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    margin-left: 15px;
    margin-top: -6px
}

ul.off-canvas-list ul.off-canvas-submenu {
    list-style: none;
    margin: 0;
    clear: both
}

ul.off-canvas-list .off-canvas-submenu li a {
    color: #444
}

.off-canvas-list .parent-menu {
    display: inline-block;
    width: 82%;
    background: #3e3e3e;
    float: left
}

.off-canvas-list>li {
    text-transform: uppercase;
    clear: both
}

.off-canvas-list>li:first-child a {
    border-top: none
}

.off-canvas-list .submenu-toggle {
    width: 18%;
    float: right;
    text-align: center;
    background: #3e3e3e;
    font-weight: 700
}

.off-canvas-submenu-call .right {
    margin-right: 1rem
}

.main-section {
    margin-bottom: -1.5rem
}

.main-section h1:first-child {
    margin-top: 3rem
}

.main-section h3 {
    clear: both;
    color: #000;
    font-weight: 600
}

.main-section h2 {
    margin-bottom: 3.5rem;
    color: #000
}

a#bbblink.rbhzbam:hover img,
a#bbblink.rbhzbum:hover img,
a#bbblink.ruhzbam:hover img,
a#bbblink.ruhzbum:hover img,
a#bbblink.sehzbam:hover img,
a#bbblink.sehzbum:hover img {
    margin-left: -100% !important
}

.social-widgets #pinItLI a span::after,
.social-widgets #pinItLI a span::before,
a>.email-count:after,
a>.email-count:before {
    content: "";
    position: absolute;
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    top: 100%;
    left: 50%;
    margin-left: -5px
}

.labels ul,
ul.list {
    list-style: none inside
}

.card {
    overflow: hidden;
    color: #000;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 1.2rem
}

.card .title,
.card-group .title {
    line-height: 1.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center
}

.card .title,
.card-group .title,
.highlight .card-group .title {
    margin: 1.2rem 1.2rem .2rem
}

.card .callout,
.card .supply,
.card-group .callout,
.card-group .supply,
article .sidebar .callout {
    font-size: 1rem;
    font-weight: 300;
    color: #d3202f;
    text-align: center
}

.card .product-info {
    padding: 1.3rem 1.3rem .5rem;
    font-weight: 300
}

.card .action,
.phone-order-banner .left p:first-child,
.tabs-content {
    margin-bottom: .5rem
}

.card a {
    -webkit-transition: color .3s;
    transition: color .3s;
    text-transform: none;
    text-decoration: none
}

.card .image .title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.3rem;
    color: #fff
}

.add-to-cart img {
    width: 8.875rem;
    height: 3.0625rem
}

.add-to-cart img.in-stock-button {
    background: url(//media.mercola.com/assets/images/salesbox-button.png) no-repeat
}

.action a[class|=create] img,
.discover-more-button,
.download-button img {
    border: 0;
    background-image: url(//media.mercola.com/assets/images/salesbox-button.png);
    background-color: #fff0
}

.action a[class|=create] img {
    width: 234px;
    height: 42px;
    display: inline-block
}

.discover-more-button {
    width: 174px;
    height: 49px;
    background-position: -392px 0
}

.download-button img {
    width: 153px;
    height: 46px;
    background-position: -148px -99px
}

.label-content table,
table.simple {
    width: 100%;
    border-collapse: collapse
}

.action a img.out-of-stock-button {
    background: url(//media.mercolamarket.com/assets/images/salesbox-button-new.png) 0 -48px no-repeat;
    width: 8.875rem;
    height: 3.0625rem
}

.shop-now-button {
    background-position: 0 -99px
}

.create-3pk-btn img {
    background-position: -148px 0
}

.create-4pk-btn img {
    background-position: -148px -48px
}

.create-6pk-btn img {
    background-position: -148px -150px
}

.create-7pk-btn img {
    background-position: -148px -201px
}

ul.list li:before {
    margin-right: .5rem;
    margin-left: -2.5rem;
    position: absolute;
    padding-left: 1px
}

ol.list {
    margin-left: 2rem
}

table.simple {
    box-shadow: 0 2px 10px 0 rgb(50 50 50 / .5);
    border: 3px solid #59abe3
}

table.simple thead th {
    color: #555 !important;
    background: #dfebef;
    padding: 1em !important
}

.label-snapshot {
    border: 10px solid #f1f1f1;
    padding: 15px;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 16px;
    margin: 40px auto;
    position: static;
    box-shadow: 0 2px 2px #ccc
}

.snapshot-title {
    color: #d3202f;
    font-weight: 600;
    margin-top: .8rem
}

.label-content {
    border: 3px solid #000;
    padding: .5rem .5rem 0;
    margin: 0 auto .5rem
}

.label-content table {
    border: none;
    margin-bottom: 0
}

.label-content table caption {
    font-weight: 400;
    text-align: left;
    margin-bottom: .5rem
}

.label-content p,
.label-content table caption span,
.label-content table tr td,
.label-content table tr th,
.quantity,
article .sidebar .panel.about-mercola p {
    font-size: .8rem
}

.label-content table thead tr th {
    border-top: 8px solid #000;
    border-bottom: 3px solid #000
}

.label-content table tr td {
    border-bottom: 1px solid #000
}

.label-content table tfoot tr td {
    font-weight: 400;
    background-color: #fff
}

.label-extra {
    border-top: 8px solid #000;
    padding-top: .5rem
}

.social-button {
    float: left;
    display: block;
    width: auto;
    margin: .25rem
}

.social-widgets #pinItLI a {
    margin-top: 42px !important
}

@media only screen and (max-width:375px) {
    .white-bg {
        width: 229px;
        margin: -31px 25px
    }

    .fixed-bottom>.max-width>.offer-text {
        width: 75%
    }

    .fixed-bottom>.max-width>.sticky-banner-buttons {
        width: 34%
    }

    .social-widgets #pinItLI {
        clear: left
    }
}

.social-widgets #pinItLI a span {
    top: -40px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 33px;
    padding: 3px 0 30px;
    margin-top: -2px
}

.social-widgets #pinItLI a span::before,
a>.email-count:before {
    border-top: 5px solid #ccc;
    margin-top: 0
}

.social-widgets #pinItLI a span::after,
a>.email-count:after {
    border-top: 5px solid #fff;
    margin-top: -1px;
    z-index: 1
}

.twitter-share-button {
    background: url(//media.mercola.com/themes/mercola/images/cssprites.png) 200px 82px;
    padding-top: 41px;
    height: 61px !important
}

iframe.twitter-share-button {
    width: 61px !important
}

.email-share-button {
    font-size: .7rem;
    background: #eff9fe;
    border: 1px solid #ddd;
    padding: 0 8px;
    height: 22px;
    line-height: 1rem;
    border-radius: 2px;
    margin-top: 41px
}

a>.email-count {
    text-align: center;
    font: italic 600 90%/150% Georgia, serif;
    color: #000;
    background: padding-box #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: absolute;
    width: 58px;
    left: 0;
    margin-left: 0;
    padding: 5px 0;
    margin-bottom: 6px;
    min-height: 2.2rem
}

.salesbox {
    max-width: 894px;
    margin: 0 auto 1rem;
    width: 100%
}

:root .salesbox,
_::-moz-svg-foreign-content {
    width: 99.8%
}

:root .salesbox-body,
_::-moz-svg-foreign-content {
    width: 99.9%
}

.promo-banner {
    text-align: center;
    margin: 0 auto 1rem
}

.highlight {
    border: 2px solid #d3202f;
    width: 100%;
    margin: 0 auto 20px;
    border-radius: 5px
}

.price-table,
table.priceTable {
    border: none;
    margin: 0 auto
}

.price-label-list,
.price-list,
.priceLabelList,
.priceList {
    color: #999;
    padding-top: 0;
    padding-bottom: 0
}

.price-customer,
.priceCustomer,
.priceLabelCustomer,
price-label-customer {
    color: #d3202f;
    font-weight: 600;
    font-size: 1.2rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: 0
}

.price-label-savings,
.price-savings,
.priceLabelSavings,
.priceSavings {
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0
}

.phone-order-box .title {
    color: #000;
    margin-bottom: 6px
}

.phone-order-box p {
    font-size: 20px;
    padding: 0 20px
}

.phone-order-box {
    text-align: center;
    border: 0
}

.payment-badges {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.faq,
.guarantee {
    margin: 1rem auto
}

.guarantee {
    border: 0 !important;
    font-size: 14px;
    padding: 1rem 1rem 1.5rem;
    max-width: 54rem;
    width: auto;
    border-bottom: 1px solid #333 !important;
    border-radius: 0
}

.guarantee-note p {
    font-size: 18px
}

.guarantee-note a {
    color: #000;
    text-decoration: underline
}

.guarantee-new img {
    margin: 20px 0
}

.faq {
    padding: 20px !important;
    background: #f2f2f2;
    border-radius: 0;
    border: 0;
    clear: both;
    max-width: none
}

.faq::before {
    content: "FAQ";
    background: #464646;
    border: 10px solid #f2f2f2;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 auto;
    letter-spacing: 1px;
    padding: 2px;
    text-transform: uppercase;
    text-align: center;
    width: 210px;
    display: block;
    z-index: 1;
    position: relative
}

.faq ol.accordion {
    border-top: 1px solid #333;
    padding-top: 35px;
    margin-top: -29px;
    margin-left: 0
}

.faq .accordion .accordion-navigation>a {
    background: #f2f2f2 !important;
    text-align: left !important;
    margin-bottom: 0 !important;
    color: #000;
    font-size: 20px;
    padding: 20px 32px
}

.faq li {
    border-bottom: 1px solid #333
}

.faq .accordion .accordion-navigation>.content.active {
    height: auto;
    padding: 0 .9375rem 1rem;
    opacity: 1
}

.faq .accordion .accordion-navigation.active>a::before {
    content: "\e802";
    font-family: fontello;
    font-size: 20px;
    float: left;
    width: 20px
}

.faq .accordion .accordion-navigation>a::before {
    margin: 2px 0 0 -20px !important;
    content: "\e803";
    font-family: fontello;
    font-size: 20px;
    float: left;
    width: 20px
}

@media only screen and (min-width:768px) {
    .footer-seals ul {
        width: 60%;
        margin: 0 auto !important
    }

    .faq,
    .row.story-at-glance {
        padding: 40px
    }
}

.extended.center {
    margin: 3rem 0 -1.45rem !important
}

.faq .button.radius.small-expand {
    text-align: center;
    display: block;
    background: #f2f2f2;
    margin: 20px 0 !important
}

.faq .button.radius.small-expand a {
    color: #f2f2f2;
    font-size: 0
}

.faq .button.radius.small-expand::after {
    content: "Have a question about this product? Click here to read our list of Frequently Asked Questions.";
    font-size: 18px;
    color: #000;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-style: italic;
    text-decoration: underline
}

.faq .button.radius.small-expand::before {
    border-top: 1px solid #000;
    margin-top: -50px;
    content: "";
    display: block;
    padding-top: 39px
}

@media only screen and (max-width:640px) {
    .fixed-bottom {
        margin-left: -2.9% !important
    }

    .faq .button.radius.small-expand {
        margin: 4px 0 !important;
        font-size: 0
    }
}

.labels {
    border-radius: 10px;
    border: 5px solid #eee;
    max-width: 600px;
    margin: 0 auto 1rem
}

.labels ul li a {
    border-bottom: 1px solid #eee;
    display: block
}

.labels ul {
    margin: 0 1rem 1rem
}

.accordion .accordion-navigation>a {
    position: relative;
    z-index: 10
}

.accordion .accordion-navigation>.content {
    padding: 0 .9375rem;
    height: 0;
    display: block;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.accordion .accordion-navigation>.content.active {
    height: auto;
    padding: 0 .9375rem;
    opacity: 1
}

.move-right .inner-wrap {
    right: -15.625rem;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none
}

.left-off-canvas-menu {
    background: #fff;
    height: 100%;
    margin: 0;
    position: fixed;
    left: -15.625rem;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: left .5s;
    transition: left .5s
}

.mfp-arrow-left,
.move-right .left-off-canvas-menu {
    left: 0
}

.inner-wrap .fixed {
    left: 0;
    -webkit-transition: left .5s;
    transition: left .5s
}

a.button.search {
    border: 1px solid #2f5bb7;
    background: #3f83f1;
    height: 32px;
    margin-bottom: 0
}

.button.search span {
    background: url(//media.mercola.com/assets/images/products/products-icon-sprites.png) -78px 0 no-repeat;
    display: inline-block;
    height: 16px;
    width: 14px;
    line-height: 2rem
}

.search-textbox[type=text] {
    height: 2rem;
    margin-bottom: 0;
    margin-left: 50px
}

.has-figcaption {
    position: relative;
    overflow: hidden;
    display: block
}

.has-figcaption div:hover figcaption,
.mfp-arrow:focus,
.mfp-arrow:hover,
.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.has-figcaption:before {
    bottom: 10px;
    left: 10px
}

.has-figcaption div {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 0
}

.has-figcaption div:before {
    content: "i";
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    position: absolute;
    font-weight: 800;
    background: rgb(255 255 255 / .75);
    text-shadow: 0 0 5px #fff;
    color: #000;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    -webkit-transition: .6s 0;
    transition: .6s 0;
    opacity: .75;
    z-index: 8;
    bottom: 10px;
    left: 10px
}

.panel.note,
.restriction-panel {
    border: 1px solid #d3202f
}

.salesbox:before,
a.svg-link:after {
    content: ""
}

.Preferred,
.Premier,
.Retail,
.Wholesale {
    height: 28px;
    margin: 0;
    background-repeat: no-repeat;
    display: block
}

.has-figcaption figcaption {
    left: 0;
    text-align: center;
    bottom: -30%;
    transition: .6s 0;
    overflow-y: auto;
    max-height: 50%;
    font-size: 1rem;
    padding: 9px;
    position: absolute;
    background: rgb(0 0 0 / .75);
    color: #fff;
    opacity: 0;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s
}

.has-figcaption figcaption p {
    font-size: .9rem;
    text-align: left
}

.has-figcaption:hover figcaption {
    bottom: 0
}

.ie9 .contain-to-grid,
.ie9 .gradient,
.ie9 .label-snapshot:after,
.ie9 .top-bar,
.ie9 .top-bar-section ul li {
    -webkit-filter: none;
    filter: none
}

a.svg-link {
    display: block;
    position: relative;
    padding-top: 2px
}

a.svg-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mobile-navigation .Retail {
    background-image: url(//media.mercolamarket.com/assets/loyality/mymercolav4.png);
    width: 111px;
    height: 32px
}

.mobile-navigation .Premier {
    background: url(https://media.mercolamarket.com/assets/loyality/premierplusv4.png) no-repeat;
    display: block;
    height: 33px;
    width: 103px
}

.mobile-navigation .Platinum {
    background: url(//media.mercolamarket.com/assets/loyality/platinumv4.png) no-repeat;
    display: block;
    height: 33px;
    width: 103px
}

.mobile-navigation .Preferred {
    background: url(//media.mercolamarket.com/assets/loyality/preferredv4.png) no-repeat;
    display: block;
    height: 33px;
    width: 103px
}

.Wholesale {
    background-image: url(//media.mercola.com/assets/images/mercola/customer_wholesale.png);
    width: 120px
}

.rwd-table {
    margin: 1em 0;
    background: #f5f5f5;
    color: #000;
    overflow: hidden;
    border: none;
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0 2px 10px 0 rgb(134 119 119 / .5)
}

:root .rwd-table {
    border-collapse: separate\0/IE9
}

:root .rwd-table td {
    width: 93%;
    float: left\0/IE9
}

.rwd-table th {
    background: #dfebef;
    border-top: 4px solid #59abe3
}

.rwd-table td:first-child {
    padding-top: .5em
}

.rwd-table td:last-child {
    padding-bottom: .5em
}

.rwd-table td,
.rwd-table th {
    text-align: left;
    margin: .5em 1em
}

.rewards-modal .reward-points input,
.rewards-modal .reward-points label,
.rwd-table.inline td:before {
    display: inline
}

.rwd-table table,
.rwd-table tbody,
.rwd-table td,
.rwd-table tr {
    display: block;
    width: 100%
}

.highlight .single .image {
    margin-top: 1.5rem
}

.divider-top {
    border-top: 1px solid #ccc
}

.divider-bottom {
    border-bottom: 1px solid #ccc
}

.title-divider {
    margin: 0 0 .5rem
}

.OutOfStock .outstk,
.panel .text-red {
    color: #d3202f
}

.panel .text-blue {
    color: #1005e2
}

.product-list li a div {
    line-height: 1.25;
    font-size: .8rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-top: 1px dotted #efefef
}

.products-container .group-title {
    padding: 7px;
    font-weight: 600;
    text-indent: .5rem;
    margin: 0 0 .5rem;
    background: #efefef
}

.products-container {
    margin-top: 1rem;
    border-bottom: 3px solid #efefef;
    margin-bottom: 1rem
}

.home-info-links a h6 {
    color: #166bc1;
    font-weight: 600
}

.home-info-links a p {
    font-size: .8rem;
    color: #666
}

.home-info-links ul li {
    padding-bottom: .5rem
}

.phone-order-banner {
    margin-bottom: 9px;
    border: 1px solid #ccc;
    padding: .5rem;
    background: url(//media.mercola.com/assets/images/products/hp-phone-order-bg.jpg) right -10px no-repeat;
    min-height: 100px
}

.phone-order-banner .title {
    font-size: 1rem;
    color: #133f64
}

.phone-order-banner p {
    font-size: .75rem;
    margin-bottom: .5rem;
    margin-right: 2rem
}

.products-tab,
.products-tab-2 {
    position: relative;
    margin-top: .5rem
}

.products-tab ul,
.products-tab-2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.products-tab ul li.tab-title,
.products-tab-2 ul li.tab-title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    border-bottom: 1px solid #f9f9f9
}

.products-tab ul li.tab-title a,
.products-tab-2 ul li.tab-title a {
    padding: .5rem 1rem
}

.products-tab ul li.tab-title a[href="#hot_deals"],
.products-tab-2 ul li.tab-title a[href="#hot_deals"] {
    background-image: url(//media.mercola.com/assets/images/hot-deals/new-hot-badge.png);
    background-repeat: no-repeat;
    background-position: 6rem 50%
}

.products-tab ul li.tab-title.active,
.products-tab-2 ul li.tab-title.active {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / .2);
    float: none
}

.menu li a:hover,
.menu li:hover a,
.products-tab ul li.tab-title.active a,
.products-tab-2 ul li.tab-title.active a {
    color: #166bc1
}

.products-tab ul li.tab-title.active:after,
.products-tab-2 ul li.tab-title.active:after {
    width: 1px;
    height: 1px;
    border: 10px solid #fff0;
    border-top: 10px solid #166bc1;
    cursor: pointer;
    content: "";
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 8
}

.products-tab ul li.tab-title:not(.active),
.products-tab-2 ul li.tab-title:not(.active) {
    position: absolute;
    top: -999em
}

.products-tab ul.expanded li.active:after,
.products-tab-2 ul.expanded li.active:after {
    border-top-color: #fff0;
    border-bottom-color: #166bc1;
    top: .3rem
}

.products-tab ul.expanded li:not(.active),
.products-tab-2 ul.expanded li:not(.active) {
    position: relative;
    top: auto;
    z-index: 1
}

:root .product-list li a.th,
_::-moz-svg-foreign-content {
    min-height: 221px
}

:root #product_highlights .product-list li a.th,
_::-moz-svg-foreign-content {
    min-height: 180px
}

.sp-wide {
    padding: 1.5rem .9375rem 0;
    z-index: 99999;
    background: rgb(255 255 255 / .5);
    width: 100%;
    margin-top: 2rem
}

@media only screen and (min-width:40.0625em) {

    .main-section h1,
    .main-section h2,
    .main-section h3,
    .phone-order-box {
        text-align: center
    }

    .main-section h3 {
        font-size: 1.5em;
        padding: .5rem
    }

    .faq>a,
    .faq>a:focus,
    .faq>a:hover {
        background: 0 0
    }

    figure.right {
        margin: 1.25rem
    }

    .translate {
        margin-top: .3rem
    }

    .card .image {
        margin: 0 auto
    }

    .card .wide.image {
        max-width: 80%
    }

    .faq>a>img {
        display: block;
        margin-top: -.5rem;
        width: 100%;
        margin-bottom: 1rem
    }

    .faq>a {
        font-size: 0;
        margin: 0;
        padding: 0
    }

    .content-container {
        margin-top: 0;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .mercola-logo-medium {
        width: 215px;
        margin-top: 1.3rem;
        height: 40px
    }

    .header-banner {
        width: 310px;
        margin-top: 25px;
        margin-left: 17px
    }

    .current-user {
        width: 100%;
        margin-top: 8px
    }

    .current-user iframe {
        width: 100%;
        height: 45px
    }

    .header-container {
        position: relative;
        background: #fff;
        display: block
    }

    .contact-number {
        font-size: .85em;
        width: 215px;
        padding-top: .5rem
    }

    .search-medium a.button.search {
        margin-top: 0;
        padding: .5rem;
        width: 74px
    }

    .has-figcaption div:before {
        opacity: 0;
        display: none
    }

    .has-figcaption figcaption {
        background: #f9f9f9;
        padding: 9px;
        width: 100%;
        top: 0;
        display: table-caption;
        caption-side: bottom;
        opacity: 1;
        position: relative;
        border-top: 0;
        color: #000;
        border-bottom: 1px dotted #e0e0e0
    }

    .has-figcaption div,
    .rwd-table {
        display: table
    }

    .card.single .image {
        max-width: 100%
    }

    .label-snapshot .button {
        margin-bottom: .5rem
    }

    .highlight .card-group,
    .highlight .card.single,
    .regular .card-group,
    .regular .card.single {
        border-bottom: 1px solid rgb(0 0 0 / .12)
    }

    .rwd-table td:before,
    .rwd-table.inline td:before {
        display: none
    }

    .rwd-table td:first-child,
    .rwd-table th:first-child {
        padding-left: 0
    }

    .rwd-table td:last-child,
    .rwd-table th:last-child {
        padding-right: 0
    }

    .rwd-table {
        border: 4px solid #59abe3;
        border-collapse: collapse;
        width: 100%
    }

    .rwd-table td,
    .rwd-table th {
        padding: 1em !important;
        display: table-cell
    }

    .rwd-table th,
    .rwd-table tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-color: #fff
    }

    .rwd-table tr {
        display: table-row
    }

    .rwd-table tbody,
    .rwd-table thead {
        display: table-header-group
    }

    .rwd-table tbody,
    .rwd-table td,
    .rwd-table th,
    .rwd-table tr {
        white-space: normal
    }

    :root .rwd-table {
        border-collapse: collapse\0/IE9
    }

    :root .rwd-table td {
        width: auto;
        float: none\0/IE9
    }

    :root .product-list li a.th,
    _::-moz-svg-foreign-content {
        min-height: 226px
    }

    :root #product_highlights .product-list li a.th,
    _::-moz-svg-foreign-content {
        min-height: 172px
    }

    .sp-wide {
        background: rgb(255 255 255 / .5);
        position: relative;
        margin-top: 2.8rem;
        padding-top: .9375rem
    }

    .sp-header-banner {
        margin-top: -97px
    }

    .sp-wide .language-link {
        margin-top: 1.6rem
    }
}

.subscription-control {
    background: #ededf5;
    border: 1px solid #c9d4e8;
    border-top: 0;
    border-radius: 2px;
    width: 960px;
    margin: 0 auto 10px;
    font: 400 16px/50px Arial, Helvetica, sans-serif;
    color: #174b79;
    text-align: left;
    position: relative;
    height: 53px
}

.subscription-textbox {
    width: 250px;
    margin-left: 41px
}

.subscription-button {
    margin-left: 7px;
    background: -webkit-linear-gradient(top, #4c8ffd, #4787ed);
    -webkit-transition: border .2s;
    transition: border .2s;
    moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #3079ed !important;
    color: #fff !important;
    cursor: pointer;
    font: 700 12px Arial, sans-serif;
    height: 30px;
    position: absolute;
    left: 731px;
    top: 11px;
    text-shadow: 0 1px 0 #2d6200 !important;
    width: 110px
}

#main-container {
    width: 100%;
    clear: both
}

.subscription-hide {
    font-size: 10px;
    color: #787878;
    position: relative;
    padding-top: 2px;
    text-decoration: none !important;
    cursor: pointer;
    width: 70px;
    float: right;
    line-height: 12px;
    text-align: center
}

.subscription-hide img {
    position: absolute;
    top: 18px;
    right: 27px
}

#content-container {
    background: #fff;
    border: 1px solid #d8d8d8;
    width: 960px;
    margin: 10px auto
}

.content-margin {
    margin: 18px
}

#profile-menu {
    text-align: right;
    color: #000;
    margin-top: -1px
}

#profile-menu li {
    display: inline;
    z-index: 2;
    color: #ccc
}

.menu #profile-menu li .cart {
    background: url(//media.mercola.com/Assets/images/mercola/cart-blue.png) right center no-repeat;
    padding-right: 20px
}

#admin-menu {
    z-index: 5;
    position: absolute;
    top: 35px;
    right: -45px;
    border: 1px solid #adacac;
    background-color: #fff;
    box-shadow: 0 3px 8px #aaa
}

#admin-menu li {
    list-style: none;
    padding: 5px 10px
}

#admin-arrow {
    background-image: url(//media.mercola.com/Themes/mercola/images/admin-arrow.gif);
    width: 13px;
    height: 7px;
    margin: -7px 0 0 47px
}

.accountname {
    margin-bottom: 4px;
    text-align: right;
    height: 15px
}

div.accountname span {
    display: block;
    float: right;
    height: 17px;
    margin-left: 5px;
    overflow: hidden
}

.user-links {
    float: right;
    font: 12px arial;
    height: 40px;
    width: 290px
}

.user-links a {
    color: #0869bd;
    cursor: pointer;
    font-family: arial;
    font-size: 12px
}

header.header div#controls {
    width: 960px;
    height: 94px;
    margin: 8px auto 0
}

header.header div#controls div.logo {
    float: left;
    padding-top: 5px
}

header.header div#controls div.logo img#mercola-logo {
    background: url(//media.mercola.com/assets/images/shop/sprite_horizontal.png) -210px 0 no-repeat;
    height: 60px;
    width: 220px;
    display: block
}

header.header div#controls div.logo div.toll-free {
    padding-top: 4px;
    margin-left: 13px;
    font-size: 12px;
    font-family: Verdana, Geneva, Sans-serif
}

.menu,
.menu li a {
    font-size: .8125rem
}

header.header div#controls div.right-col {
    float: right;
    width: 735px
}

.nav-search-btn a {
    float: right;
    margin-right: -35px;
    border: 1px solid #3079ed !important;
    height: 29px;
    display: block;
    cursor: pointer;
    width: 72px;
    -webkit-transition: border .2s 0;
    transition: border .2s 0;
    border-radius: 2px;
    -moz-user-select: none
}

.top-nav {
    overflow: visible;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNzM3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMjk3M2IwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMyNTc1YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzJjNzJhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzI1NzViMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzI0NzZiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzI5NzFiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzI3NzRhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzI3NzNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzIzNzFiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzFkNmJhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzE5NjdhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzE5NjhhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzFiNjNhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzE2NjdhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzE1NjVhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzFkNjM5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzE1NjNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzFiNjJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjcyN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #41737c), color-stop(3%, #2973b0), color-stop(5%, #2575b4), color-stop(8%, #2c72ad), color-stop(10%, #2575b2), color-stop(13%, #2476b2), color-stop(15%, #2971b9), color-stop(18%, #2774ac), color-stop(21%, #2773b1), color-stop(33%, #2371b3), color-stop(67%, #1d6bad), color-stop(79%, #1967a7), color-stop(82%, #1968a1), color-stop(85%, #1b63ab), color-stop(87%, #1667a6), color-stop(90%, #1565a4), color-stop(92%, #1d639f), color-stop(95%, #1563a3), color-stop(97%, #1b62a2), color-stop(100%, #42727c));
    background: -webkit-linear-gradient(top, #41737c 0, #2973b0 3%, #2575b4 5%, #2c72ad 8%, #2575b2 10%, #2476b2 13%, #2971b9 15%, #2774ac 18%, #2773b1 21%, #2371b3 33%, #1d6bad 67%, #1967a7 79%, #1968a1 82%, #1b63ab 85%, #1667a6 87%, #1565a4 90%, #1d639f 92%, #1563a3 95%, #1b62a2 97%, #42727c 100%);
    background: linear-gradient(to bottom, #41737c 0, #2973b0 3%, #2575b4 5%, #2c72ad 8%, #2575b2 10%, #2476b2 13%, #2971b9 15%, #2774ac 18%, #2773b1 21%, #2371b3 33%, #1d6bad 67%, #1967a7 79%, #1968a1 82%, #1b63ab 85%, #1667a6 87%, #1565a4 90%, #1d639f 92%, #1563a3 95%, #1b62a2 97%, #42727c 100%)
}

.menu .divider {
    border-right: 1px solid #2677b8;
    border-bottom: none;
    border-top: none;
    clear: none;
    height: 2.5rem;
    width: 0
}

.menu {
    position: relative;
    display: inline;
    height: auto !important;
    width: auto;
    margin: 0;
    padding: 0
}

.menu li {
    float: left;
    text-align: center
}

.menu>li:hover {
    background: #fff;
    border-top: 3px solid #f6cb1e;
    margin-top: -3px;
    color: #166bc1
}

.mega-menu,
.mega-menu ul li {
    border-top: none;
    text-align: left
}

.menu li a {
    display: block;
    width: 100%;
    font-weight: 400;
    color: #fff;
    padding: 0 1.4rem;
    line-height: 2.5rem
}

.mega-menu {
    z-index: 99999;
    max-width: 60rem;
    padding: 0 0 1rem;
    background-color: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    border-left: none;
    box-shadow: 0 3px 4px #ccc;
    border-radius: 0;
    overflow: hiddden;
    top: auto;
    margin: 0 auto;
    float: left;
    position: absolute;
    display: none
}

.mega-menu ul,
.mega-menu ul li {
    padding-left: 0;
    margin-left: 0
}

.menu h2,
.menu h3,
.menu p,
.menu ul li {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 21px;
    font-size: 12px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff
}

.menu h2 {
    font-size: 21px;
    font-weight: 400;
    letter-spacing: -1px;
    margin: 7px 0 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #666
}

.menu li:hover div a {
    font-size: 12px;
    color: #015b86
}

.menu li:hover div a:hover {
    color: #029feb
}

.ui-dialog {
    max-width: 810px;
    width: 100% !important
}

.emailToFriend .modalHolder {
    border: 1px solid #cfd7d6 !important;
    background-color: #f9fafb !important;
    padding: 10px 20px !important;
    border-radius: 20px !important
}

.panel.note,
.panel.restriction,
.panel.warranty {
    padding: 1rem;
    margin: 0 1rem 1rem;
    font-size: .8rem
}

.emailToFriend .modalHolder strong {
    font: 400 32px georgia !important
}

.ui-dialog-content {
    padding: 10px !important;
    background-color: #f0f2f3 !important;
    border-radius: 20px
}

.out-of-stock-note {
    clear: both;
    text-align: center
}

.out-of-stock-note ul {
    margin: 0;
    list-style: none;
    padding: 0 12px
}

.out-of-stock-note p {
    padding-top: .5rem;
    text-align: center !important;
    margin-bottom: 0 !important;
    font-size: 14px !important
}

.out-of-stock-note p,
.out-of-stock-note ul li,
.panel.note p,
.panel.note ul li,
.panel.restriction p,
.panel.restriction ul li,
.panel.warranty p,
.panel.warranty ul li {
    font-size: .9rem;
    margin-bottom: .5rem;
    text-align: left
}

.out-stock-list li {
    text-align: center !important;
    margin-bottom: 0 !important;
    margin-left: .75rem;
    font-size: .8375rem !important
}

.pinterest a,
.pinterest>span {
    margin-top: 2.4rem
}

.suggested-use {
    border: 1px solid #333;
    padding-bottom: 25px;
    margin-bottom: 25px
}

.suggested-use-label {
    border-bottom: 1px solid #333;
    padding: 8px
}

.panel.note {
    background-color: #fffbbb;
    border-radius: 1rem
}

.panel.restriction,
.panel.warranty {
    background-color: #fff
}

.panel.restriction {
    border: 1px solid #d3202f;
    border-radius: 1rem
}

.panel.warranty {
    border: 1px solid #133f64
}

.panel h6 {
    color: #d3202f;
    font-weight: 600;
    margin-bottom: .5rem
}

.label-content table tr td span {
    padding-left: 2rem;
    display: inline-block
}

.label-content p.divider,
.label-content table tr.divider {
    border-top: 3px solid #000
}

.label-content p.divider-thick,
.label-content table tr.divider-thick {
    border-top: 8px solid #000
}

article .main-content.columns:last-child {
    display: table-header-group;
    float: none
}

article .content-page .sidebar {
    display: table-footer-group;
    float: none;
    z-index: 1
}

article .sidebar h4 {
    color: #666
}

article .sidebar .panel p {
    font-size: .9rem
}

article .sidebar .panel ul {
    margin-left: 0;
    margin-top: 1rem
}

article .sidebar .panel ul li {
    margin-bottom: .5rem;
    border-bottom: 1px solid #eaeaea
}

article .sidebar .panel.fr-subscription {
    border: 1px solid #eaeaea;
    background: #fff
}

article .panel.about-mercola p,
article .sidebar li,
article .sidebar p {
    font-size: 1rem !important
}

.SubscribeBtn.small {
    padding: .875rem 1.75rem .9375rem;
    font-size: .8125rem
}

.SubscribeBtn {
    -moz-appearance: none;
    border-radius: 0;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #008cba;
    border: 0 solid #007095;
    color: #fff;
    transition: background-color .3s ease-out 0
}

@media only screen and (max-width:30em) {
    .content-page figure.left {
        float: none !important;
        text-align: center;
        max-width: 250px
    }

    .content-page figure.right {
        float: none !important;
        max-width: 200px
    }
}

@media only screen and (max-width:40em) {
    .small-only-text-left {
        text-align: left !important
    }

    .small-only-text-right {
        text-align: right !important
    }

    .small-only-text-center {
        text-align: center !important
    }

    .small-only-text-justify {
        text-align: justify !important
    }

    .promo-banner,
    .show-full-view,
    .show-full-view a.button {
        margin-top: .5rem
    }

    .label-content {
        max-height: 10.5rem;
        overflow: hidden
    }

    .snapshot-link {
        position: absolute;
        bottom: -1.5rem;
        left: 0;
        z-index: 1;
        padding: 1rem;
        display: block;
        width: 100%;
        text-align: center
    }

    table.simple {
        border: 0
    }

    .label-snapshot:after {
        position: relative;
        content: " ";
        height: 8rem;
        width: 100%;
        display: block;
        margin-top: -8rem;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff0), color-stop(34%, rgb(255 255 255 / .9)), color-stop(100%, #fff));
        background: -webkit-linear-gradient(top, #fff0 0, rgb(255 255 255 / .9) 34%, #fff 100%);
        background: linear-gradient(to bottom, #fff0 0, rgb(255 255 255 / .9) 34%, #fff 100%)
    }

    .promo-banner {
        width: 90%
    }

    .card .image {
        margin: 0 auto
    }

    .card {
        border-bottom: 1px solid rgb(0 0 0 / .12)
    }

    .card .product-info p,
    .card .product-info ul li {
        font-size: .9rem
    }

    .small-teaser-copy {
        max-height: 60rem;
        overflow: hidden;
        -webkit-transition: 30ms 0;
        transition: 30ms 0
    }

    .small-teaser-copy.collapse {
        max-height: 100%;
        overflow: visible;
        -webkit-transition: 30ms 0;
        transition: 30ms 0
    }

    .show-full-view {
        border-top: 2px dashed #ccc
    }

    figure.left,
    figure.right {
        float: none !important;
        text-align: center
    }

    .content-page .sidebar img {
        max-width: 200px
    }
}

@media only screen and (min-width:60.6875em) {

    .products-tab nav ul li.tab-title a[href="#hot_deals"],
    .products-tab nav ul li.tab-title.active a[href="#hot_deals"],
    .products-tab-2 nav ul li.tab-title a[href="#hot_deals"],
    .products-tab-2 nav ul li.tab-title.active a[href="#hot_deals"] {
        background-image: url(//media.mercola.com/assets/images/hot-deals/new-hot-badge.png);
        background-repeat: no-repeat;
        background-position: .5rem 50%
    }

    .content-container .actions {
        margin-top: 0;
        padding-top: 0
    }

    .home-link {
        display: block;
        margin-top: 1.25rem;
        font-size: 1.5rem
    }

    .home-info-links a h6 {
        font-size: 1.2rem;
        font-weight: 400
    }

    .phone-order-banner {
        margin-left: 10px;
        background-position: 10px;
        height: 125px;
        display: block
    }

    .phone-order-banner p {
        margin-bottom: 0
    }

    .chat-banner {
        margin-left: 10px
    }

    .carousel-buttons,
    .products-tab nav ul li.tab-title.active:after,
    .products-tab-2 nav ul li.tab-title.active:after {
        display: none
    }

    .products-tab,
    .products-tab-2 {
        border-bottom: 1px solid #ececec
    }

    .products-tab nav ul,
    .products-tab-2 nav ul {
        display: block;
        white-space: nowrap;
        overflow: hidden
    }

    .products-tab nav ul li.tab-title,
    .products-tab-2 nav ul li.tab-title {
        display: inline-block;
        margin: 0 .1rem 0 0;
        float: left
    }

    .products-tab nav ul li.tab-title a,
    .products-tab-2 nav ul li.tab-title a {
        font-size: .8rem;
        font-weight: 600;
        padding: .5rem .555rem
    }

    .products-tab nav ul li.tab-title a[href="#hot_deals"],
    .products-tab-2 nav ul li.tab-title a[href="#hot_deals"] {
        padding-left: 2.5rem
    }

    .products-tab nav ul li.tab-title:not(.active),
    .products-tab-2 nav ul li.tab-title:not(.active) {
        position: relative;
        top: auto
    }

    .products-tab nav ul li.tab-title.active,
    .products-tab-2 nav ul li.tab-title.active {
        float: left
    }

    .products-tab nav ul li.tab-title.active a,
    .products-tab-2 nav ul li.tab-title.active a {
        background: #166bc1;
        color: #fff
    }

    :root .products-tab ul li.tab-title a,
    _::-moz-svg-foreign-content {
        padding: .5rem .61rem
    }

    :root .home-info-links ul li a.th,
    _::-moz-svg-foreign-content {
        min-height: 120px
    }

    :root .products-tab ul li.tab-title a {
        padding: .5rem .609rem;
    }

    .side-banner,
    article .content-page .main-content,
    article .content-page .sidebar,
    article .content-page .small-teaser-copy {
        display: block
    }

    .sp-wide {
        padding-top: 10px;
        margin-top: 0
    }

    .sp-header-banner {
        margin-top: -92px
    }

    article .content-page .sidebar {
        float: right;
        margin-top: 1rem
    }

    article .main-content.columns:last-child {
        float: none;
        position: relative;
        display: block
    }
}

html {
    -webkit-text-size-adjust: none
}

.video-responsive {
    max-width: 560px;
    text-align: center;
    margin-left: 15px
}

@media only screen and (max-width:989px) {
    .video-responsive {
        margin: 0 auto !important;
        float: none
    }
}

.salesbox-body span.bogo-badge,
.salesbox-body span.sale-badge {
    padding: 6px 0 0 50px;
    margin-bottom: 3px;
    text-indent: -99999px;
    clear: left;
    position: absolute;
    width: 100px
}

.salesbox-body span.low-price-en,
.salesbox-body span.low-price-es {
    height: 100px;
    margin: 20px 325px;
    text-indent: -9999px;
    width: 100px;
    position: absolute
}

.salesbox-body span.sale-badge {
    background: url(//media.mercola.com/assets/images/products/sale-badge.png) 0 0/75% no-repeat;
    min-height: 66px
}

.salesbox-body span.bogo-badge {
    background: url(//media.mercola.com/assets/images/BOGO.png) 0 0/75% no-repeat;
    min-height: 90px
}

@media only screen and (max-width:360px) {

    .salesbox-body span.bogo-badge,
    .salesbox-body span.sale-badge {
        background-size: 55% !important
    }
}

@media only screen and (max-width:480px) {
    .row.subnav .f-dropdown.healthyskin-products div p:first-child {
        padding-left: 26px !important
    }

    .fixed-bottom {
        margin-left: -3.9% !important
    }

    .salesbox-body span.sale-badge {
        background-size: 65%;
        min-height: 60px
    }

    .salesbox-body span.bogo-badge {
        background-size: 65%;
        min-height: 65px
    }
}

.salesbox-body span.low-price-en {
    background: url(//media.mercolamarket.com/assets/images/shop/low-price-badge-en.png) center center no-repeat #fff0
}

.salesbox-body span.low-price-es {
    background: url(//media.mercolamarket.com/assets/images/shop/low-price-badge-es.png) center center no-repeat #fff0
}

@media only screen and (max-width:390px) {

    .salesbox-body span.low-price-en,
    .salesbox-body span.low-price-es {
        margin: -10px 180px !important
    }
}

@media only screen and (min-width:391px) and (max-width:567px) {

    .salesbox-body span.low-price-en,
    .salesbox-body span.low-price-es {
        margin: 0 275px !important
    }
}

@media only screen and (min-width:568px) and (max-width:640px) {

    .salesbox-body span.low-price-en,
    .salesbox-body span.low-price-es {
        margin: 30px 413px !important
    }
}

@media only screen and (min-width:769px) {

    .salesbox-body span.low-price-en,
    .salesbox-body span.low-price-es {
        margin: 10px 280px
    }
}

.content-container .actions,
body,
html {
    padding: 0;
    margin: 0
}

.modal-content-container.modal-rr-container {
    background-color: #fff0;
    border-radius: 0;
    max-width: 790px;
    margin-left: -395px
}

.modal-content-container {
    max-width: 980px;
    width: 100%;
    margin-left: -490px;
    background-color: #ebebeb;
    position: absolute;
    z-index: 5;
    left: 50%;
    border-radius: 10px
}

@media screen and (max-width:989px) {
    .social-icons .print {
        display: none
    }

    .modal-content-container {
        margin-left: 0 !important;
        left: 0 !important
    }
}

@media only screen and (min-height:450px) {
    .accountflyout li a {
        padding: 12px 15px
    }
}

.modal-content-container .headline {
    font-size: 1.25em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    font-weight: 700
}

.modal-content {
    display: none;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    margin: 10px;
    border: 1px solid #ccc;
    position: relative
}

.modal-content p {
    width: 90%
}

.modal-content>iframe {
    width: 100%;
    border: none
}

.modal-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50%;
    color: #fff;
    width: 30px;
    background-color: #ccc;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    font-size: 30px;
    cursor: pointer
}

.ProgressPnlClass,
.modal-overlay {
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .5;
    position: fixed
}

.modal-overlay {
    z-index: 4;
    height: 100%;
    width: 100%
}

.ETAFForm {
    display: block;
    font-size: 13px
}

.ETAFForm::after {
    clear: both;
    content: "";
    display: block
}

.ETAFForm .contacts .sendTo td:first-child {
    padding-right: 16px
}

.ETAFForm .emaildetails .captcha,
.ETAFForm .emaildetails .subscribeBox {
    margin: 16px 0
}

.ProgressPnlClass {
    bottom: 0;
    right: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    z-index: 10
}

.ProgressMsgClass {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -155px;
    width: 310px;
    z-index: 15
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    left: 0;
    width: 100%
}

.ProgressMsgClass .loading {
    background-color: #fff;
    padding: 32px 24px;
    text-align: center;
    color: #000;
    border-radius: 3px
}

.rewards-modal .roles-points {
    display: table;
    width: 100%
}

.rewards-modal .roles-points .points {
    display: block;
    padding-right: 0;
    padding-bottom: 16px;
    text-align: center
}

.rewards-modal .roles-points .points div {
    background: #d9f0ff;
    padding: 16px
}

.rewards-modal .roles-points .points .points-label {
    font-size: 30px;
    font-weight: 700;
    color: #d3202f
}

.rewards-modal .reward-points {
    border: 1px solid #ddd;
    border-radius: 7px;
    margin-top: 16px;
    padding: 16px
}

.rewards-modal .reward-points .txtboxform {
    padding: 5px;
    max-width: 320px
}

.modal-table {
    border-radius: 3px;
    width: 100%;
    margin-bottom: 8px;
    border-spacing: 1px
}

.modal-table th {
    padding: 8px
}

.modal-table td {
    display: block;
    padding: 8px;
    background: #f3f3f3
}

.modal-table .title {
    background: #e2e2e2
}

.modal-table .progress-status {
    max-width: 204px;
    width: 100%
}

.modal-form table td.validation input[type=text] {
    float: left;
    margin-right: 16px
}

@media screen and (min-width:640px) {
    .salesbox-button {
        margin: 30px auto 0
    }

    .social-icons .Linkedln_toolbox,
    .social-icons .google-plus,
    .social-icons .reddit {
        display: inline-block
    }

    .modal-table tr {
        display: table-row
    }

    .modal-form table td.validation input[type=text] {
        width: 50%
    }
}

.modal-form table td.validation span {
    float: left;
    color: #d3202f !important;
    font-size: 13px
}

.modal-form table td.validation .fa {
    color: #fff !important;
    background: #d3202f;
    padding: 2px 4px;
    border-radius: 50%
}

.modal-form table td.recipients>div {
    border: 0 solid #ddd !important;
    border-radius: 5px;
    max-width: 450px !important;
    width: 100% !important;
    float: left
}

.modal-form table td.recipients>div>div {
    height: auto !important;
    border-color: #ddd !important;
    padding: 5px !important;
    border-radius: 5px !important;
    margin: 0 !important
}

.modal-form table td.recipients div {
    padding: 0 !important;
    background: #f9fafb !important
}

.modal-form table td.recipients>div>div>input {
    margin: -5px 0 0 !important;
    padding: 5px !important;
    background: #f7f7f7 !important;
    border: 1px solid #ddd !important
}

.modal-tabs .CommonPane {
    padding: 16px;
    border: 1px solid #96cbf5;
    text-align: center
}

.modal-tabs .CommonPane input[type=file] {
    max-width: 300px;
    margin: 0 auto
}

.modal-tabs .CommonPaneTabSet a {
    padding: 8px 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 700;
    margin-right: 8px
}

.modal-tabs .CommonPaneTabSet a.CommonPaneTabSelected {
    background: #0765d6;
    color: #fff !important;
    border: 1px solid #0869bd
}

.modal-tabs .CommonPaneTabSet a.CommonPaneTab,
.modal-tabs .CommonPaneTabSet a.CommonPaneTabHover {
    background: #edf2fb;
    color: #0869bd !important;
    border: 1px solid #dce8fd
}

.modal-tabs .avatar-select {
    max-width: 200px;
    display: block;
    margin: 0 auto
}

@media screen and (min-width:480px) {

    .modal-form table td,
    .modal-table td {
        display: table-cell
    }

    .rewards-modal .roles-points .points {
        display: table-cell;
        vertical-align: top
    }

    .modal-table td {
        width: 5%
    }

    .modal-compare-table th,
    .modal-header-table th {
        text-align: center;
        background: #e2e2e2
    }

    .modal-tabs .avatar-select {
        max-width: 300px
    }
}

@media screen and (min-width:768px) {
    .ETAFForm .contacts {
        float: left;
        display: block;
        margin-right: 2.43902%;
        width: 48.78049%
    }

    .ETAFForm .contacts:last-child,
    .ETAFForm .emaildetails:last-child {
        margin-right: 0
    }

    .ETAFForm .emaildetails {
        float: left;
        display: block;
        width: 48.78049%;
        margin-right: 0
    }

    .modal-tabs .avatar-select {
        max-width: 600px
    }
}

.modal-tabs .avatar-select label {
    display: inline-block;
    margin: 0 16px 16px 0
}

@media screen and (max-width:480px) {

    .modal-compare-table thead,
    .modal-header-table thead {
        display: none
    }

    .modal-compare-table td[data-title]:before,
    .modal-compare-table th[data-title]:before,
    .modal-header-table td[data-title]:before,
    .modal-header-table th[data-title]:before {
        content: attr(data-title) ": ";
        font-weight: 700
    }

    .modal-compare-table tr:nth-child(2n) td {
        background: #f3f3f3
    }

    .modal-compare-table tr:nth-child(odd) td {
        background: #ececec
    }

    .g-recaptcha iframe {
        transform: scale(.85);
        -webkit-transform: scale(.85);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

@media screen and (max-width:390px) {
    .ETAFForm .subscribeBox label:last-of-type {
        float: right;
        width: 92%;
        display: table-cell !important
    }
}

@media screen and (max-width:290px) {
    .g-recaptcha iframe {
        transform: scale(.85);
        -webkit-transform: scale(.72)
    }

    .ETAFForm .subscribeBox label:last-of-type {
        width: 90%
    }
}

.mfp-bg {
    top: 0;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important
}

.mfp-container {
    text-align: center;
    position: absolute;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container.iframeloader {
    top: 25% !important;
    padding-top: 0
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: top
}

.mfp-content {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    height: 100%
}

.mfp-close,
.mfp-preloader {
    text-align: center;
    position: absolute
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-preloader {
    color: #ccc;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgb(0 0 0 / .6);
    position: absolute;
    left: 0
}

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

.mfp-close {
    width: 26px;
    height: 28px;
    line-height: 28px;
    right: 5px;
    top: 5px;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.gdpr-container *,
.gdpr-container p {
    font-family: Arial
}

.mfp-close:active {
    top: 5px
}

.mfp-close-btn-in .mfp-close {
    color: #333;
    background: url(https://media.mercolamarket.com/assets/images/icons.png) -178px 0 no-repeat #fff;
    display: block;
    text-indent: -99999px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: 0;
    text-align: left;
    width: 30px;
    height: 30px;
    text-indent: -999999px;
    top: 9px;
    padding: 2px
}

.mfp-iframe-holder .mfp-close {
    right: 1%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: #fff0
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset #fff0
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 290px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-iframe-scaler {
    width: 101.5%;
    height: auto;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    min-height: 265px;
    display: block;
    top: 0;
    width: 101.5%;
    height: auto;
    background: #fff;
    border: 5px solid #ebebeb;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 10px 2% 20px
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    content: "";
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.OutOfStock a,
.out-of-stock-note a {
    text-transform: initial;
    color: #000;
    text-decoration: underline
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile .mfp-bottom-bar:empty,
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgb(0 0 0 / .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgb(0 0 0 / .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

#divNotifyOutStock.OutOfStock {
    border: none;
    border-radius: 0;
    clear: both;
    padding: .5rem 1rem;
    font-size: .8rem;
    margin: 1px auto;
    text-align: center
}

.OutOfStock {
    border: 1px dashed #d3202f;
    border-radius: 1rem;
    clear: both;
    padding: .5rem 1rem;
    font-size: .7rem;
    max-width: 250px;
    float: none !important;
    margin: 0 auto 12px;
    display: block;
    font-weight: 700;
    width: 100%;
    text-align: left
}

.OutOfStock a {
    font-weight: 400;
    padding-right: 5px;
    display: block;
    line-height: 12px
}

.OutOfStock .outstk::before {
    content: "\e800";
    font-family: fontello;
    padding-right: 4px;
    font-size: 12px
}

.tab-bar .menu-icon img {
    width: 23px;
    margin-left: -25px
}

.tab-bar .cart {
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    overflow: hidden;
    padding: 0;
    width: 35px;
    margin: 12px 10px 0 5px;
    background: url(//media.mercolamarket.com/assets/images/shop/cart-icon.svg) 0 0/30px no-repeat
}

.tab-bar .search-trigger {
    margin-left: 5px;
    margin-top: -1px
}

a#whoson_chat_link {
    position: fixed;
    z-index: 1000000;
    bottom: 5px;
    right: 5px
}

#return-to-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    background: rgb(0 0 0 / .7);
    width: 50px;
    height: 50px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: .3s linear;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 11
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 9px;
    font-size: 19px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-style: normal !important
}

#return-to-top i:before {
    font-family: fontello;
    content: "\e804"
}

#return-to-top:hover {
    background: rgb(0 0 0 / .9)
}

#return-to-top:hover i {
    color: #fff;
    top: 5px
}

ul.off-canvas-list li:nth-child(8) a {
    background: #226cab;
    width: 90%;
    margin: 0 5%;
    color: #fff !important
}

.row.nav-container {
    position: relative;
    padding: 15px 0 0
}

.nav-container .navbar .nav>li>a {
    color: #464646
}

.mercola-logo {
    padding: 0;
    margin-top: -2px;
    margin-left: -3px
}

.mercola-logo a img {
    margin-left: 3px
}

.mercola-logo-small a img {
    margin-left: -7px
}

@media only screen and (max-width:800px) {
    .removed-sticky {
        position: relative;
        z-index: 9 !important
    }

    .navbar {
        width: 100% !important
    }
}

.store-locator {
    text-transform: uppercase;
    padding-left: 14px
}

.store-locator,
.tollfree span {
    color: #ccc !important
}

.tollfree span {
    font-weight: 400 !important
}

.tabs .tab-title>a:hover,
.tabs dd>a:hover {
    color: #fff !important
}

.gdpr-container {
    position: fixed;
    bottom: 0;
    background: #f1f2f2;
    z-index: 999999 !important;
    padding: 7px;
    width: 100%;
    border-radius: 0;
    margin: 0;
    display: none;
    align-items: center;
    justify-content: center;
    height: 60px;
    display: flex;
    border-top: 1px solid #d6d6d6
}

.gdpr-container .close-button p a {
    padding-bottom: 1px;
    position: absolute;
    right: 10px;
    border-radius: 50%;
    color: #9e9c9c;
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    text-transform: lowercase !important;
    font-weight: 700
}

.gdpr-container .close-button p a &:hover {
    background-color: #8c8c8c
}

.gdpr-container>p {
    padding-right: 25px;
    margin-bottom: 0
}

.gdpr-container p {
    font-size: 13px;
    font-weight: 700;
    color: #3c3c3c;
    line-height: 18px
}

.gdpr-container .agree-button p {
    padding-bottom: 2px;
    margin: 0
}

.gdpr-container .agree-button a {
    color: #fff !important;
    font-size: 13px;
    background-color: #0869bd;
    text-align: center;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 0;
    font-family: Aileron-SemiBold, Helvetica, sans-serif;
    float: right;
    width: 75px
}

.close-button {
    margin-bottom: 35px
}

.gdpr-container .agree-button p a:hover {
    background: #065497
}

@media (min-width:990px) {
    .gdpr-container {
        margin: 0
    }
}

.off-canvas-wrap.move-right .gdpr-container {
    display: flex
}

.shipping-logo {
    width: 100px;
    height: auto;
    margin-bottom: 15px
}

.fs-text {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 5px
}

.fs-sub-text {
    line-height: 22px;
    font-size: 15px
}

b.popup-desk-fs {
    font-weight: 300 !important
}

.modalDialog .close {
    right: 10px;
    color: #fff;
    height: auto;
    opacity: 1;
    position: absolute;
    background: #b8b8b8;
    font-size: 20px;
    top: 10px;
    font-weight: 600;
    border-radius: 80px;
    width: 32px;
    text-align: center
}

.modalDialog .close:hover {
    text-decoration: none;
    background: #d9d9d9;
}

.modalDialog .pad {
    padding: 35px 20px;
    text-align: center;
}

@media only screen and (max-width:420px) {
    .fs-text {
        font-size: 23px;
    }

    .fs-sub-text {
        font-size: 14px;
    }
}

div.contentdiv .modal-link li:hover {
    border: 1px solid #646464;
}

@media only screen and (max-width:440px) {
    .modal-link {
        max-width: 320px;
        margin: 0 auto;
    }

    div.contentdiv .modal-link li a {
        width: 124px !important;
    }

    div.contentdiv .modal-link li {
        margin: 12px !important;
    }
}

@media only screen and (max-width:640px) {
    .modal-link {
        max-width: 420px;
        margin: 0 auto;
    }
}

.container div.contentdiv .modalDialog li {
    padding: 0 10px 10px !important;
    border: 0 !important;
}

@media only screen and (min-width:665px) {
    .modalDialog .pad {
        padding: 10px 20px;
    }

    .shipping-logo {
        width: 80px;
        margin-top: 25px;
        margin-bottom: 0;
    }

    .fs-text {
        font-size: 16px;
        line-height: 23px;
    }

    .fs-sub-text {
        line-height: 20px;
    }
}

@media only screen and (max-width:820px) {
    #search a.button span:before {
        content: "\e813";
        color: #fff;
        font-family: fontello;
        font-size: 20px;
        line-height: 2.3;
    }

    #search .search-small div button,
    #search div.input-group-btn a {
        margin: -1px 0 0 -16px;
        background: #226cab !important;
        width: 57px;
        height: 45px;
    }

    #search div.input-group-btn a.searchBox-clear.js-clearSearchBox {
        margin-left: -50px;
        padding: 6px 10px !important;
        width: 20px;
        text-align: center;
        display: none;
    }

    .row.subnav .f-dropdown.healthyskin-products div p:first-child {
        cursor: text;
        padding-left: 15px !important;
        border-bottom: 1px solid #d3d3d3;
        border-right: 0;
        width: 90%;
        margin: 0 auto 8px;
        padding-bottom: 8px !important;
    }

    a.popup-desk-fs,
    b.popup-desk-fs {
        display: none !important;
    }

    a.popup-mob-fs {
        display: block !important;
    }

    @media print {
        @page {
            size: A4;
            margin: 22mm 14mm
        }

        .salesbox-body .row,
        h1,
        h2,
        h3,
        h4,
        h5 {
            page-break-after: avoid
        }

        .salesbox-body .row {
            page-break-inside: auto
        }

        .content-container figure,
        h2 {
            page-break-inside: avoid
        }

        a[href]:after {
            content: none !important;
        }

        .list i:before,
        .list li ul li:before,
        .list li:before {
            font-size: 26px !important;
        }

        #accordion-label,
        #header,
        #return-to-top .icon-chevron-up,
        #search,
        .best-selling,
        .best-selling strong,
        .faq>a.button,
        .flex-video.widescreen,
        .footer-global-promo-banner,
        .footer-seals ul,
        .gdpr-container,
        .guarantee,
        .guarantee-new,
        .has-figcaption div:before,
        .header-global-promo-banner,
        .highlight,
        .inner-nav,
        .label-facts,
        .left-off-canvas-toggle.menu-icon,
        .mercola-logo-small,
        .out-of-stock-note,
        .out-of-stock-note p,
        .payment-badges,
        .phone-order-box,
        .product-info,
        .promo-banner,
        .regular,
        .row.nav-container,
        .salesbox-body .order-qty,
        .salesbox-body .selector,
        .show-cart-btn,
        .social-widgets,
        .subscription-panel,
        .support-badges,
        .tab-bar,
        a.button.expand.info.small.radius,
        header {
            display: none !important;
        }

        .columns.content-container::before {
            content: url(//media.mercola.com/assets/images/MercolaLogo.png)
        }

        .columns.content-container h1,
        .columns.content-container h3 {
            color: #d3202f !important;
        }

        .columns.content-container h1 {
            margin-top: 32px !important;
        }

        .columns.content-container {
            margin-top: 0 !important;
        }

        .salesbox-body .highlight>.row,
        .salesbox-body .regular>.row>.columns.large-4,
        .salesbox-body .regular>.row>.columns.medium-6 {
            border-bottom: 1px solid #eee;
            padding-bottom: 8px;
        }

        .salesbox-body .columns.large-4,
        .salesbox-body .columns.large-6,
        .salesbox-body .columns.medium-6 {
            width: 50%;
            float: left;
        }

        .salesbox-body .row .card .large-6.left .title,
        .salesbox-body .row .large-6.right,
        .salesbox-body .row .medium-6.right {
            margin-top: 4rem !important;
        }

        .salesbox-body .title {
            width: 100% !important;
            margin: 0 auto;
            height: 50px;
        }

        .salesbox-body .image,
        .salesbox-body .image img {
            display: block;
            text-align: center !important;
            margin: 0 auto !important;
        }

        .salesbox-body .regular>.row>.card .columns.medium-6 .title {
            height: unset !important;
        }

        .salesbox-body .title strong {
            font-size: 1.25rem !important;
        }

        .salesbox-body .card-group,
        .salesbox-body .highlight {
            border: none !important;
        }

        .salesbox-body .image {
            width: 100% !important;
        }

        .salesbox-body .image img {
            width: 200px !important;
        }

        .salesbox-body .span.day-supply {
            font-weight: unset !important;
        }

        .salesbox:before {
            min-height: 0 !important;
        }

        .salesbox-body .panel.note {
            background-color: #fffbbb;
        }

        .salesbox-body .panel h6 {
            color: #d3202f;
        }

        .salesbox .title {
            margin-top: 0 !important;
            width: 100%;
        }

        .card,
        .card .action,
        .card .product-info,
        .footer-seals,
        .highlight,
        .label-facts {
            margin-bottom: 0 !important;
        }

        .faq h5 {
            padding-bottom: 12px
        }

        .faq ol.accordion .accordion-navigation {
            border-bottom: 1px solid #eee;
            padding-bottom: 12px;
        }

        .faq ol.accordion .accordion-navigation:last-child {
            border-bottom: none !important;
        }

        .accordion-navigation,
        .accordion-navigation .content,
        .accordion-navigation .content p {
            display: block !important;
            opacity: 1 !important;
            height: auto !important;
        }
    }

    .columns.content-container .rs-single {
        width: 300px;
    }
}

/**FOOTER**/
.contact-wrapper hr {
    height: 60px !important;
    color: #e7e7e7;
    opacity: 0.2;
    border-left: 1px solid #eee;
    margin: 6px 0 0 !important;
    width: 0 !important;
}

.contact-wrapper {
    display: flex;
    gap: 20px;
    float: left;
}

.contact-wrapper p {
    font-size: 16px !important;
}

p.contact-title {
    float: left;
    margin-right: 1em;
    font-size: 18px !important;
}

span.time-range {
    color: #c9c9c9;
}

.footer-links hr {
    color: #e7e7e7;
    opacity: 0.2;
    clear: both;
    width: 100%;
    display: block;
    border-top: 1px solid #eee;
    margin: 1.25rem 0 1.1875rem;
}

.footer-links hr::after {
    display: none;
}

.contact-schedule {
    line-height: 2.5em;
}

.contact-info p,
.contact-schedule p {
    font-weight: normal !important;
    margin-bottom: 0;
}


.footerlinks.footerlinkdsktop,
.footerlinks.mobile#footer-accordion {
    transform: none;
}

.footerlinks.footerlinkdsktop ul:nth-child(1) {
    width: 30%
}

.panel.panel-default.disclaimer,
.panel.panel-default.disclaimer .panel-heading {
    background: none !important
}

.footer-links a {
    font-family: sans-serif;
}

.footerlinks.footerlinkdsktop ul li {
    font-size: 16px;
    text-align: left;
    padding-bottom: 11px;
    list-style: none;
    color: #DDDDDD;
}

.footerlinks.footerlinkdsktop ul li:nth-child(1) {
    text-transform: uppercase;
    font-weight: bold !important;
    color: white;
    font-family: sans-serif;
}

.footer-disclaimer .panel.panel-default,
.footer-disclaimer .panel.panel-default .panel-heading {
    background: none !important;
    border: 0
}

.footerlinks.footerlinkdsktop img {
    width: 55% !important;
    max-width: 310px;
    clear: right;
    display: block !important;
    padding-bottom: 18px
}

.footerlinks.footerlinkdsktop p {
    text-align: left;
    font-size: 14px;
    color: #AFAFAF;
    line-height: 35px;
    margin-bottom: 0;
    font-family: sans-serif;
}

.footerlinks.footerlinkdsktop .footer-contact-num,
.footerlinks.footerlinkdsktop .email-us,
.footerlinks.mobile .footer-contact-num,
.footerlinks.mobile .email-us {
    color: #fff !important;
}

.footer-disclaimer {
    clear: both;
    text-align: center;
    padding-bottom: 35px;
}

.footer-disclaimer .panel-title a {
    border-bottom: #fff 1px solid;
    color: #DDD;
    font-size: 14px
}

.footer-disclaimer .panel.panel-default,
.footer-disclaimer .panel.panel-default .panel-heading {
    background: none !important;
    border: 0;
    padding-bottom: 6px;
    margin-bottom: 0 !important
}

.footerlinks.footerlinkdsktop p.footer-contact-num:before,
.footerlinks.mobile p.footer-contact-num:before {
    font-family: FontAwesome;
    content: "\f095";
    font-size: 18px;
    padding-right: 14px;
}

.footerlinks.footerlinkdsktop p.email-us:before,
.footerlinks.mobile p.email-us:before {
    font-family: FontAwesome;
    content: "\f0e0";
    font-size: 18px;
    padding-right: 14px;
}

.footerlinks.mobile h4.panel-title span.fa.fa-chevron-down {
    font-size: 10px;
    font-weight: 900;
}

.footerlinks.mobile h4.panel-title span.fa.fa-chevron-down::before {
    padding-left: 10px;
    display: block;
    transform: translateY(-3px);
}

.footerlinks.mobile .accordion .accordion-navigation>a {
    padding: 10px;
    text-decoration: none;
    color: #fff;
    background: #49525a;
    margin-bottom: 18px;
    text-transform: uppercase;
    font-size: 15px;
    text-align: left !important;
    font-weight: 700;
    font-family: sans-serif;
}



.footer-disclaimer .panel-title a {
    border-bottom: #fff 1px solid;
    color: #DDD;
    font-size: 15px;
    background: none;
    padding: 0;
    text-align: center;
    display: inline;
}

.footerlinks.mobile .footer-contact p {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.footerlinks.mobile .footer-contact p.email-us {
    text-align: center;
}

.footerlinks.mobile .footer-contact p a {
    text-decoration: underline;
}

.footer-links .footer-accordion .footer-accordion-navigation>a:hover,
.footer-links .footer-accordion dd>a:hover {
    background: #5c6873 !important;
}

div.footerlinks.mobile h4.panel-title a:hover {
    background: #5c6873 !important;
}

.footerlinks.footerlinkdsktop p.email-us {
    padding-bottom: 15px !important;
}

.footerlinks.mobile .footer-contact .footer-social p,
.footerlinks.mobile .footer-contact .footer-social-desktop p {
    width: auto !important;
}

.footer-social,
.footer-social-desktop {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-bottom: 10px !important
}

.footer-contact-details p,
.footer-social-desktop p {
    font-weight: 700;
    color: #FFFFFF !important
}

.footerlinks .social-icons {
    display: flex;
    gap: 25px
}

a.fb-social-btn:before {
    content: url('data:image/svg+xml,<svg width="13" height="25" viewBox="0 0 13 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1481 14.0625L12.8222 9.53809H8.60725V6.60205C8.60725 5.36426 9.19605 4.15771 11.0838 4.15771H13V0.305664C13 0.305664 11.2611 0 9.59853 0C6.12738 0 3.85847 2.16699 3.85847 6.08984V9.53809H0V14.0625H3.85847V25H8.60725V14.0625H12.1481Z" fill="white"/></svg>');
}

a.ig-social-btn:before {
    content: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 0C9.10781 0 8.68125 0.015625 7.34844 0.075C6.01562 0.1375 5.10781 0.346875 4.3125 0.65625C3.47788 0.969259 2.7221 1.46156 2.09844 2.09844C1.46156 2.7221 0.969259 3.47788 0.65625 4.3125C0.346875 5.10625 0.135937 6.01562 0.075 7.34375C0.015625 8.67969 0 9.10469 0 12.5016C0 15.8953 0.015625 16.3203 0.075 17.6531C0.1375 18.9844 0.346875 19.8922 0.65625 20.6875C0.976562 21.5094 1.40313 22.2062 2.09844 22.9016C2.79219 23.5969 3.48906 24.025 4.31094 24.3438C5.10781 24.6531 6.01406 24.8641 7.34531 24.925C8.67969 24.9844 9.10469 25 12.5 25C15.8953 25 16.3188 24.9844 17.6531 24.925C18.9828 24.8625 19.8938 24.6531 20.6891 24.3438C21.5231 24.0305 22.2784 23.5382 22.9016 22.9016C23.5969 22.2062 24.0234 21.5094 24.3438 20.6875C24.6516 19.8922 24.8625 18.9844 24.925 17.6531C24.9844 16.3203 25 15.8953 25 12.5C25 9.10469 24.9844 8.67969 24.925 7.34531C24.8625 6.01563 24.6516 5.10625 24.3438 4.3125C24.0307 3.47788 23.5384 2.7221 22.9016 2.09844C22.2779 1.46156 21.5221 0.969259 20.6875 0.65625C19.8906 0.346875 18.9813 0.135937 17.6516 0.075C16.3172 0.015625 15.8938 0 12.4969 0H12.5ZM11.3797 2.25312H12.5016C15.8391 2.25312 16.2344 2.26406 17.5516 2.325C18.7703 2.37969 19.4328 2.58437 19.8734 2.75469C20.4562 2.98125 20.8734 3.25312 21.3109 3.69062C21.7484 4.12813 22.0188 4.54375 22.2453 5.12813C22.4172 5.56719 22.6203 6.22969 22.675 7.44844C22.7359 8.76562 22.7484 9.16094 22.7484 12.4969C22.7484 15.8328 22.7359 16.2297 22.675 17.5469C22.6203 18.7656 22.4156 19.4266 22.2453 19.8672C22.0435 20.4092 21.7238 20.8997 21.3094 21.3031C20.8719 21.7406 20.4563 22.0109 19.8719 22.2375C19.4344 22.4094 18.7719 22.6125 17.5516 22.6688C16.2344 22.7281 15.8391 22.7422 12.5016 22.7422C9.16406 22.7422 8.76719 22.7281 7.45 22.6688C6.23125 22.6125 5.57031 22.4094 5.12969 22.2375C4.58724 22.0363 4.09625 21.7172 3.69219 21.3031C3.27699 20.8994 2.95676 20.4084 2.75469 19.8656C2.58437 19.4266 2.37969 18.7641 2.325 17.5453C2.26562 16.2281 2.25312 15.8328 2.25312 12.4937C2.25312 9.15469 2.26562 8.7625 2.325 7.44531C2.38125 6.22656 2.58438 5.56406 2.75625 5.12344C2.98281 4.54063 3.25469 4.12344 3.69219 3.68594C4.12969 3.24844 4.54531 2.97813 5.12969 2.75156C5.57031 2.57969 6.23125 2.37656 7.45 2.32031C8.60313 2.26719 9.05 2.25156 11.3797 2.25V2.25312ZM19.1734 4.32812C18.9765 4.32812 18.7814 4.36692 18.5994 4.44231C18.4174 4.51769 18.2521 4.62818 18.1128 4.76746C17.9735 4.90675 17.863 5.07211 17.7876 5.2541C17.7122 5.43609 17.6734 5.63114 17.6734 5.82812C17.6734 6.02511 17.7122 6.22016 17.7876 6.40215C17.863 6.58414 17.9735 6.7495 18.1128 6.88879C18.2521 7.02807 18.4174 7.13856 18.5994 7.21394C18.7814 7.28933 18.9765 7.32812 19.1734 7.32812C19.5713 7.32812 19.9528 7.17009 20.2341 6.88879C20.5154 6.60748 20.6734 6.22595 20.6734 5.82812C20.6734 5.4303 20.5154 5.04877 20.2341 4.76746C19.9528 4.48616 19.5713 4.32812 19.1734 4.32812ZM12.5016 6.08125C11.6501 6.06797 10.8045 6.2242 10.014 6.54085C9.22353 6.85749 8.50393 7.32824 7.89711 7.92566C7.29029 8.52309 6.80838 9.23526 6.47944 10.0207C6.1505 10.8062 5.98109 11.6492 5.98109 12.5008C5.98109 13.3523 6.1505 14.1954 6.47944 14.9808C6.80838 15.7663 7.29029 16.4785 7.89711 17.0759C8.50393 17.6733 9.22353 18.1441 10.014 18.4607C10.8045 18.7774 11.6501 18.9336 12.5016 18.9203C14.1868 18.894 15.7941 18.2061 16.9765 17.0051C18.159 15.804 18.8217 14.1862 18.8217 12.5008C18.8217 10.8154 18.159 9.19752 16.9765 7.99648C15.7941 6.79545 14.1868 6.10754 12.5016 6.08125ZM12.5016 8.33281C13.0488 8.33281 13.5907 8.4406 14.0963 8.65002C14.6019 8.85944 15.0613 9.16639 15.4482 9.55335C15.8352 9.94031 16.1421 10.3997 16.3515 10.9053C16.561 11.4109 16.6688 11.9528 16.6688 12.5C16.6688 13.0472 16.561 13.5891 16.3515 14.0947C16.1421 14.6003 15.8352 15.0597 15.4482 15.4466C15.0613 15.8336 14.6019 16.1406 14.0963 16.35C13.5907 16.5594 13.0488 16.6672 12.5016 16.6672C11.3964 16.6672 10.3364 16.2281 9.55492 15.4466C8.77342 14.6651 8.33438 13.6052 8.33438 12.5C8.33438 11.3948 8.77342 10.3349 9.55492 9.55335C10.3364 8.77185 11.3964 8.33281 12.5016 8.33281Z" fill="white"/></svg>');
}

a.tiktok-social-btn:before {
    content: url('data:image/svg+xml,<svg width="21" height="25" viewBox="0 0 21 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.7917 5.85673C18.5886 5.58974 17.4991 4.93104 16.6822 3.97667C15.8652 3.0223 15.3634 1.82215 15.25 0.551178V0H11.0998V17.0878C11.0972 17.8443 10.8662 18.5809 10.4393 19.1942C10.0124 19.8075 9.41095 20.2666 8.71956 20.5069C8.02817 20.7473 7.28155 20.7569 6.58464 20.5344C5.88772 20.3118 5.27553 19.8684 4.83409 19.2662C4.3858 18.654 4.13712 17.9096 4.12412 17.1409C4.11111 16.3722 4.33446 15.6192 4.76177 14.991C5.18908 14.3629 5.79813 13.8923 6.50062 13.6475C7.2031 13.4027 7.96249 13.3964 8.66866 13.6295V9.25504C7.09394 9.02919 5.49055 9.31964 4.08278 10.0858C2.675 10.8519 1.53325 12.0554 0.817222 13.5278C0.101195 15.0003 -0.153296 16.6682 0.089347 18.2981C0.33199 19.928 1.05963 21.4385 2.17049 22.6183C3.22986 23.7428 4.58819 24.5144 6.07211 24.8344C7.55603 25.1544 9.09821 25.0085 10.5018 24.4151C11.9054 23.8217 13.1067 22.8079 13.9524 21.503C14.7981 20.1982 15.2499 18.6614 15.25 17.089V8.35766C16.9272 9.60166 18.9382 10.2687 21 10.2649V5.98672C20.594 5.98724 20.189 5.94367 19.7917 5.85673Z" fill="white"/></svg>');
}

a.yt-social-btn:before {
    content: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="25" height="25" fill="url(%23pattern0_2001_2)"/><defs><pattern id="pattern0_2001_2" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_2001_2" transform="scale(0.00195312)"/></pattern><image id="image0_2001_2" width="512" height="512" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAarElEQVR4nO3dT4hc57Ug8O+7VS0hKQ1yjxGyFtoYZBnCgyTGswjIu6wGvHXAhmxmka3tt8xiyNKJ4a3Cw5sHFlhbM7N6OwveIsFJIAQiG2ajhSyMRxZUWqJbXfebherKt6urqqu6bt1/9futrO7qqrMx59Q5535fCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAB8SmA4BtMxqN9sr/Pn/+/MuzXpdl2dU8zx9mWXZ1mfeNMV5LKT2IMV6rIs5ZivdPKT047bVF7HmeP5z1+4ODg++mf7a7u/uoijiB0ykA6JRy8pxOnOVEOSMJnkiKMcZXpn5UTrTXp353ZcFri/e7PCNkKpZSejzjx9NFxrel/76/6LUppW+mfv9g6vfH/j1d0JQLGQUMXaIAYG1FUi4S8pxEfK30s3LiLV5bJNwr5Z9LqnRZqVgpioaiMLk/9fPpQuTB5Gcvio+i8CgKDsUG61IAbKHRaLRXTtbTSbqUoK8GiRlab5lCo1RgvCguykWFgmL7KAA6ZsnkXf5W/SJxS9rAaSbFRLmQUET0lAKgYUVCLyXza6Ukfj2E8C8h+MYNdEepI/G38LyAKIqHB0XRoGBongJgA5ZI6leCb+QA5Y5D0W1QLNREAbCC0Wi0d+HChR+X2+7T39YldYDNmBQLJ7oKk989ePr06d8VCstTAMxxeHh4YzAY/DTG+LMQwptBcgdovVKR8KeU0p/H4/Ffzp0793XTcbXR1hcApW/1b8QYfxJCeCPGeLPpuACoTkrpXgjhy5TSX1NKX+oWbFEBMJXoXwkhvBljvNV0XAA0J6V0NzzvFnyzbYVBbwuA0Wi0d/HixV/FGN8O2vcALKkYI6SUPn/y5Ml/9LUg6FUBUE76vt0DUIWU0t0+FgOdLwAmSf8XMcZfS/oAbNKkGPjDkydP/rPrxUBnC4DDw8Mbw+HwNzHGd5uOBYDtk1K6fXR09NuuPmXQuQJA4gegTbpaCHSmAJD4AWizrhUCrS8AJH4AuqQrhUCrC4DxePx+lmW/bzoOAFhVnucfDAaDj5uOY55WFgCTb/2fO5EPgC5LKd07Ojp6u43dgKzpAKaNx+P3d3Z2vpL8Aei6GOPNnZ2dr8bj8ftNxzKtNR2Aybf+TzzLD0AfpZTuHh0d/c+2dANaUQCMx+N3siz7rOk4AGDT8jz/5WAwuNN0HI2PAPI8/0jyB2BbZFn2WZ7nHzUdR6MdgDzPP/V4HwDbKKV0O8uy95r6/EY6AKPRaC/P8y8kfwC2VYzx3TzPvxiNRnuNfH7dHzgajfYuXbr0X7b8AeD5o4L7+/s/r/tyoVoLgMmm/x9jjJfr/FwAaLOU0uOjo6P/XucTArUVAIeHhzd2dna+quvzAKBrnj179lpdRUAtOwCj0WhvOBz+sY7PAoCuGg6Hf6xrJ6CWDkCe5/8w8weA06WU7mVZ9vqmP2fjHYDJtr/kDwBLiDHezPP8i01/zkYLgDzPP3K0LwCsJsZ4a9OHBW2sABiPx+/HGD/c1PsDQJ/FGD/c5CVCG9kBODo6ujUYDDbevgCAvhuPx28Nh8O7Vb9v5R2A0Wi0l2XZ51W/LwBsoyzLPt/EkwGVFwCXLl36Nwf9AEA1YoyXL1269G+Vv2+Vb6b1DwCbUfUooLIOgNY/AGxO1aOAygoArX8A2JyqRwGVjAC0/gGgHlWNAiopAPI8/963fwDYvJTS4yzLXlr3fdYeAUwO/JH8AaAGMcbLVRwQtHYHwLd/AKhXFV2AtToAvv0DQP2q6AKs1QHw7R8AmrFuF+DMHYDxePyO5A8AzZh0Ad4589+f9Q99+weAZq3TBThTB8C3fwBo3jpdgDN1API8/0eM8eZZ/hYAqE5K6V6WZa+v+ncrdwAODw9vSP4A0A4xxpuHh4c3Vv27lQuAwWDwP1b9GwBgc86Sm1ceAWj/A0C7nGUMsFIHQPsfANrnLGOAlQoA7X8AaKdVc/RKIwDtfwBop1XHAEt3ALT/AaC9Vh0DLF0AaP8DQLutkquXLgBijD85WzgAQB1WydWrLAG+cYZYAID6LJ2rlyoARqPRnvk/ALRbjPHmaDTaW+a1SxUAFy5c+PF6IQEAdVg2Zy9VAMQYtf8BoAOWzdnLFgAWAAGgA5bN2UsdBJTn+fcxxsvrhQQAbFpK6XGWZS+d9rpTOwCTBUDJHwA6IMZ4eZlFwFMLgIsXL/6impAAgDosk7tPLQBijD+rJhwAoA7L5O5llgDfrCAWAKA+p+buU5cAU0qpmlgAgLrEGBfm+IUdgFVuFQIA2uO0HL6wABgMBj+tNhwAoA6n5fCFBYAFQADoptNy+GlLgBYAAaCbFubwhQsCFgABoLsWLQLO7QAse50gANBOi3L53ALg/PnzL28mHACgDoty+dwCwBMAANBti3L5oiXAaxuIBQCoz9xcPrcAWPY+YQCgnRbl8kUdgOsbiAUAqM/cXD738YA8z7+PMV7eTDwAwKallB5nWfbSrN/NLQCcAQAA3TfvLICZIwCXAAFAP8zL6TMLgCzLrm42HACgDvNy+swCIMb4xmbDAQDqMC+nzysAXtlsOABAHebl9HmPAboFEAD6YWZOn1cAXNlgIABAfWbm9JmPBngEEAD6Y9ajgCc6AK4BBoB+mZXbTxQAFy5c+HE94QAAdZiV208UADFGtwACQI/Myu2zCoCf1RMOAFCHWbl90W2AAEBPzSoAnAEAAP1yIrfPKgCcAQAA/XIit88qAFwEBAD9ciK3nzgYwCFAANA/04cBHesAOAQIAPppOscfKwDOnz//cr3hAAB1mM7xxwqALMvM/wGgh6Zz/LECwCmAANBP0zl++ikABQAA9NP8AiDG+Eq9sQAAdZjO8dMdADsAMEdK6Xae579MKT1uOhaAM5i/AxBCuF5jINA5g8Hgzv7+/qsppd81HQvAio7l+OkCwDHAcIrd3d1HWZb96z//+c//llK63XQ8AEs6luONAOCMJoXAe+Px+K2U0r2m4wE4xcLHAC/XGwt033A4vJtl2ev2A4A2m87xLwoAxwDDeor9gDzPP2g6FoBZyrn+RQHgGGBY3+7u7qPBYPCx/QCgjcq5/kUB4BhgqM7UfsDdpuMBCOF4rn9RADgGGKo32Q94y34A0AblXF9eAlQAwIYMBoM7WZa9ZD8AaNjMAgDYMPsBQFuURwDuAYAaFPsBz549e81+AFCncq4vdwAsAUKNzp0797X9AKBmJ5cAgWbYDwCaUC4AXAQEDSrtB7hoCNiUF7m+XAC4CAgaVlw0ZD8A2JAXud4OALSQ/QBgQ2YeBOQiIGgZ+wFAlcq53hIgdID9AKBqWQhuAoQusB8AVKHI+VkIbgKELin2AyYXDd1rOh6gW4qcbwQAHTW5aOh1+wHAWWQhuAoYusx+ALCKIudnIbgKGLrOfgCwrCLnGwFAj9gPAJZVFAA6ANAjpf2AXzYdC9A6P3QAXAUM/TQYDO7YDwDKipxvBAA9N7UfcLvpeIB2KAoATwFAz032A96zHwBb74enAIDtUd4PcNEQbK+iALi+8FVA7wwGgzv7+/uv2g+ArXM9BB0A2Gr2A2B7FQXAlUajABplPwC2ypUQdACAEvsBsD08BQCcYD8Aes1TAMB8xX7A5CAh+wHQM8VJgJebDgRop0khYD8AeqLI+ToAwFLsB0C/KACAlQwGgztZlr2U5/kHTccCnJ0CADiTwWDwsf0A6K5sNBrtNR0E0E3FfsDkIKG7TccDLGc0Gu3pAABrmxwk9Jb9AOiO7Pz58y83HQTQD/YDoBvOnz//sg4AUDn7AdB+WZZlTgEEKmc/ANory7KrOgDARtkPgHZSAAC1sB8A7ZLFGK81HQSwPUr7AS4agobEGK/pAAC1Ky4ash8AzVEAAI0p9gMmFw3ZD4AaZSEEIwCgUZOLhuwHQH2MAID2sB8A9VEAAK1iPwDqkcUYX2k6CIBpU/sB95qOB/okxviKDgDQapP9gNftB0C1shCCo4CB1rMfAJVyFDDQHfYDoDoKAKBz7AfA+rIQwvWmgwA4i9J+gIuGYDXXdQCAzhsMBnf29/dftR8Ay8tCCFeaDgJgXVP7Abebjgda7ooOANArk/2A9+wHwGIKAKCX7AfAYs4BAHrNfgDM5BwAoP+K/YDJQUL2AyAYAQBbZFII2A+AoAAAtpD9AFAAAFus2A9w0RDbKIsxXm46CICm7O7uPipdNGQ/gK0QY7ysAwAQTuwHuGiI3lMAAJRM9gPesh9A3ykAAGYYDAZ3six7yX4AfaUAAFjAfgB9pQAAOEWxHzC5aMh+AL2gAABY0uSiIfsB9IICAGBF9gPoAwUAAGyhYdMBAHTNeDx+J8b4Bwep0WUKAIAlHR4e3hgOh5/EGG81HQusywgA4BSj0Wgvz/NPd3Z2vpL86QsdAIAFxuPx+1mW/b7pOKBqCgCAGcz56TsjAICSo6OjW3mef5Fl2WeSP32WOcwC4Ic5/2Aw+MKcn75LKT02AgC2Xp7nH8UYP2w6DqhLjPGyAgDYWub8bCsdAGArHR0d3cqy7N9jjDebjgWaYgkQ2BqHh4c3SnN+yZ+tpgAAem+y4PfR5CCfd5uOB1rg4TCE8DCEYP4F9JI5P8x01Q4A0Evm/LDQQyMAoFfM+WEp32YhhG+bjgJgXeb8sBojAKDzxuPx+zHG35jzw/KGIYT7TQcBcBbm/HBm93UAgM45PDy8MRwOP3FmP5ydJUCgM6bm/JI/rKE4BwCg1cbj8ftZlv2+6TigJx4aAQCtZs4PmzFMKX0TY2w6DoBjzPlhc1JK39gBAFrFnB/qYQQAtIY5P9RnGEJ40HQQwHabzPk/d5AP1OaBEQDQmMm5/V9Mzu2X/KFGCgCgdub80LxhSskIAKiNOT80L6X0wBIgUIvxePxOjPEPWv3QDgoAYKM8zw/tlOV57ihgoHKTOf+n5vzQPnmeOwoYqJ45P7Tf8ODg4LudnZ2m4wB6wJwfuuHg4OA7jwECazs6OrqV5/kXWZZ9JvlDN2S7u7uPmg4C6KZizj85yMecHzpid3f3kR0AYGWj0Wjv4sWLvzLnh+5SAAArMeeHflAAAEuZPM//eYzxZtOxAOvLQgghpfS46UCAdpp6nl/yh44rcr4OADBXnucfxRg/bDoOoHrFY4BOAwReGI/H7+R5/r3kD730MAQdAKDk6OjoVpZl/67VD/1XdAC+bTQKoFGHh4c3Ss/zS/7Qb9+G8EMBAGyhyYLfR5MFv3ebjgeoTzECuN9oFEDtPM8PW+t+CHYAYOuY8wMheAoAtoY5PzDxMAQ7ANB75vzALMMQQkgpfRNjbDoWoGLj8fh9F/YAZSmlb0L4YQfgQYOxABUz5wcWeBCCJUDolcmFPZ/EGG81HQvQbsVlQDoA0GFTc37JH5iryPnDEELI8/zhYDBoNiLgTMz5gVXkee4uAOgyc35gHVkIIRwcHHzXdCDAcibP83/heX7gLIqcn4UQwu7u7qNmwwFOY84PVKHI+UYA0AHm/EDVXhQAKaXHLgWBdpnM+T/3/yZQhZTS4+K/y0cBuw8AWmJqzi/5A1V5kevLBcC3DQQClJjzAxv2ItfbAYCWMOcH6lQuAO43FgVssfF4/E6M8Q9a/UANXuT6cgFgBwBq5Nx+oAEndwCK6wGBzZrM+T815wfqVs71dgCgRub8QFuUCwA3AsKGmPMDLfEi15dHAAoAqNjR0dGtPM+/yLLsM8kfaFo5178oAIrrAYH1FXP+yUE+5vxAK5Rz/YsRwMHBwXc7OzvNRAQ9Ys4PtFX59t8XBcDu7u6jlFIzEUEPmPMDbVe+/bd8FPCxSwKA5Uzm/P8w5wfabDrHZ1O/twcAS5qa899sOh6AUxzL8dMFgAuB4BTFhT0/+tGP/l+M8d2m4wFY0rEcP30QkPsAYAFzfqDDjuX46QLACADmiDG+6xs/0GHzRwDuAwCAfprO8dM7AE4DBIB+OpbjpzsACgAA6KHpHH+sAHAcMAD003SOP1YAlI8IBAD6YzrHx+kXJOcBA0DvxBiP5fzpJUDHAQNAz8zK7ScKgOAsAADomxO5fVYB4DhgAOiXE7l9VgHwpxoCAQDqcyK3zyoAAICem7UE+OcmAgEANmNWbp9VADgNEAB6ZFZuP1EAPH369O/1hAMA1GFWbj9xEFAIDgMCgD6ZPgQohDlLgCmle5sPBwDYtHk5fd5TAM4CAIB+mJnT5xUAzgIAgH6YmdPnjQC+2WwsAEAd5uX0eQXAl5sNBwCow7ycPrMAyPPchUAA0APzcvrMxwBD8CggAPTBrEcAQ1hwF8Csu4MBgO5YlMsXXQb0tw3EAgDUZ24uX1QA3N9AIABAfebm8kUjgL9uJhYAoA6LcvmiDoBbAQGg2+bm8rkFwHg8/stmYgEA6rAol88tAA4ODr7bTDgAQB0W5fK55wCE4CwAAOiyeWcAhLB4ByCklO5WHw4AsGmn5fCFBUBwKyAAdNXCHH5aB+DP1cYCANThtBy+sADwJAAAdNNpOXzhEmAIFgEBoIsWLQCGcPoOgEVAAOiYZXL3qQVAsAgIAF1zau4+tQDI8/x/VxMLAFCHZXL3qQXA06dP/15NOABAHZbJ3acuAYYQQp7n38cYL68fEgCwSSmlx1mWvXTa65bZAQghhP+zZjwAQD2WytlLFQCL7hMGANpj2Zy9bAHw5XrhAAB1WDZnL1UAWAQEgG5YNmcvtQQYQgh5nv8jxnjz7CEBAJuUUrqXZdnry7x22SXAEEIwBgCAdls6Vy9dAFgEBIB2WyVXL10AjMdjjwICQIutkquX3gEIwR4AALTVKvP/EFbbAQgppU9WDwkA2LRVc/RKBYAxAAC006o5eqURQAjGAADQNqu2/0NYsQMw+RBjAABokbPk5pULAGMAAGiXs+TmlUcAIRgDAEBbnKX9H8IZOgCTD/tfZ/k7AKBaZ83JZ+oAhBBCnuffxxgvn/XvAYD1pJQeZ1n20ln+9kwdgMmH/vasfwsArG+dXHzmDkAIugAA0JR1vv2HsEYHYPLhugAA0IB1c/BaHYAQdAEAoG7rfvsPYc0OwCQIXQAAqFEVuXftDkAIugAAUJcqvv2HUEEHYBLMr6t4HwBgsTzP367ifSopAAaDwZ2U0u0q3gsAmC2ldHs4HN6t4r0qGQGEEMJoNNq7dOnS/zUKAIDqpZQe7+/vv7q7u/uoiverpAMQQgi7u7uPqmpLAADH5Xn+dlXJP4QKC4AQQhgOh3eNAgCgWlW2/guVjQAKRgEAUJ2qW/+FSjsAIRgFAECVqm79FyovAEJ4PgrI8/yDTbw3AGyLPM8/qLr1X6h8BFCW5/lHMcYPN/kZANBHKaXfZVn2r5t6/40WACGEkOf5pzHGdzf9OQDQFymlu1mWvbXJz9h4ATBZCvyvGOPNTX8WAHRdSulelmWvb/pzNrIDULa7u/tof3//5ymlx5v+LADossnG/8/r+KyNdwAKh4eHN3Z2dr6q6/MAoGuePXv22rlz576u47M23gEonDt37utnz569phMAAMellB7XmfxDqLEACOF5EbC/v/9qSulenZ8LAG2VUrq3v7//ap3JP4SaC4AQju0EbOS5RgDoipTS3f39/Z9v4qCf09S2AzCLRwQB2FYppdtZlr3X1OfX3gE49uFZ9l5K6XdNxgAAdZsc8tNY8g+h4Q5AYTwev5Nl2WdNxwEAm5bn+S8Hg8GdpuNotANQGAwGdyZPCNgLAKCXUkp3nz179lobkn8ILekAlI3H4/ezLPt903EAQFXyPP9gMBh83HQcZa0rAEJ4fmjQcDj83PHBAHRZSune0dHR23U/4reMVowApp07d+7rLMted6UwAF2V5/kHWZa93sbkH0JLC4DCYDD4eLIbcLvpWABgGSml25NZf6ta/tNaOQKYZTIW+I1zAwBoo5TS7aOjo9+29Rv/tM4UAAWFAABt0rXEX+hcAVBQCADQpK4m/kJnC4DCaDTau3jx4i9ijL+OMd5qOh4A+iuldDel9IcnT578ZxPn91ep8wVA2aQY+FWM8W3FAABVmCT9z588efIfXU/6Zb0qAMrKxUAI4V9ijJebjgmA9kspPQ4h/K2PSb+stwXAtNFotHfhwoUfxxjfiDG+EkJ4U5cAYLtNjqD/U0rpm5TSl0+fPv17XxP+tK0pAOY5PDy8kWXZ1Ulh8JMQwhtOIATol5TSvRDClymlv25bop9n6wuAeQ4PD28MBoOfxhh/FkJ4MxgjALRe0b4Pz7/V/3k8Hv+lq1v6m6YAWEFpjHBt8qNrk3HC1RDCGyGEq4oEgM2YJPeHIYQvQwgPU0rfhBAepJQehBCCb/WrUQBswGg02jt//vzLk9HCtXC8ULgeQrhizADw3KQ9/20I4X6YSux5nj88ODj4TmKvngKgYct0FUIIQWcB6IrJN/UQfFtvNQVAx5S7CyGEUC4cJv8uiocQJt2GoIgAljSVvItv5SH8kMRDCOHB5LUPQgjBt/RuUgBsoaKICCGE0pgihPlFRAjPC4kQFBPQOlNJO4TniTuEU5J3nucPQwhB8t5OCgDWNhqN9kIIoVxUFL+bLi4mP3ul9OcKDXprmcRcem2RoEOY+oYdwvNv2SE8T9YhhCBhsy4FAJ1SFBsh/FBwFMqFRwjHio/CtanfvzL1+6tT/75e+u8rU7+bfq1ipSalpFr2cOrf3079+37pv4+9dirxFh5MveZEIi4UCTkESZluUQBAjcoFTGG6kClkWXY1z/OH04XNLDHGaymlBzOKnsoU719OhosUsU8nzEI5cYYgeQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAz/Hz6LhN6nDUJhAAAAAElFTkSuQmCC"/></defs></svg>');
}

.footer-links .container {
    max-width: 1500px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 25px 0;
}

.footer-links ul li a:hover,
.footer-links ul li a:focus {
    color: #fff !important;
}

.footer-links {
    padding: 25px 10px;
    font-size: 13px;
    color: #fff;
    position: relative;
    font-family: sans-serif !important;
}

.footer-links .panel-body ul {
    margin-left: 0;
}

.footerlinks.mobile .panel {
    border: none;
    padding: 0;
}

.footerlinks.mobile .panel h4 {
    line-height: unset;
}


.footer-disclaimer .disclaimer-container .mercolamarket-disclaimer-button {
    cursor: pointer;
    border: 1px solid #afafaf;
    width: 194px;
    min-width: 140px;
    height: 44px;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
    transition: background-image 3s ease-in-out;
    max-height: 600px;
}

.footer-disclaimer .disclaimer-container .mercolamarket-disclaimer-button .fa-external-link:before {
    content: "\f08e";
    font-family: 'FontAwesome';
    padding-left: 10px;
}

.footer-disclaimer .disclaimer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.footer-disclaimer .disclaimer-container ul li {
    width: unset !important;
    list-style-type: none;
}

.footer-disclaimer .disclaimer-container ul li.paypal {
    width: unset;
}

.footer-disclaimer .disclaimer-container ul {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    width: auto;
}

.footer-disclaimer span.copyright-center {
    text-align: center;
    clear: both;
    font-size: 14px;
    color: #a8a8a8;
}

li.paypal img.cardlogo {
    width: 3.5em;
    border-radius: 5px;
    background: #fff;
}

div#cardlogocontainer {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

div#paypalLogo {
    display: flex;
    align-items: center;
    padding: 0 3px;
}

img#paypalLogo {
    object-fit: contain;
    padding: 0 2px 2px;
}

li.truste img,
li.mcafee img {
    height: 38px;
}

.fda-disclaimer {
    display: block !important;
}

.fda-disclaimer p {
    margin-bottom: 0;
    font-family: sans-serif !important;
    text-align: left;
}

div[class^="osano"] label span {color: #fff;}