/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/1.1.bootstrapnew.css' (Mode: Static) */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:62.5%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
:focus, :focus-visible, :focus-within {outline:none;box-shadow:0 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:var(--default-font-weight-bold);}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
@media print {
    *,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
.navbar{display:none}
.btn > .caret,.dropup > .btn > .caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}
.table td,.table th{background-color:#fff!important}
.table-bordered td,.table-bordered th{border:1px solid #ddd!important}
}

.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}


.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default.active,.btn-default:active,.open > .dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open > .dropdown-toggle.btn-default.focus,.open > .dropdown-toggle.btn-default:focus,.open > .dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-default.active,.btn-default:active,.open > .dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}
.btn-default .badge{color:#fff;background-color:#333}
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}
.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active,.btn-primary:active,.open > .dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open > .dropdown-toggle.btn-primary.focus,.open > .dropdown-toggle.btn-primary:focus,.open > .dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}
.btn-primary.active,.btn-primary:active,.open > .dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}
.btn-primary .badge{color:#337ab7;background-color:#fff}
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}
.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}
.btn-success.active,.btn-success:active,.open > .dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open > .dropdown-toggle.btn-success.focus,.open > .dropdown-toggle.btn-success:focus,.open > .dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}
.btn-success.active,.btn-success:active,.open > .dropdown-toggle.btn-success{background-image:none}
.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}
.btn-success .badge{color:#5cb85c;background-color:#fff}
.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}
.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}
.btn-info.active,.btn-info:active,.open > .dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open > .dropdown-toggle.btn-info.focus,.open > .dropdown-toggle.btn-info:focus,.open > .dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}
.btn-info.active,.btn-info:active,.open > .dropdown-toggle.btn-info{background-image:none}
.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}
.btn-info .badge{color:#5bc0de;background-color:#fff}
.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}
.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}
.btn-warning.active,.btn-warning:active,.open > .dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open > .dropdown-toggle.btn-warning.focus,.open > .dropdown-toggle.btn-warning:focus,.open > .dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}
.btn-warning.active,.btn-warning:active,.open > .dropdown-toggle.btn-warning{background-image:none}
.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}
.btn-warning .badge{color:#f0ad4e;background-color:#fff}
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}
.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
.btn-danger.active,.btn-danger:active,.open > .dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open > .dropdown-toggle.btn-danger.focus,.open > .dropdown-toggle.btn-danger:focus,.open > .dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}
.btn-danger.active,.btn-danger:active,.open > .dropdown-toggle.btn-danger{background-image:none}
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}
.btn-danger .badge{color:#d9534f;background-color:#fff}
.btn-link{font-weight:400;color:#337ab7;border-radius:0}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}
.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}
.btn-group-lg > .btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
.btn-group-sm > .btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-group-xs > .btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}

.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{
    position:relative;
    min-height:1px;
    padding:0 7px;
}

.container {
    padding: 0 7px !important;
    margin: 0 auto;
}

.row {margin: 0 -7px;}

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

@media (min-width: 769px) {
    .container {
        max-width: 900px;
        width: 100%;
    }
}

@media (min-width: 900px) {
    .container {
        max-width: 1280px;
        width: 100%;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1500px!important;
        width: 100%;
    }
}

#catalogmobilenav {border-bottom:1px solid #a2a2a2; position:relative; background:#fff}
.nav{padding-left:0;margin-bottom:0;list-style:none; width:100%; display:flex; justify-content:space-evenly; font-weight:var(--default-font-weight-bold); position:relative}
.nav > li{position:static;display:block; min-height:40px; -webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
-o-transition: background-color 300ms ease-out;
-ms-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;}
.nav > li:hover{display: block;
    text-decoration: none; z-index:1000001}
.nav > li > a {-webkit-transition: color 300ms ease-out;
-moz-transition: color 300ms ease-out;
-o-transition: color 300ms ease-out;
-ms-transition: color 300ms ease-out;
transition: color 300ms linear;}

#navbar-collapse-1 > ul.nav > li > a{text-align:center; text-wrap:auto}
.nav > li:hover > a {
    color: #2369b4 !important;
}
.navbar-nav > li[data-attr="Best Sellers"] ul div.yamm-content div ul.list-unstyled {display:flex; }
.navbar-nav > li[data-attr="Best Sellers"] ul div.yamm-content div ul.list-unstyled li div, .navbar-nav > li[data-attr="Brands"] ul div.yamm-content div ul.list-unstyled li div  {display: flex; flex-direction: column; width:max-content !important; align-items: center; text-align:center}
.navbar-nav > li[data-attr="Brands"] ul div.yamm-content div ul.list-unstyled li div a div, .navbar-nav > li[data-attr="Best Sellers"] ul div.yamm-content div ul.list-unstyled li div a img{max-width:126px}
.nav > li[data-attr="Best Sellers"]:hover > a {color:white !important;background-color:#1b5688!important;}
.navbar-nav > li[data-attr="Best Sellers"] ul div.yamm-content div ul.list-unstyled a {display: flex; flex-direction:column; align-items:center}
.navbar-nav > li[data-attr="Brands"] ul div.yamm-content div ul.list-unstyled a {display: flex; flex-direction:column-reverse; align-items:center; font-weight:normal}
.navbar-nav > li[data-attr="Brands"] ul div.yamm-content div ul.list-unstyled a img {padding-bottom:10px;}
.navbar-nav > li[data-attr="Best Sellers"] ul div.yamm-content div ul.list-unstyled a img {padding-bottom:10px;padding-top:10px}
#navbar-collapse-1 > ul > li[data-attr="Best Sellers"] > a {color: white;background-color:#226CAB; }
#navbar-collapse-1 > ul > li[data-attr="Sale"] > a {color: #af1b31; pointer-events:auto!important}
.nav > li > a{position:relative;display:block; text-transform:uppercase;padding-right: 10px; padding-left: 10px;}
.nav > li > a:focus,.nav > li > a:hover{text-decoration:none;background-color:#eee}
.nav > li.disabled > a{color:#777}
.nav > li.disabled > a:focus,.nav > li.disabled > a:hover{color:#166bc1;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open > a,.nav .open > a:focus,.nav .open > a:hover{background-color:#eee;border-color:#337ab7}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav > li > a > img{max-width:none}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs > li{float:left;margin-bottom:-1px}
.nav-tabs > li > a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs > li > a:hover{border-color:#eee #eee #ddd}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:focus,.nav-tabs > li.active > a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified > li{float:none}
.nav-tabs.nav-justified > li > a{margin-bottom:5px;text-align:center}
.nav-tabs.nav-justified > .dropdown .dropdown-menu{top:auto;left:auto}

.nav-tabs.nav-justified > li > a{margin-right:0;border-radius:4px}
.nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:focus,.nav-tabs.nav-justified > .active > a:hover{border:1px solid #ddd}

.nav-pills > li{float:left}
.nav-pills > li > a{border-radius:4px}
.nav-pills > li + li{margin-left:2px}
.nav-pills > li.active > a,.nav-pills > li.active > a:focus,.nav-pills > li.active > a:hover{color:#fff;background-color:#337ab7}
.nav-stacked > li{float:none}
.nav-stacked > li + li{margin-top:2px;margin-left:0}
.nav-justified{width:100%}
.nav-justified > li{float:none}
.nav-justified > li > a{margin-bottom:5px;text-align:center}
.nav-justified > .dropdown .dropdown-menu{top:auto;left:auto}

.nav-tabs-justified{border-bottom:0}
.nav-tabs-justified > li > a{margin-right:0;border-radius:4px}
.nav-tabs-justified > .active > a,.nav-tabs-justified > .active > a:focus,.nav-tabs-justified > .active > a:hover{border:1px solid #ddd}

nav#catmenu {display:none}
@media (max-width:768px) {
a.langenglish {
    background: url("/Templates/Mercola/images/us-flag.png") no-repeat 0 0/100%;
    display: block;
    float: right;
    height: 29px;
    margin-left: 4px;
    padding: 0;
    text-align: left;
    text-indent: -99999px;
    width: 41px;
}
a.langspanish {
    background: url("/Templates/Mercola/images/spain-flag.png") no-repeat 0 0/100%;
    display: block;
    float: right;
    height: 29px;
    margin-left: 4px;
    padding: 0;
    text-align: left;
    text-indent: -99999px;
    width: 41px;
}
a.langaustralia {
    background: url("/Templates/Mercola/images/australia-flag.png") no-repeat 0 0/100%;
    display: block;
    float: right;
    height: 29px;
    margin-left: 4px;
    padding: 0;
    text-align: left;
    text-indent: -99999px;
    width: 41px;
}}


#shoppingcartpopup_wrapper #shoppingcartpopup.popup_content {
    padding: 20px !important;
    width: 95% !important
}
#fadeandscale_background.popup_background {opacity:1!important; background:rgba(0,0,0,0.7)!important}

#shoppingcartpopup_wrapper.popup_wrapper_loader #shoppingcartpopup {
    display: none !important;
    width: auto !important
}
#shoppingcartpopup_wrapper.popup_wrapper_loader {width:178px!important; height:153px!Important;}
#shoppingcartpopup,
#shoppingcartpopup_wrapper,
#shoppingcartpopup_background, #fadeandscale_wrapper {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}



.tab-content > .tab-pane{display:none}
.tab-content > .active{display:block; opacity:1}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.navbar{position:relative;min-height:40px;}

.navbar-collapse{overflow-x:visible;-webkit-overflow-scrolling:touch;}
.navbar-collapse.in{overflow-y:auto}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}
@media (max-device-width:480px) and (orientation:landscape) {
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}
}
.container-fluid > .navbar-collapse,.container-fluid > .navbar-header,.container > .navbar-collapse,.container > .navbar-header{margin-right:-15px;margin-left:-15px}

.navbar-static-top{z-index:1000;border-width:0 0 1px}

.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}

.navbar-fixed-top{top:0;border-width:0 0 1px}
.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}
.navbar-brand{float:left;height:50px;padding:15px;font-size:18px;line-height:20px}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
.navbar-brand > img{display:block}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar + .icon-bar{margin-top:4px}

@media (max-width:767px) {
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu > li > a{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu > li > a{line-height:20px}
.navbar-nav .open .dropdown-menu > li > a:focus,.navbar-nav .open .dropdown-menu > li > a:hover{background-image:none}
}

.navbar-form{padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin:8px -15px}

@media (max-width:767px) {
.navbar-form .form-group{margin-bottom:5px}
.navbar-form .form-group:last-child{margin-bottom:0}
}
.dropdown-menu {visibility:hidden; display:unset}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu > li > a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
.dropdown-menu > .disabled > a,.dropdown-menu > .disabled > a:focus,.dropdown-menu > .disabled > a:hover{color:#777}
.dropdown-menu > .disabled > a:focus,.dropdown-menu > .disabled > a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open > .dropdown-menu{display:block}
.open > a{outline:0}
.dropdown-menu-right{right:0;left:auto}
.dropdown-menu-left{right:auto;left:0}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}
.pull-right > .dropdown-menu{right:0;left:auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}

.navbar-nav > li > .dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.navbar-btn{margin-top:8px;margin-bottom:8px}
.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}
.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}
.navbar-text{margin-top:15px;margin-bottom:15px}

.navbar-nav > li.dropdown div.dropdown-menu {
    font-size: 13px;
    width: 100%;
    visibility: hidden;
    position: absolute;
    left: 0;
    z-index: 99999;
    background-color: #fff;
    margin-top: 5px;
    border: 1px solid #a2a2a2;
    padding: 25px 0px 15px 25px;
    opacity: 0;
    transition: opacity 300ms ease, visibility 300ms ease;
}

.navbar-nav > li.dropdown:hover div.dropdown-menu {visibility:visible; opacity:1; }

.navbar-nav > li.dropdown div.dropdown-menu > ul {clear:both; overflow:hidden; flex:1}
.dropdown-toggle::after {display:none;}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div {float:left; padding:0 25px 0px 0px}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content{display:flex}
#navbar-collapse-1 > ul > li > div > ul > li > div > div > ul > li > div {
    padding: 0;
}
#navbar-collapse-1 > ul > li > div[region_id="Best Sellers Top Nav"] {
    padding: 25px 12px 15px;
}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul {width:100%; font-weight:normal; font-size:13px}

.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div.ByName {width:75%; float:left}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div.ByCategory {width:25%; float:left}

.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div.ByName ul {width:25%; float:left}

.navbar-nav > li.dropdown div.dropdown-menu.nav-four-categories ul div.yamm-content div {width:25%; float:left; padding:0 25px; border-left:1px solid #ececec}
.navbar-nav > li.dropdown div.dropdown-menu.nav-four-categories ul div.yamm-content div:first-child {border:0; padding-left:0}
.navbar-nav > li.dropdown div.dropdown-menu.nav-five-categories ul div.yamm-content div {width:20%; float:left; padding:0 25px; border-left:1px solid #ececec}
.navbar-nav > li.dropdown div.dropdown-menu.nav-five-categories ul div.yamm-content div.PetsHome {display:none}
.navbar-nav > li.dropdown div.dropdown-menu.nav-five-categories ul div.yamm-content div:first-child {border:0; padding-left:0}
.navbar-nav > li.dropdown[data-attr="Best Sellers"] div.dropdown-menu ul div.yamm-content div, .navbar-nav > li.dropdown[data-attr="Brands"] div.dropdown-menu ul div.yamm-content div {width:100%; padding:0;}
.navbar-nav > li.dropdown[data-attr="Best Sellers"] div.dropdown-menu ul div.yamm-content div ul.list-unstyled, .navbar-nav > li.dropdown[data-attr="Brands"] div.dropdown-menu ul div.yamm-content div ul.list-unstyled {display:flex;justify-content:space-evenly}
.navbar-nav > li.dropdown[data-attr="Best Sellers"] div.dropdown-menu, .navbar-nav > li.dropdown[data-attr="Brands"] div.dropdown-menu {width: 100%}
.navbar-nav > li.dropdown div.dropdown-menu.nav-six-categories ul div.yamm-content div {width: 16.66%; float: left; padding: 0 20px; border-left: 1px solid #ececec}
.navbar-nav > li.dropdown div.dropdown-menu.nav-six-categories ul div.yamm-content div:first-child {border:0; padding-left:0}
.navbar-nav > li.dropdown div.dropdown-menu.nav-three-categories ul div.yamm-content div {width:33.33%; float:left; padding:0 25px; border-left:1px solid #ececec}
.navbar-nav > li.dropdown div.dropdown-menu.nav-three-categories ul div.yamm-content div:first-child {border:0; padding-left:0}
 
.navbar-nav > li.dropdown div.dropdown-menu.nav-two-categories ul div.yamm-content div {width:50%}
.navbar-nav > li.dropdown div.dropdown-menu.nav-one-categories ul div.yamm-content div {width:100%}
.navbar-nav > li.dropdown div.dropdown-menu.nav-one-categories ul div.yamm-content div.topcategory {padding:0}
.navbar-nav > li.dropdown div.dropdown-menu.nav-one-categories ul div.yamm-content div.topcategory ul.list-unstyled {border:0}
.navbar-nav > li.dropdown div.dropdown-menu.nav-one-categories ul div.yamm-content div.topcategory ul.list-unstyled a {font-weight:normal}

.navbar-nav > li.dropdown div.dropdown-menu ul.Proteins div.yamm-content div.ViewAllProteins {
    clear: left
}

.navbar-nav > li.dropdown div.dropdown-menu ul.HomeGarden div.yamm-content div.Outdoors {clear:left}

.navbar-nav > li.dropdown div.dropdown-menu.Kids {left:auto; right:0}

.navbar-nav > li.dropdown div.dropdown-menu.Fitness{left:auto;}
.navbar-nav > li.dropdown div.dropdown-menu ul.Fitness div.yamm-content div.ElectronicEquipment {clear:left}

.navbar-nav > li.dropdown div.dropdown-menu.BooksandDVDs {left:auto; right:0}

.navbar-nav > li.dropdown div.dropdown-menu ul.TopProducts div.yamm-content div.HomeGarden {clear:left}



.navbar-nav > li.dropdown div.dropdown-menu.Sale {left:auto; right:0}

.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li { padding:8px 10px 5px 2px}

.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li a{-webkit-transition: color 300ms ease-out;-moz-transition: color 300ms ease-out;-o-transition: color 300ms ease-out;-ms-transition: color 300ms ease-out;transition: color 300ms ease-out;}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li span.categorynew {margin-left:2px; background:#af1b31; color:#fff; font-weight: 700;
    font-size: 12px;
    padding: 2px 3px;}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul.list-unstyled li a:hover {color:#2369b4; text-decoration:none!important}
.navbar-nav > li.dropdown div.dropdown-menu ul.AboutUs div.yamm-content div ul.list-unstyled li a:hover {color:#464646; text-decoration:underline!important}
#navbar-collapse-1 > ul > li.dropdown.maincategory.AboutUs > div > ul > li > div.yamm-content > div > ul.subcategories.list-unstyled > li > a {font-weight: normal}
#navbar-collapse-1 > ul > li.dropdown.maincategory.AboutUs > div > ul > li > div.yamm-content > div > ul:nth-child(2) > li:nth-child(2) > a {padding-left: 10px;}
#navbar-collapse-1 > ul > li.dropdown.maincategory.AboutUs > div > ul > li > div.yamm-content > div > ul:nth-child(2) > li:nth-child(4) > a {padding-left: 10px;}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li a:hover {text-decoration:underline}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div p a.viewall {text-decoration:none; font-weight:var(--default-font-weight-bold); font-size:16px}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div p a.viewall:hover {text-decoration:underline}
.navbar-nav > li.dropdown div.dropdown-menu ul.AboutUs div.yamm-content div p a.viewall {display:none}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul.list-unstyled li.subcategory_heading_tp {text-transform:none}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul.list-unstyled li.subcategory_heading_tp a:hover {color:#464646; text-decoration:underline!important}

.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li a.SupplementsA-E,
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li a.SupplementsF-R,
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li a.SupplementsS-Z,
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li a.ViewAllNewProducts,
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li a.ViewAllSupplements,
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li a.ViewAllSupplementsByCategory,
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li a.ViewAllSupplementsByIngredient {color:#af1a30}

.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul.list-unstyled {width:100%; font-weight:var(--default-font-weight-bold); text-transform:uppercase; min-height:45px}
.navbar-nav > li.dropdown div.dropdown-menu > ul li.subcategory_heading {font-size:16px; font-weight:bold; padding:0 0 0 2px!important; color:#464646}
.navbar-nav > li.dropdown div.dropdown-menu > ul li.subcategory_heading a {-webkit-transition: color 300ms ease-out;
-moz-transition: color 300ms ease-out;
-o-transition: color 300ms ease-out;
-ms-transition: color 300ms ease-out;
transition: color 300ms ease-out;}
.navbar-nav > li.dropdown div.dropdown-menu ul.AboutUs div.yamm-content div ul.list-unstyled {text-transform:none;}
.navbar-nav > li.dropdown div.dropdown-menu > ul li.subcategory_heading a:hover {color:#2369b4; text-decoration:none!important}

.navbar-nav > li.dropdown:nth-child(2) div.dropdown-menu {left:41px}
.navbar-nav > li.dropdown:nth-child(3) div.dropdown-menu {left:41px}
.navbar-nav > li.dropdown:nth-child(4) div.dropdown-menu {left:41px}
.navbar-nav > li.dropdown:nth-child(5) div.dropdown-menu {left:-351px}
.navbar-nav > li.dropdown:nth-child(6) div.dropdown-menu {left:-456px;}
.navbar-nav > li.dropdown:nth-child(7) div.dropdown-menu {left:-527px;}
.navbar-nav > li.dropdown:nth-child(8) div.dropdown-menu {left:-635px;}
.navbar-nav > li.dropdown:nth-child(9) div.dropdown-menu {left:-700px;}


.navbar-nav > li.dropdown div.nav-three-categories > ul {width:535px}
.navbar-nav > li.dropdown div.nav-two-categories > ul {width:360px}
.navbar-nav > li.dropdown:not([data-attr="Best Sellers"],[data-attr="Brands"]) div.nav-one-categories > ul {
    width: 180px
}

div.navfeatprod {float: left; margin:10px 5px 10px 0; padding-left:7px; box-sizing:border-box; width: 177px; font-family:Open Sans, Verdana, Sans-Serif}
div.navfeatprod span {display:block; height:auto; padding:8px 0; text-align:center;  font-family:Open Sans, Verdana, Sans-Serif; border-bottom:1px solid #ccc; font-size:15px!important; font-weight:bold; color:#166bc1!important; line-height:normal!important; margin-top:0!important; text-transform:none}
div.navfeatprod img {width:100%; max-width:170px}
div.navfeatprod p {padding-bottom:10px; color:#166bc1; font-weight:bold; font-size:13px; line-height:normal; text-align:center;}
div.navfeatprod a {color:#166bc1; font-weight:bold; font-size:13px;}
div.navfeatprod a.shopnow {font-weight:normal; text-decoration:underline; display:block; text-align:center}


.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories,
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories {padding:0; }

.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul li,
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul li {display:flex; flex-direction:row-reverse;}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content {
        display: grid;
        display:-ms-grid;
        grid-template-areas: 'sidebar righttop ' 'sidebar rightbottom ';
        -ms-grid-columns: 50% 50% 50%;
  grid-template-columns: 50% 50% 50%;
        grid-gap: 20px;
        padding: 20px;
        width:auto
    }
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content > div {-ms-grid-row: 1;
  -ms-grid-column: 2;}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content > div + div {-ms-grid-row: 1;
  -ms-grid-column: 1;}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content > div + div + div {-ms-grid-row: 1;
  -ms-grid-column: 2;}
    *::-ms-backdrop,.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content {width:calc(100% - 390px)!important}
    *::-ms-backdrop,.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content > div {
       padding-left:20px!important
    }
    *::-ms-backdrop,.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content > div + div {
       padding-left:0px
    }
    *::-ms-backdrop,.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content > div + div + div {
       position:relative; top:130px; padding-left:20px;
    }


.navbar-nav > li.dropdown.AboutUs div.dropdown-menu ul div.yamm-content div ul {min-height:inherit}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content p {display:none}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content div {width:auto; padding:0; border:0;}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content div ul li a {text-transform:none; font-size:16px}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content div ul li a:hover {color:#464646; text-decoration:underline!important}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content div:first-child {grid-area:righttop}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content div:first-child + div {grid-area:sidebar; border-right:1px solid #edecea}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content div:last-child {grid-area:rightbottom}

.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.navfeatprod {width:295px; padding:2px; margin:0}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.navfeatprod a {width:295px; display:flex;}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.navfeatprod img {width:100%; max-width:inherit}

.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content p {display:none}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content div {width:auto; padding:0; border:0;}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content div ul li a {text-transform:none; font-size:16px}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content div ul li a:hover {color:#464646; text-decoration:underline!important}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content div:first-child {grid-area:righttop}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content div:first-child + div {grid-area:sidebar; border-right:1px solid #edecea}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content div:last-child {grid-area:rightbottom}

.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.navfeatprod {width:295px; padding:2px; margin:0}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.navfeatprod a {width:295px; display:flex;}
.navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.navfeatprod img {width:100%; max-width:inherit}
@media (min-width:769px) {
    nav#catmenu {display:none}
    .nav > li {padding:11px 4px 5px}
    .nav > li > a {font-size:12px}
    .nav-tabs-justified > li > a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
    .nav-tabs-justified > .active > a,.nav-tabs-justified > .active > a:focus,.nav-tabs-justified > .active > a:hover{border-bottom-color:#fff}
    .navbar{border-radius:4px}
    .navbar-header{float:left}
    .navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}
    .navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
    .navbar-collapse.in{overflow-y:visible}
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}
    .container-fluid > .navbar-collapse,.container-fluid > .navbar-header,.container > .navbar-collapse,.container > .navbar-header{margin-right:0;margin-left:0}
    .navbar-static-top{border-radius:0}
    .navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}
    .navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand{margin-left:-15px}
    .nav-justified > li{display:table-cell;width:1%}
    .nav-justified > li > a{margin-bottom:0}
    .nav-tabs.nav-justified > li{display:table-cell;width:1%}
    .nav-tabs.nav-justified > li > a{margin-bottom:0}
    .nav-tabs.nav-justified > li > a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
    .nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:focus,.nav-tabs.nav-justified > .active > a:hover{border-bottom-color:#fff}
    .navbar-toggle{display:none}
    .navbar-nav{margin:0; justify-content:space-evenly; flex-direction:row; padding: 0 24px; flex-wrap:nowrap}
    .navbar-nav > li{float:left;}
    .navbar-nav > li[data-attr="Quiz"] {position: relative;}
    .navbar-nav > li#home-link {border-left:0; text-indent:-99999px; padding-top:8px}
    .navbar-nav > li#home-link:hover {border-top:0; background-color:inherit; margin-top:0; min-height:40px}
    .navbar-nav > li#home-link a {display:block; width:25px; height:23px; background:url("/Templates/Mercola/images/icons.png") no-repeat 0px 0px}
    .navbar-nav > li#home-link a:hover {opacity:0.5; filter:alpha(opacity=50)}

    .navbar-nav > li.dropdown:hover > ul.dropdown-menu {display:block}
    .navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
    .navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}
    .navbar-form .form-control-static{display:inline-block}
    .navbar-form .input-group{display:inline-table;vertical-align:middle}
    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}
    .navbar-form .input-group > .form-control{width:100%}
    .navbar-form .control-label{margin-bottom:0;vertical-align:middle}
    .navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
    .navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}
    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}
    .navbar-form .has-feedback .form-control-feedback{top:0}
    .navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}
    .navbar-text{float:left;margin-right:15px;margin-left:15px}
    .navbar-left{float:left!important}
    .navbar-right{float:right!important;margin-right:-15px}
    .navbar-right ~ .navbar-right{margin-right:0}

    .navbar-nav > li.dropdown div.dropdown-menu {left:0}

    .navbar-nav > li.dropdown:nth-child(2) div.dropdown-menu {left:0px}
    .navbar-nav > li.dropdown:nth-child(3) div.dropdown-menu {left:0px}
    .navbar-nav > li.dropdown:nth-child(4) div.dropdown-menu {left:0px}
    .navbar-nav > li.dropdown:nth-child(5) div.dropdown-menu {left:auto; right:0}
    .navbar-nav > li.dropdown:nth-child(6) div.dropdown-menu {left:auto; right:0}
    .navbar-nav > li.dropdown:nth-child(7) div.dropdown-menu {left:auto; right:0}
    .navbar-nav > li.dropdown:nth-child(8) div.dropdown-menu {left:auto; right:0px}
        .navbar-nav > li.dropdown:nth-child(9) div.dropdown-menu {left:auto; right:0px}

    .navbar-nav > li.dropdown div.nav-four-categories > ul {width:720px}
    .navbar-nav > li.dropdown.AboutUs div.nav-three-categories > ul {width:755px}
    .navbar-nav > li.dropdown div.AboutUs.nav-three-categories {padding-bottom:0}
    .navbar-nav > li.dropdown.AboutUs div.nav-one-categories > ul {width:525px}
    .navbar-nav > li.dropdown div.AboutUs.nav-one-categories {padding-bottom:0}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content {height:200px; padding:10px; grid-gap:10px}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content {height:200px; padding:10px;}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu ul div.yamm-content div ul li {padding:3px 5px 0!important; flex-direction:row}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content div ul li a {font-size:14px;}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content div ul li a {font-size:14px;}

    .navbar-nav > li.dropdown div.dropdown-menu.nav-three-categories ul div.yamm-content div.AboutDrMercola {background:url("/Templates/Mercola/images/drmercola.jpg") right bottom no-repeat; background-size:65%; padding-right:75px}
    /*.navbar-nav > li.dropdown div.dropdown-menu.nav-three-categories ul div.yamm-content div.AboutDrBecker {background:url("/Templates/Mercola/images/drbecker.jpg") right bottom no-repeat; background-size:65%; padding-right:75px}*/

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-four-categories {width:752px}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-four-categories > ul {float:left; width:569px; padding-right:0}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-three-categories {width:721px}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-three-categories > ul {float:left; width:535px; padding-right:0}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-two-categories {width:546px;}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-two-categories > ul {float:left; width:360px; padding-right:0}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-one-categories {width:365px}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-one-categories > ul {float:left; padding-right:0}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.Pets { left:-421px}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.Fitness {right:-230px}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.TopProducts {right:-53px}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.Proteins {left:-75px}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.Kids {right:-100px}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.PersonalCare {left:-243px}
}

@media (min-width:800px) {
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-four-categories {width:775px}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-four-categories > ul {width:591px}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-three-categories {width:744px}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-three-categories > ul {width:558px;}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-two-categories {width:569px;}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-two-categories > ul {width:383px;}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-one-categories {width:365px}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-one-categories > ul {float:left; padding-right:0}

}

@media (min-width:850px) {
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-four-categories {width:815px}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-four-categories > ul {width:631px}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.Fitness {right:-250px}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.Pets {left:-450px}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.HomeGarden {left:-350px}

}

@media (min-width:1024px) {
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-four-categories {width:865px}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-four-categories > ul {width:681px}

    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.HomeGarden {width:865px; }
}

@media (min-width:950px) {
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-four-categories {width:915px}
    .navbar-nav > li.dropdown div.dropdown-menu.navfeaturedproduct.nav-four-categories > ul {width:721px}

    .navbar-nav > li.dropdown.AboutUs div.nav-three-categories > ul {width:955px}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.navfeatprod {width:390px;}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.navfeatprod a {width:390px; display:flex;}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content {height:auto; padding:20px; grid-gap:20px; width:100%}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu ul div.yamm-content div ul li {padding:8px 10px 5px 2px!important}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-three-categories ul div.yamm-content div ul li a {
        font-size: 16px;
    }

    .navbar-nav > li.dropdown.AboutUs div.nav-one-categories > ul {width:700px}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.navfeatprod {width:390px;}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.navfeatprod a {width:390px; display:flex;}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content {height:auto; padding:20px; grid-gap:20px; width:calc(100% - 390px)}
    .navbar-nav > li.dropdown.AboutUs div.dropdown-menu.nav-one-categories ul div.yamm-content div ul li a {
        font-size: 16px;
    }
}

@media (min-width:1100px) {
    .navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul.list-unstyled {min-height:inherit}
}
@media (min-width:1280px) {
    .nav > li > a {font-size:15px; letter-spacing:-0.5px}
    .navbar-nav > li.dropdown div.nav-four-categories > ul {width:950px}
    .navbar-nav > li.dropdown.AboutUs div.nav-three-categories > ul {width:1100px}
    .navbar-nav > li.dropdown.AboutUs div.nav-one-categories > ul {width:700px}

    .navbar-nav > li.dropdown div.dropdown-menu.nav-three-categories ul div.yamm-content div.AboutDrMercola {background-position:right 0px; padding-right:140px}
    /*.navbar-nav > li.dropdown div.dropdown-menu.nav-three-categories ul div.yamm-content div.AboutDrBecker {background-position:right 0px; padding-right:128px}*/
    
}

.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav > li > a{color:#464646; height: 100%;}
.navbar-default .navbar-nav > li > a:hover{color:#fff;background-color:transparent}
.navbar-default .navbar-nav > li > a:focus {color:#464646;background-color:transparent}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav > .disabled > a,.navbar-default .navbar-nav > .disabled > a:focus,.navbar-default .navbar-nav > .disabled > a:hover{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{color:#555;background-color:#e7e7e7}
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#777}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#333;background-color:transparent}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover{color:#ccc;background-color:transparent}
}
.navbar-default .navbar-link{color:#777}
.navbar-default .navbar-link:hover{color:#333}
.navbar-default .btn-link{color:#777}
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}
.navbar-inverse{background-color:#222;border-color:#080808}
.navbar-inverse .navbar-brand{color:#9d9d9d}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-text{color:#9d9d9d}
.navbar-inverse .navbar-nav > li > a{color:#9d9d9d}
.navbar-inverse .navbar-nav > li > a:focus,.navbar-inverse .navbar-nav > li > a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:focus,.navbar-inverse .navbar-nav > .active > a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav > .disabled > a,.navbar-inverse .navbar-nav > .disabled > a:focus,.navbar-inverse .navbar-nav > .disabled > a:hover{color:#444;background-color:transparent}
.navbar-inverse .navbar-toggle{border-color:#333}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:focus,.navbar-inverse .navbar-nav > .open > a:hover{color:#fff;background-color:#080808}
@media (max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header{border-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#9d9d9d}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover{color:#444;background-color:transparent}
}
.navbar-inverse .navbar-link{color:#9d9d9d}
.navbar-inverse .navbar-link:hover{color:#fff}
.navbar-inverse .btn-link{color:#9d9d9d}
.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}

@media (min-width:820px) and (max-width:1270px) {
.visible-md{display:block!important}
table.visible-md{display:table!important}
tr.visible-md{display:table-row!important}
td.visible-md,th.visible-md{display:table-cell!important}
.visible-md-block{display:block!important}
.visible-md-inline{display:inline!important}
.visible-md-inline-block{display:inline-block!important}
.navbar-nav > li.dropdown div.dropdown-menu ul div.yamm-content div ul li {padding: 8px 0 5px 0;}
#navbar-collapse-1 > ul > li[data-attr="Best Sellers"] > div > ul > li > div > div > ul > li > div > a > div{ width: 80px !important; height: 35px;}
.hidden-md{display:none!important}
.navbar-nav > li[data-attr="Best Sellers"] ul div.yamm-content div ul.list-unstyled li div {padding:0}
.nav > li {padding: 11px 0px 5px 0; min-height: auto;}
.navbar {min-height:auto}
.nav > li > a{font-size: 11px;}
}

.modal {background:rgba(0,0,0,0.5); padding:0!important; top:0!important}
.modal-open {padding:0!important}
.modal-content {border-radius:0; padding:20px;}
.modal.show .modal-dialog {justify-content:center;}
.modal-header {padding:0; border:0; border-radius:0; position:relative;}
.modal-body {padding:0}
.modal-header h1 { color: #2a2a2a; font-size: 24px!important; font-weight: var(--default-font-weight-bold)!important; line-height: normal; margin: 0; padding: 0 0px 15px 0!important; border-bottom: 1px solid #efefef;}
.modal-header button.bi, .modal-header .btn-close {background: none; padding: 0; height: 38px; width: 38px; font-size: 24px; position: absolute; right: -20px; top:-20px; color:#b8b8b8}
.modal-header .btn-close {right: -10px; top:-10px;}
.modal-header .btn-close:before {content:"\f622"; font-family:bootstrap-icons!important}

.modal-backdrop.fade {display:none!important}

div#shoppingcartmodalpopup div.modal-dialog {width:95%; max-width:700px;}

.progress {height:8px; margin:10px 0 5px; background:#e5e7e9; border-radius:8px}
.progress-bar {float: left; width: 0; height: 100%; font-size: 12px; line-height: 8px; color: #fff; text-align: center; background-color: #606060; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease;}


/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/1.2.widgets.css' (Mode: Static) */
/*This is the temporary CSS file for development purpose.
    At the end of RWD developement we will remove this file.
    We are not adding this file reference into Combres. We will add its reference into Master page directly when needed
    Developer should put downloaded widget's CSS to this file only. Do not modify any of existing CSS files directly without communicating to Designer
    Designer should move required CSS to respective CSS file like Core, Home and so on 
    */

/*
	RateIt CSS
    http://www.radioactivethinking.com/rateit/example/example.htm
*/
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    padding-top:3px; float:left; margin-right:5px; 
}

.rateit .rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url("/Templates/Mercola/images/star.png");
    
    outline: none; 
}

.rateit .rateit-range * {
    display:block;
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range
{
    display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected
{
    position: absolute;
    left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

.rateit .rateit-hover
{
    background: url("/Templates/Mercola/images/star.gif") left -16px;
}

.rateit .rateit-hover-rtl
{
    background-position: right -14px;
}

.rateit .rateit-selected
{
    background: url("/Templates/Mercola/images/star.png") left -17px; 
}

.rateit .rateit-selected-rtl
{
    background-position: right -14px;
}

.rateit .rateit-preset
{
    background: url("/Templates/Mercola/images/star.gif") left -14px;
}

.rateit .rateit-preset-rtl
{
    background: url("/Templates/Mercola/images/star.gif") left -14px;
}

.rateit button.rateit-reset
{
    display:block;height:20px;width:20px; float:left; margin-right:5px; border:0 solid #fff; font-family:'Glyphicons Halflings'; padding-left:0; background:#fff; color:#7fba00
}
.rateit button.rateit-reset:before{content:"\e221"}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus
{
    background-position: 0 -52px;
}

span#feedbackratingremark, span#ratingerror {float:left;position:relative; top:16px; padding-left:5px}
span#ratingerror {color:#ff0000}

div#customerreviewsfeedback legend{margin-bottom:5px}

div#customerreviewsfeedback p.actionlink {float:left; margin-left:170px; clear:left}

div#customerreviewsfeedback p.actionlink a.submitreview {border: 0 none; float:left; border-radius:0px; color: #fff; font-weight:var(--default-font-weight-semi-bold); font-size: 18px; padding: 10px 20px; width:auto; background:#7fba00; cursor:pointer; margin-top:10px; line-height:normal;  -webkit-appearance:none;}

div#customerreviewsfeedback p.actionlink span.reviewfeedbackmsg {clear:left; float:left; color:#7fba00}


/*
Responsive tabs related CSS
http://jellekralt.github.io/Responsive-Tabs/
*/
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px 0 0;
    display: none;
    min-height:283px;
}
.r-tabs .r-tabs-panel h1, .r-tabs .r-tabs-panel h2, .r-tabs .r-tabs-panel h3, .r-tabs .r-tabs-panel4, .r-tabs .r-tabs-panel h5, .r-tabs .r-tabs-panel h6{font-weight:bold;}
.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}
.r-tabs #tab-learn.r-tabs-panel.r-tabs-state-active ul li{list-style-type:disc; list-style-position:inside; padding-left:15px;}
.r-tabs #tab-learn.r-tabs-panel.r-tabs-state-active ol li{list-style-type:decimal; list-style-position:inside; padding-left:15px;}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block; clear:both; float:left; width:100%; margin-top:12px;
    }
    .r-tabs .r-tabs-panel {
        min-height:50px;
    }

        .r-tabs .r-tabs-panel.r-tabs-state-active {clear:both}
}

/* Accordion responsive breakpoint for checkout and order complete*/
@media only screen and (min-width: 320px) {
    #ordercomplete .r-tabs .r-tabs-nav, #checkout .r-tabs .r-tabs-nav {
        display: none;
    }
    #ordercomplete .r-tabs .r-tabs-nav, #checkout .r-tabs .r-tabs-accordion-title {
        display: block;
    }
    #ordercomplete .r-tabs .r-tabs-nav, #checkout .r-tabs .r-tabs-panel {
        min-height:50px;
    }
}

.r-tabs {
	position: relative;
    clear:both; width:100%; padding-top:30px
}

.r-tabs .r-tabs-nav {
	
}

.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	top: 0px;
}


    .r-tabs .r-tabs-nav .r-tabs-anchor {
        font-size: 14px;
        display: inline-block;
        color: #2369b4;
        text-align: center;
        width: auto;
    }
.r-tabs .r-tabs-nav .r-tabs-anchor:last-child{width:auto;}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover{border-bottom:3px solid #2369b4}
.r-tabs .r-tabs-nav .r-tabs-state-active {
	background-color: #fff;
	
}

    .r-tabs .r-tabs-nav .r-tabs-state-active a {border-bottom:3px solid #2369b4}

    .r-tabs .r-tabs-nav .r-tabs-state-disabled {
        opacity: 0.5;
    }

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	
}

.r-tabs .r-tabs-panel {
	border-top: 1px solid #ccc;
	
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color: #555;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 3px;

}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover{background-color:#83b6dd; color:#fff!important}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #83b6dd;
        color: #fff;
        margin-bottom: 0; font-weight:var(--default-font-weight-semi-bold)
    }

@media only screen and (max-width: 1024px){
    .r-tabs .r-tabs-nav .r-tabs-anchor:last-child{width:129px;}
}

/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider {
  display: flex;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 100%!important;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 90%;
  margin-top: -5px;
  top: 50%;
  left: 3%;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -5px;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider input {
  display: none;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #eee;
  border:1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-color: #2674ab;
  background-image: -moz-linear-gradient(top, #2674ab, #5e99c4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2674ab), to(#5e99c4));
  background-image: -webkit-linear-gradient(top, #2674ab, #5e99c4);
  background-image: -o-linear-gradient(top, #2674ab, #5e99c4);
  background-image: linear-gradient(to bottom, #2674ab, #5e99c4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2674ab', endColorstr='#5e99c4', GradientType=0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  
}
.slider-handle.round {
  background:url("/Templates/Mercola/images/icons.png") no-repeat 4px -2411px;display:block;height:23px;width:23px; 
}
.slider-handle.triangle {
  background: transparent none;
}


/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/font.css' (Mode: Static) */
:root{
    --default-font:"Helvetica";
    --default-font-weight-bold: bold;
    --default-font-weight-light: 300;
    --default-font-weight-semi-bold: 600;
    --default-font-weight-thin: 100;
}


/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/1.3.core.css' (Mode: Static) */
*{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body {width: auto !important; }
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {margin: 0;padding: 0!important;font-family: var(--default-font),sans-serif;font-size: 13px;color: #000;background-color: #fff; opacity: 1 !important;}
article,aside,details,figcaption,figure,footer,header, hgroup, main, nav, section, summary{display: block;}

input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit; font-weight:normal; border:0 none;}
input{line-height: normal;-webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
input[type="text"], input[type="tel"], input[type="password"]{border:1px solid #ccc; font-size:14px; padding:2px;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus{outline:none;}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0; width: 16px!important; height: 16px!important; margin: -1px 0 0; margin-top: 1px \9; line-height: normal;}
input[type="checkbox"]{-webkit-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;}
input[type="search"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type="file"] {display: block;}
input[type="range"] {display: block; width: 100%;}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: thin dotted; outline: 0px auto -webkit-focus-ring-color; -offset: -2px;}
select {border:1px solid #ccc; font-size:14px; box-shadow:1px 2px 2px #e7e7e7 inset; -moz-box-shadow:1px 2px 2px #e7e7e7 inset; -webkit-box-shadow:1px 2px 2px #e7e7e7 inset; padding:2px; }



label {display: inline-block;}
textarea{overflow: auto;}
optgroup{font-weight: bold;}

a {color: #464646;text-decoration: none;}
a:hover, a:focus {color: #464646;text-decoration: none;}
a:focus {outline: none;outline: 0px -webkit-focus-ring-color;outline-offset:0px;}

figure {margin: 0;}
img {vertical-align: middle;border: 0; max-width:100%;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-weight:normal; margin-top: 0; margin-bottom: 0;}
p {margin: 0;}

ul, ol, li{margin:0; padding:0; list-style:none;}
ul ul, ol ul, ul ol, ol ol {margin-bottom: 0;}
.list-unstyled {padding-left: 0;  list-style: none;}
dl {margin:0px;}
dt, dd {line-height: 1.42857143;}
dd {margin-left: 0;}
h1{font-size:15px}
h2{font-size:14px}
h3{font-size:12px;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.floatleft{float:left;}
.floatright{float:right;}
.hide {display: none !important;}
.show {display: block !important;}
.invisible {visibility: hidden;}
.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.hidden {display: none !important; visibility: hidden !important;}
.affix {position: fixed;}

.btncommon {
    display: block;
    cursor: pointer;
    outline: 0;
    border: 1px solid;
    border-color: #c89411 #b0820f #99710d;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border-radius: 0\9;
    *border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 0 #fcf3dc;
    -moz-box-shadow: inset 0 1px 0 0 #fcf3dc;
    box-shadow: inset 0 1px 0 0 #fcf3dc;
    background: #f3ce72;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8E3AD', endColorstr='#FFEEBA37', GradientType=0);
    *zoom: 1;
    background: linear-gradient(to bottom,#f8e3ad,#eeba37);
    background: -moz-linear-gradient(top,#f8e3ad,#eeba37);
    background: -webkit-linear-gradient(top,#f8e3ad,#eeba37);
    background: -o-linear-gradient(top,#f8e3ad,#eeba37);
    background: -ms-linear-gradient(top,#f8e3ad,#eeba37);
    text-align: center;
    line-height: 22px;
    height:25px;
    vertical-align: middle;
    color: #111;
    font-family: arial,sans-serif;
    text-decoration: none;
    font-size: 13px;
    padding:1px 10px!important;
    text-shadow:#fff 1px 1px 1px
}


div.topheader {background:#e1e1e1; padding:5px 0}
div.header-content-block span {color:#464646; text-transform:uppercase; font-size:16px; line-height:30px}
div.header-content-block span:first-child {font-weight:var(--default-font-weight-bold)}
div.header-content-block span:last-child {font-size:12px}

html.popup_visible {overflow:hidden}

   html.popup_visible div.container {padding:0 7px}

    .popup_visible #fadeandscale {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    #fadeandscale iframe {border:0}

a#whoson_chat_link {position:fixed; z-index:10000000; bottom:70px; right:5px;}

p#back-to-top { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border-radius: 35px;
    bottom: 60px;
    display: none;
    height: 50px;
    position: fixed;
    right: 20px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 50px; display:block; cursor:pointer; z-index:10000000}



p#back-to-top a { background:url("/Templates/Mercola/images/lazyload-arrow.png") -4px 0 no-repeat; height:22px; display:block; margin: 0; position: relative; left: 16px; top: 13px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
p#back-to-top:hover { background: rgba(0, 0, 0, 0.9); }
p#back-to-top:hover a { top: 5px;}

/*-- Heading --*/
h2#category_head{border-bottom:4px solid #555; color:#000; font-size:26px; margin-bottom:10px}

span.listprice{color:#555;font-size:15px; text-decoration:line-through;display:inline;}
.msrpprice {color:#adadad; font-size:14px; font-weight:normal}
.msrpprice .pricetext {text-decoration:line-through}
span.aslowasprice{display:inline;color:#1D6F9E}
span.aslowastext{display:inline;padding-right:4px}
.wishlistmsg,.addtocart_successmsg{color:#339900;line-height:18px;font-size:13px;font-weight:400;min-width:100px}
.error,.errormsg,.addtocart_errormsg,.shipaddr_errormsg,.multishipaddr_errormsg,.payment_errormsg,.cartsummaryerror,.errmsg,.ordercomplete_errormsg,div#catalog_content div.errorpage_404 h2 span.astrix,.field-validation-error,ul#newsletter .errormsg,.newserrormsg,.css_errormsgclass,.astrix{color:#ff0000!important; display:inline-block;}
.successmsg,span#successguestregister{color:Green; display:inline-block; padding-bottom:10px; font-size:12px;}
.successmsg.quote{font-size:20px; text-align:center; font-weight:bold;}
.freeproderrormsgs, .creditcarderrormsg, .redblockerrormsg, .wholesalevalidator {background-color: #ae1231; color: #ffffff; float: right; font-weight: bold; margin: 11px 0px 0 0; max-width: 582px; padding: 8px 12px;}
.displaynone, span.ui-helper-hidden, .mega-menu li ul, .mega-menu .sub, .megamenutabs ul li span.promotags, .megamenutabs div.cartlinescontainer .rating, .megamenutabs span.cartlinescontainer .prodname, .megamenutabs .viewlinkslist li.comparelist, .megamenutabs .viewlinkslist li.sendtofriend{display:none;}
#notshowingprice{font-size:10px;color:#1D6F9E}
span.yourprice, span.price{font-size:27px; display:inline;color:#af1b31;font-weight:var(--default-font-weight-bold)}
.addtocart_errormsg{font-size:13px;}
.watermark{color:#999}
.validation-summary-errors{font-weight:700;color:red}
div#bodycontainer{clear:both;width:100%; margin:0 auto}
div#catalog_content{min-height:300px;margin:0 auto;padding:0}
#header {position:static; background:#fff; z-index:100; }
.prodlink, .productlink{ color:#000!important;}

/*Header*/

#header.checkoutheader {min-height:inherit; background:none; padding:10px 0 0}
.col-sm-3.logo-mobile {float:left; width:217px}

.logo{display:block;}
div.myaccnavlnks {float:right}
div.headerinfo {clear:both; }
div.headerinfo > div {float:right; width:25%}
div.headerinfo div.catalogsearch {width:50%}

#header > div.checkouttop.loginheaders > div.tollfree {display: flex;}
div.tollfree {font-weight:var(--default-font-weight-bold); font-size:20px; color:#2369b4; text-align:right; margin-top:11px; line-height:42px;}
div.tollfree span {background:url("/Templates/Mercola/images/icons.png") no-repeat -56px -121px; padding-left:25px;}
div.tollfree span span {background:none; padding-left:0}
div.tollfree span span a {display:none!important}
.logo-mobile div.tollfree  {display:none}
div.tollfree span.teldsk {display:none}

li.tollfree {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: #F1F1F1;
}

li.tollfree > span > span:nth-child(1) {
    font-weight: var(--default-font-weight-bold);
}

li.tollfree > * {
    font-size: 14px;
    padding: 10px !important;
}

li.tollfree.mm-vertical {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

span#closeNavX{font-size:20px; font-weight:normal;}

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: none; width: 7px; height: 7px; display: inline-block; padding: 0; background-color: #8ba944; border-radius: 5px; margin-right:4px; position: relative; top: -1px;}
div.tollfree div.securedchat a {color:#2369b4;}

div.catalogsearch{ margin-top:0px}
div.catalogsearch div#autocompletecontainer,
div.catalogsearch div#autocompletecontainermob,
div.catalogsearch div.input-group-btn {float:right}

/*div.catalogsearch div#autocompletecontainer, div.catalogsearch div#autocompletecontainermob {width:calc(100% - 41px)}*/
div.catalogsearch div#autocompletecontainer, div.catalogsearch div#autocompletecontainermob {width: 100%;}
div.catalogsearch div#autocompletecontainer input.form-control,
div.catalogsearch div#autocompletecontainermob input.form-control {padding:10px 15px; height:auto; border:1px solid #a2a2a2; border-right:0; background:#f4f4f4; height:42px; border-radius:4px 0 0 4px!important}
div.catalogsearch div#autocompletecontainer input.form-control::placeholder {color:#999; opacity:1}
div.catalogsearch div#autocompletecontainer div.ais-SearchBox form.ais-SearchBox-form {display:flex;}
div.catalogsearch div#autocompletecontainer button.ais-SearchBox-submit {padding:8px 8px 7px; font-size:18px; border:1px solid #6e8098; border-left:0; border-radius:0 7px 7px 0!important; background:#2369b4; height:50px; width:50px; color:#fff; position:static; transform:translate(0)}
div.catalogsearch div#autocompletecontainer button.ais-SearchBox-submit svg path {fill:#fff;}

div.catalogsearch div#autocompletecontainer div.ais-SearchBox, div.catalogsearch div#autocompletecontainermob div.ais-SearchBox {width:100%; display:flex;}

div.catalogsearch div#autocompletecontainer button.ais-SearchBox-reset {right:60px; z-index:10}

.sel-box{position:relative; float:right; background:url("/Templates/Mercola/images/icons.png") no-repeat -76px -51px; z-index:100; line-height:30px; padding-left:40px; font-weight:var(--default-font-weight-semi-bold); font-size:16px;}
.sel-box a {line-height:30px; display:block}
.sel-box a span.bi {margin:0px 5px 0 4px; float:right; color:#828282}
#select{display:block; width:235px; height:20px; border:1px solid #999; padding:5px;}
.toc-odd{ position:absolute; top:37px; background:#ececec; width:auto; display:none; border:1px solid #828282; border-top:0; border-bottom:0}
.showlanguage {opacity:1}
.toc-odd li{padding:5px 10px; border-bottom:1px solid #828282;}

#right_links ul.changelang li.langus a {clear:left; float:left}

span.wholesaleClass {background: url("/Templates/Mercola/images/customerClass_wholesale.png") no-repeat scroll 0 center transparent; display: block;  height: 17px; overflow: hidden; width: 119px; margin-top:11px}
span.premierClass {background: url("//media.mercolamarket.com/assets/loyality/premierplusv4.png") no-repeat scroll 0 0 transparent; display: block;  height: 33px; overflow: hidden; width: 103px;background-size:contain}
span.PreferredClass {background: url("//media.mercolamarket.com/assets/loyality/preferredv4.png") no-repeat scroll 0 0 transparent; display: block;  height: 33px; overflow: hidden; width: 103px;background-size:contain}
span.RetailClass {background: url("//media.mercolamarket.com/assets/loyality/mymercolav4.png") no-repeat scroll 0 0 transparent; display: block; height: 33px; overflow: hidden; width: 103px;background-size:contain}
span.PlatinumClass {background: url("//media.mercolamarket.com/assets/loyality/platinumv4.png") no-repeat scroll 0 0 transparent; display: block;  height: 33px; overflow: hidden; width: 103px;background-size:contain}

span.bronzeClass {    background: url("//media.mercolamarket.com/assets/loyality/mymercolav4.png") no-repeat scroll 0 0 transparent;    display: block;    height: 33px;    overflow: hidden;    width: 103px;    background-size: contain}
span.goldClass {    background: url("//media.mercolamarket.com/assets/loyality/mymercolav4.png") no-repeat scroll 0 0 transparent;    display: block;    height: 33px;    overflow: hidden;    width: 103px;    background-size: contain}
span.silverClass {    background: url("//media.mercolamarket.com/assets/loyality/mymercolav4.png") no-repeat scroll 0 0 transparent;    display: block;    height: 33px;    overflow: hidden;    width: 103px;    background-size: contain}
span.platinumClass {    background: url("//media.mercolamarket.com/assets/loyality/mymercolav4.png") no-repeat scroll 0 0 transparent;    display: block;    height: 33px;    overflow: hidden;    width: 103px;    background-size: contain}
span.titaniumClass {    background: url("//media.mercolamarket.com/assets/loyality/mymercolav4.png") no-repeat scroll 0 0 transparent;    display: block;    height: 33px;    overflow: hidden;    width: 103px;    background-size: contain}
span.diamondClass {    background: url("//media.mercolamarket.com/assets/loyality/mymercolav4.png") no-repeat scroll 0 0 transparent;    display: block;    height: 33px;    overflow: hidden;    width: 103px;    background-size: contain}


 

.hd{margin:0; padding:0;}
.myaccountlinks {float:right; width:71% }

.myaccountnav {margin:0 0 0 5px; float:right;  }
.myaccountnav a{text-decoration:none;display:block;margin-right:15px;float:right; font-size:14px; text-transform:uppercase; font-weight:var(--default-font-weight-semi-bold); line-height:30px }

.myaccountnav div.securedchat {float:left}

div.myacccrtlinks {float:right; margin-left:15px}

ul.cartlinks{}
ul.cartlinks li{float:right;position:relative; margin-right:0 }
ul#cartcontent li.cartdetails ul.cartlinks li {margin:0; right:0}
ul.cartlinks li.myaccount {background:none; float:right; padding:0; display:none}
ul.cartlinks li.myaccount a {color:#03519b; padding-top:0; border-right:1px solid #ccc; padding-left:5px}

div.fstitle h2 {background:#A32C3E; padding:3px 9px; float:left; color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:2px; line-height:15px; width:calc(100% - 27px); text-align:left}
ul#cartcontent li.cartimage div.fstitle h2 {background:#A32C3E; padding:5px 4px; float:left; color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:2px; line-height:20px; width:calc(100% - 16px); text-align:center}

div.fsoneperson {text-align:center; font-size:15px; color:#03519b}

div.fstitle span.triangle {width: 0; 
  height: 0; 
  border-top: 0px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 16px solid #A32C3E; float:left}
ul#cartcontent li.cartimage div.fstitle span.triangle {border-bottom: 30px solid transparent;}

@media screen\0 {
    ul.cartlinks li {right:5px}
    .myaccountlinks div.securedchat {padding-right:10px!important}
}
ul.cartlinks li a{color:#fff;text-decoration:none;display:block; font-size:12px}
ul.cartlinks li a:hover {text-decoration:underline}
ul.cartlinks li a#open_btn{color:#03519b;display:inline-block; text-indent:-9999999px; height:30px; width:37px}
ul.cartlinks li.cartitem {float: left;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10; background:none;}
.myacccrtlinks .cartitem svg {
    display: block;
    -webkit-animation: btnWiggle 60.9s infinite;
    -moz-animation: btnWiggle 60.9s infinite;
    -o-animation: btnWiggle 60.9s infinite;
    animation: btnWiggle 60.9s infinite;
    left: -17px;
    position: relative;
    top: 1px;
}
 .myaccountnav a label.couponamount{background-color: #464646; border:1px solid #fff;
    border-radius: 17px;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0 2px; line-height:22px; float:right; right:-4px; top:6px; position:relative}
div.myaccountnav  a label.wishlistcount{
    background-color: #464646;
    font-weight: var(--default-font-weight-semi-bold);
    border-radius: 20px;
    color: #ffffff;
    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
}

div#header div.myacccrtlinks ul.cartlinks li span.cartitem_linecount {
    background-color: #464646;
    font-weight: var(--default-font-weight-semi-bold);
    border-radius: 20px;
    color: #ffffff;
    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: -8px;
    top: -2px;
}

    div.myaccountnav a label.wishlistcount {position:relative; line-height:20px; left:0; cursor:pointer}

    a.nav_myaccount label.couponamount {
        background-color: #464646;
        border-radius: 17px;
        color: #ffffff;
        font-size: 11px;
        font-weight: bold;
        margin: 0;
        padding: 0 2px;
        line-height: 22px;
        float: none;
        right: 0;
        top: 0;
        position: relative
    }

div.headerright {float:right}
div.headerinfo .customertype {text-align:right;margin-top:7px}
div.headerinfo .customertype span {float:right; clear:both}

div.headerinfo .customertype.guestcustomer {margin-top:11px; line-height:42px; color:#5a91c3; font-size:18px; text-transform:uppercase; width:auto; height:48px}

ul.cartnav{margin-top:2px;float:right; clear:right; width:43%; background:#fff}
ul.cartnav li{float:right; padding:0; width:100%; position:relative;}
ul.cartnav .search{border: 1px solid #D9D9D9; width:100%; border-top: 1px solid silver; font-size: 14px; outline: medium none; padding: 6px; color: #888; margin: 0; float:left; font:14px Arial,Helvetica,sans-serif;}
ul.cartnav li#autocompletecontainer{position:relative; width:75%;}
ul.cartnav li div.algsearchlist {position:absolute; display:none; top:50px; z-index:10; font-family:OpenSans,arial,helvetica,sans-serif; animation:fade-in 200ms linear; box-shadow:0 2px 3px #555; background:#fff; border-radius:3px; height:auto; overflow:auto; width:100%}
ul.cartnav li div.algsearchlist div.search-results-container {display:flex;}
ul.cartnav li div.algsearchlist div.search-results-container div.suggestions-panel {background:#f4f4f4; width:30%}
ul.cartnav li div.algsearchlist div.search-results-container div.suggestions-panel div.suggestion-item {font-size:14px; line-height:1.6; text-transform:capitalize}
ul.cartnav li div.algsearchlist div.search-results-container div.suggestions-panel div.suggestion-item a {padding:10px 13px; display:block; color:#202020}
ul.cartnav li div.algsearchlist div.search-results-container div.suggestions-panel div.suggestion-item a:hover {background:#fff;}
ul.cartnav li div.algsearchlist div.search-results-container div.suggestions-panel div.suggestion-item a em {font-style:normal; font-weight:bold}
ul.cartnav li div.algsearchlist div.search-results-container div.products-panel {width:70%}
ul.cartnav li div.algsearchlist h2 {display:flex; margin:0 5px; padding:0 13px; font-size:16px; font-weight:bold; height:44px; justify-content:space-between; border-bottom:1px solid #e6eaee; align-items:center}
ul.cartnav li div.algsearchlist h2 a {color:#369}
ul.cartnav li div.algsearchlist div#hits ol.ais-Hits-list {margin:0!important; display:flex}
ul.cartnav li div.algsearchlist div#hits ol.ais-Hits-list li.ais-Hits-item {border:0; box-shadow:inherit; margin:0; width:33.33%}
ul.cartnav li div.algsearchlist div#hits ol.ais-Hits-list li.ais-Hits-item div.hit {margin:0!important; padding:15px; display:flex; flex-direction:column; text-align:center}
ul.cartnav li div.algsearchlist div#hits ol.ais-Hits-list li.ais-Hits-item div.hit img {width:140px; height:140px; }
ul.cartnav li div.algsearchlist div#hits ol.ais-Hits-list li.ais-Hits-item div.hit h4 {font-size:13px; font-weight:normal; color:#464646;}
ul.cartnav li div.algsearchlist div#hits ol.ais-Hits-list li.ais-Hits-item div.hit h4 mark {background:none; padding:0; color:#464646}

ul.cartnav li div.algsearchlist div#pagination {padding:10px; background:#f4f4f4;}
ul.cartnav li div.algsearchlist div#pagination ul.ais-Pagination-list li {width:30px}
ul.cartnav li div.algsearchlist div#pagination ul.ais-Pagination-list li span,
ul.cartnav li div.algsearchlist div#pagination ul.ais-Pagination-list li a{width:30px; height:30px; display:flex; align-items:center; justify-content:center; font-size:14px}

div.rewardbalance{float:right; margin:0 5px 0 0; font-size:15px;}
div.rewardbalance label{background:url("/Templates/Mercola/images/icons.png") no-repeat 0 -2039px;float:left;height:28px;min-width:18px; padding:0 5px 0 18px;}
div.rewardbalance span.price{font-size:15px;}

div#breadcrumbnav{float:left;height:auto;font-size:12px;color:#555;font-weight:400; width:100%}
div#breadcrumbnav ul li{ display:inline-block;padding:0 0px 0 10px; }
div#breadcrumbnav ul li:first-child {padding-left:0}
div#breadcrumbnav ul li a{color:#717171; background:url("/Templates/Mercola/images/icons-global.png") no-repeat right -29px; padding-right:14px }
div#breadcrumbnav ul li a:hover{text-decoration:none;}
#breadcrumb{ margin: 10px 0;} 

div.globalbanner {position:relative; z-index:1; background:#fff; max-width:1485px; text-align:center; margin:1px auto 0;}
#promo-banner-top {margin:auto; max-width:1486px; width:100%}
div.globalbanner img {width:100%; max-width:1486px}

/* Autocompletecontainer */
.autocomplete-suggestions { background-color:#fff!important;cursor:default;left:0px!important; top:41px; width:100%!important; text-align:left; z-index:1001!important; overflow:auto; border:1px solid #6e8098;}
.autocomplete-suggestion { float:none!important; font-size:12px!important;color:#111!important;padding:5px 15px;}
.autocomplete-selected { color:#fff!important;display:block;font-size:12px!important;background-color:#426fd9;padding-top:2px 0}
.autocomplete-suggestions strong { font-weight:normal;}

#miniCartPopout {
    display: block;
    position: absolute;
    top: 55px;
    background-color: white;
    width: 300px;
    max-height: 500px;
    box-shadow: 2px 3px 5px 5px rgba(0, 0, 0, 0.2);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    z-index: 9999999;
    overflow-y: auto;
    border: 1px solid #cdcdcd;
}

.miniCartPopoutItemImage {
    padding-right: 5px;
}

.miniCartPopoutHeader{
    display:flex;
    justify-content:space-between;
}

.miniCartPopoutViewAndCheckout {
    color: white;
    background-color: #af1a30;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

    .miniCartPopoutViewAndCheckout:hover, .miniCartPopoutViewAndCheckout:focus {
        color: white;
    }

    .miniCartPopoutItem {
        display: flex;
        border-top: 1px solid #cdcdcd;
        padding-top: 10px;
        padding-bottom: 10px;
        align-items: center;
        justify-content: center;
    }

.miniCartPopoutItemFirst {
    border-top: 2px solid #cdcdcd;
}

    .miniCartPopoutHeader {
        padding-bottom: 10px;
    }

.miniCartPopoutSubTotal {
    font-weight: var(--default-font-weight-bold);
}

.miniCartPopoutItem > img {
    width: 60px;
    height: 60px;
}

.miniCartPopoutItem > .miniCartPopoutItemDetails {padding-left:5px; width:calc(100% - 60px)}

.miniCartPopoutItemName {
    font-size: 14px;
    font-weight: var(--default-font-weight-semi-bold);
    padding-bottom: 5px;
}

.miniCartPopoutItemQty {
    font-size: 11px;
    font-weight: normal;
}

.miniCartPopoutItemPrice {
    font-size: 12px;
    font-weight: var(--default-font-weight-bold);
}

.miniCartPopoutItemQtyPrice {
    display: flex;
    justify-content: space-between;
}
/*-- Top Cart --*/
.mobile-cart-icon {
    display: none;
}



/*FloatingCart*/
.displayblock,.mega-menu .sub ul,.megamenutabs ul li span,div#banner div#headerrotator a,
div#checkout div.ui-accordion div.ui-accordion-content-active,
.infoWindow span,dl#crossselling dd,div#faqcontent ul.questionans li img{display:block}
ol.ad_space li,
ul.ad_facebook li.facebooklive ol li,
div#checkout div.payvia a.ui-selectmenu,
div#checkout div.actionlinks div.placeorder,
#checkout div.actionlinks div.processingorderblock,
div#checkout div#cartsummary ul label,
div#checkoutcontainer .layhypgiftwrap,
#acctable table tr th.altrrows span,
#crossselling li.rating,
dl#prodmedia,
ul.customerreview li.rating span,
.orderdetailslogo{float:left}

ul.mega-menu li .sub a:hover,ul.mega-menu .sub li.mega-hdr li a:hover,ul.mega-menu li .sub-container.non-mega li a:hover,
.prodprice,div#checkout div#cartsummary li.prodname a:hover,div#checkoutcontainer .blacktext,div#options p.moresizes a{color:#1D6F9E}
#acctable #acchtmltable div table{width:100%!important}

* html .ui-autocomplete{min-width:1px;}

a.addtocart_disabled{background:#ccc; color:#999; cursor:inherit; float:left; font-size:16px; text-shadow:none; padding:13px 26px;}
a.addtocart_disabled:hover{background:#ccc; color:#999; box-shadow:none;}

.proddescription,
ul.productitem li.inventorymsg,
div#floatingcart span.cartlineid,
div#checkout div#login #acccontent #hd,
div#checkout div#ordercomplete div#acctable div#spacer,
div#checkout div#ordercomplete div#acctable div.head div:first-child,
div.cartlinescontainer ul.productitem li.rating a.customerreviewslink,
div#recentlyviewed div.jcarousel-clip-horizontal ul.productitem li.rating a.customerreviewslink,
div#customerswhobought div.jcarousel-clip-horizontal ul.productitem li.rating a.customerreviewslink,div.customerwhobought1carousel li span.promotags,
div.recentlyviewedrecommendationscarousel li span.promotags,div.customerwhobought1carousel li span.reviewscount,
.field-validation-valid,
.validation-summary-valid,dl#crossselling ul.productitem>li,dl#crossselling li.actionlinks div.fblikebutton,
.sys-template,#lblMaxPointsCanbeRedeemed,#crossselling .promotags,div#skudetails table.multiprodquantitypricing tr.mulitipricing,
tr.multipricing,tr.listmultipricing,.minitemplatecontainer{display:none}




/* Footer */

div.footer {box-shadow:0 0; margin-top:0}
div.footer div.footerbanner {max-width:1485px; width:100%; margin:0 auto;}
div.footer div.footerbanner img {width:100%}
div.footer .mailinglist {background:#e7e7e7; padding:18px 0 15px}
div.footer .mailinglist h3 {font-size: 16px; font-weight: bold; color:#174b79; vertical-align:top; text-transform:none}
div.footer .mailinglist span.newsltrblk {display:flex}
div.footer .mailinglist input.emailaddress {float:left; background: #ffffff; border: 1px solid #bfbfbf; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height: 25px; margin: 7px 0 2px 5px; padding: 0 5px; width: 300px;}
#newsletter {width:100%; text-align:center;}

div.imgloading {float:left; margin-top:6px; display:none}
div.footer .mailinglist span.newslettermsg {clear: left; display: inline-block; float: left; font-size: 12px; padding-left: 5px;}

.footer-containerblk {background:#2567b1; padding:25px 10px; font-size:13px; color:#fff; position:relative;}
.footer-containerblk.showmyoffersectiononload {padding-bottom:275px}
.footer-containerblk.showmyoffersection {padding-bottom:360px}
@media (max-width:768px) {
    .footer-containerblk.showmyoffersectiononload {padding-bottom:260px}
    .footer-containerblk.showmyoffersection {padding-bottom:325px}
}
.footer-containerblk a {color:#fff}
div.slidetotop {position:absolute; right:10px; top:10px}
div.slidetotop a {background:#ebebeb; color:#464646; padding:1px 5px; font-size:11px; border-radius:2px}
.footerlinks ul.tabs-nav {display:flex; justify-content:center}

.footerlinks ul.tabs-nav li {margin:0 10px; background:#49525a; border-radius:0px; transition:1s; -webkit-transition:1s}
.footerlinks ul.tabs-nav li:hover {background:#5c6873;  transition: background 1s;}
.footerlinks ul.tabs-nav li a {padding:10px 25px; display:inline-block; transition:1s; -webkit-transition:1s}
.footerlinks ul.tabs-nav li a:hover {color:#ffffff;}
.footerlinks ul.tabs-nav li span {padding-right:5px}

.footerlinks ul.tabs-nav li.active {background:#5c6873}
.footerlinks ul.tabs-nav li.active a {color:#ffffff;}
.footerlinks ul.tabs-nav li.active a span.glyphicon-triangle-right:before {content:"\e252"}

.footerlinks div.tab-pane {margin-top:20px}
.footerlinks div.tab-pane ul {clear:both; overflow:hidden; margin-bottom:20px; text-align:center}
.footerlinks div.tab-pane ul li {padding:0 15px; border-left:1px solid #fff; text-align:center; display:inline-block; margin-bottom:10px}
.footerlinks div.tab-pane ul li:first-child {border:0}

.footerlinks div.tabs-hide {display:none}

.footer-containerblk a {color:#fff;}


.footer-containerblk .footer-sitemap {padding-bottom:12px}
.fda-disclaimer {background: #fff none repeat scroll 0 0;
    border: 2px solid #464646;
    clear: both;
    color: #464646;
    margin: 12px auto 0;
    max-width: 530px;
    padding: 0;
    text-align: center; font-size:13px; font-weight:var(--default-font-weight-bold)}
.fda-disclaimer p {
    line-height: 1.2em;
    margin: 0;
    padding: 8px;
    text-align: center;
}

.footer-icons {font-size: 10px; height: auto; margin: 5px auto 0; padding: 5px 7px; text-align: center; max-width: 960px; width:100%; clear:both; overflow:hidden}

.footer-icons ul li {display:inline-block; padding:0 .5%; vertical-align:top}
.footer-icons ul a {display:none}
.footer-icons ul li a {display:block; margin:0!important}
.footer-icons ul li img {width:100%; height:auto!important}
.footer-icons ul li.bbb img {max-width:100%}
.footer-icons ul li.bbb a#bbblink:hover img {margin-left:0!important}
.footer-icons ul li.mcafee {width:9.7%}
.footer-icons ul li.truste {width:18%}
.footer-icons ul li.geotrust {width:13%}
.footer-icons ul li.geotrust iframe {width:100%; height:100%; max-height:55px; border:0}

.footer-icons ul li.paypal {width:21%}

.footer-containerblk div.site-disclaimer p {padding-bottom:10px}
.footer-containerblk div.copyright {text-align:center;}

div.footer.mobilecontainer div.copyrightcontent {text-align:center; padding:10px 0}
    div.footer.mobilecontainer div.copyrightcontent div#cardlogocontainer {justify-content:center!important}
    /********************** Popup CSS ****************************/
    .addcartalert {
        font-size: 13px;
        margin: 0 auto;
        font-weight: bold;
        text-align: center !important;
        width: 90%;
        max-width: 300px
    }
.alertbutton {float:none; background-color: #226CBA !important;
border-radius: 0;
text-shadow: none !important;
font-size: 14px;
font-weight: bold;
line-height: 30px;
min-width: 110px;
text-transform: uppercase;
margin:10px auto 0px; color:#fff; height:30px; padding: 0 10px; display:block; border-radius:0px}
.alertbutton:hover, .alertbutton:focus {color:#fff}


div.popup_wrapper_loader {opacity:1!important; transition:all 0.0s ease 0s!important; visibility:visible!important; }


div.popup_wrapper_loader div.popup_content {background:transparent; width:50px!important; height:50px!important; display:block; visibility:visible!important; position:relative;}
div.popup_wrapper_loader div.popup_content::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 6px solid #f0f0f0;
    border-top-color: transparent;
    border-radius: 50%;
    background: transparent;
    animation: is-loading 650ms linear infinite;
    top:0;
}
div.popup_wrapper_visible.popup_wrapper_loader div.popup_content {background:transparent!important}
div.popup_wrapper_visible.popup_wrapper_loader div.popup_content > div {display:none!important}
div.popup_wrapper_loader div.popup_content iframe {display:none}
div.dcpopup.popup_content {background:none!important; border:0!important; padding:0!important; box-shadow: 0 0 0 rgba(0, 0, 0, 0)!important}
.popup_content a.btn_close,
.popup_content a.btn_close_fp,
.popup_content a.btn_close_sh{ cursor:pointer; position:absolute; right:15px; top:15px; background: url("//media.mercola.com/assets/images/shop/x-icon.svg") no-repeat 0 0;width:30px; height:30px;text-indent:-99999px; opacity:1; padding:0; background-size:contain}
.popup_content a.btn_close_nl { position:absolute; right:5px; top:5px; background: url("//media.mercola.com/assets/images/shop/x-icon.svg") no-repeat 0 0;width:20px; height:20px;text-indent:-99999px; opacity:1; padding:0; background-size:contain}
div.popup_wrapper_loader div.popup_content a.btn_close,
div.popup_wrapper_loader div.popup_content a.btn_close_nl,
div.popup_wrapper_loader div.popup_content a.btn_close_fp,
div.popup_wrapper_loader div.popup_content a.btn_close_sh,
div.popup_wrapper_loader div.popup_content a.btn_close_pdp {
    display: none
}

.popup_visible div.popup_wrapper_visible div.popup_content {position: absolute;
    display: none;
    -webkit-overflow-scrolling: touch !important;
    top: 0!important;
    left: 0;
    height: auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #fff; border:1px solid #f3f3f3; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:25px; left:0!Important;transition:all 0.0s ease 0s!important }

.forgotpassword.popup_content {padding:2% 4%}
#newsLetterSubscriptionModal span.newslettermsg {display:block; width:100%; margin:10px 0; padding:15px 0; color:#000!important; text-align:center; font-weight:bold!important; font-size:14px}
#newsLetterSubscriptionModal .newslettererromsg {max-width:400px; background:#e4effb!important}
#newsLetterSubscriptionModal .modal-content.newslettererromsg {max-width:unset;}
#newsLetterSubscriptionModal div.newslettersuccessmsg {margin-top:20px}

#newsLetterSubscriptionModal h1 {
    font-size: 28px;
    font-weight: var(--default-font-weight-bold);
    text-align: center
}

    #newsLetterSubscriptionModal h1 + p {
        text-align: center;
        font-size: 16px;
        color: #3d3d3d;
        font-weight: var(--default-font-weight-bold);
    }
#newsLetterSubscriptionModal div.newslettersuccessmsg div.existingsubscriber {margin-top:-20px}
    #newsLetterSubscriptionModal div.newslettersuccessmsg div.existingsubscriber h1 {display:flex; flex-direction:column; font-size:34px}
    #newsLetterSubscriptionModal div.newslettersuccessmsg div.existingsubscriber h1 span.fa {color:#1e578e; font-size:40px}

    #newsLetterSubscriptionModal div.newslettersuccessmsg div.existingsubscriber p {color:#3d3d3d; font-size:14px; text-align:center; padding-top:10px}
    #newsLetterSubscriptionModal div.newslettersuccessmsg div.existingsubscriber p a {color:#1e578e}

    #newsLetterSubscriptionModal div.newslettersuccessmsg div.verifystep {
        margin-top: 20px;
        display: flex;
    }

        #newsLetterSubscriptionModal div.newslettersuccessmsg div.verifystep h2 {
            color: #226cab;
            font-size: 28px;
            font-weight: var(--default-font-weight-bold);
            width: 115px;
            line-height: 28px;
        }

        #newsLetterSubscriptionModal div.newslettersuccessmsg div.verifystep p {
            width: calc(100% - 115px)
        }
/************************ Fancy Drop Down *************************/
.selectdropdown {
    float: left
}

#newsLetterSubscriptionModal div.newslettersuccessmsg div.newsletterhints {
    margin: 20px auto;
    background: #fff;
    padding: 20px;
    font-size: 12px;
    border: 1px solid #3d3d3d;
    width: 100%;
    max-width: 500px;
}

    #newsLetterSubscriptionModal div.newslettersuccessmsg div.newsletterhints h3 {
        font-weight: var(--default-font-weight-bold); color:#000;
    }

#newsLetterSubscriptionModal div.newslettersuccessmsg a.btn_close_nl {
    position: static;
    background: #226cab;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    display: flex;
    justify-content: center;
    text-indent: 0;
    height: auto;
    width: 70px;
    align-content: stretch;
    margin: 0 auto;
    cursor: pointer;
}

#newslettersuccessmsg {
    margin-top: 20px;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #ebebeb;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 26px;
    line-height: 24px;
    outline: none;
    padding-left: 3px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 90%; }
  .nice-select:hover {
    border-color: #d0dae5; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #88bfff; }
  .nice-select:after {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #e7ecf2;
    color: #90a1b5;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cdd5de; }

    .nice-select .list {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow-y: auto;
    overflow-x: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 21px;
    font-size:13px;
    left: 0;
    max-height:153px;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; width:100% }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 22px;
    list-style: none;
    outline: none;
    padding:0 3px !important;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; width:100%!important }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f7f9; }
    .nice-select .option.selected {
      font-weight: normal; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #90a1b5;
      cursor: default; }

    .nice-select span.current {display:block; overflow:hidden; margin-right:28px}

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

.no-csspointerevents .nice-select.open .list {
  display: block; }


/************************ Fancy Drop Down ends ***************************/

@media (max-width:820px) {

span.premierClass {background: url("//media.mercolamarket.com/assets/loyality/premierplusv4.png") no-repeat scroll 0 0 transparent; display: block;  height: 33px; overflow: hidden; width: 103px;background-size:contain}
span.PreferredClass {background: url("//media.mercolamarket.com/assets/loyality/preferredv4.png") no-repeat scroll 0 0 transparent; display: block;  height: 33px; overflow: hidden; width: 103px;background-size:contain}
span.RetailClass {background: url("//media.mercolamarket.com/assets/loyality/mymercolav4.png") no-repeat scroll 0 0 transparent; display: block; height: 33px; overflow: hidden; width: 103px;background-size:contain}
span.PlatinumClass {background: url("//media.mercolamarket.com/assets/loyality/platinumv4.png") no-repeat scroll 0 0 transparent; display: block;  height: 33px; overflow: hidden; width: 103px;background-size:contain}
.footer-icons{margin-bottom:0px!important;}
a.nav_myaccount label.couponamount{background-color: #ebebeb;
    color: #464646;
    border:1px solid #000}
    .sel-box {display:none}
    .col-sm-3.logo-mobile {float:left; width:135px; margin-top:2px; height:30px;}
    div.headertop div.logo-mobile {display:none}
    div.headertop div.catalogsearch div.mobile#trigger-search {display:none}
    .container.mobileheader {padding:0;  height:50px}
    div.headerinfo .customertype {display:none}
    div.catalogsearch {margin-top:0}
    div#breadcrumbnav {display:none}
    /*.mobileheader #header {background: url("/Templates/Mercola/images/background_repeatx.png") repeat-x 0 -42px;
        position:fixed; width:100%; height:51px; z-index:99999; padding:0; margin:0
    }*/
    .logo-mobile {position:absolute; left:calc(50% - 86px); top:10px}
    a.logo, span.logo{display: block; margin:0px 0 5px; overflow: hidden; width: auto; padding:0 0 8px 0}
    div.tollfree, div.header-content-block, #catalogmobilenav, div.changelang, div.myaccountnav {display:none}

    .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;}
    .myacccrtlinks .cartitem svg {
        left: 0px;
        position: relative;
        width: 30px;
        top: -9px;
    }

    ul.cartnav li div.algsearchlist {box-shadow:0 0px 0px #FFF; height:auto; max-height:calc(100vh - 67px)}
}
@media (min-width:821px) {
    div.mobileheader {background:#fff; z-index:15!important; width:100%}
    .headertop {margin:15px auto}
    
    #header .col-sm-3.logo-mobile {display:none}
    #header .checkouttop.loginheaders {display:none}
    #header a.backbtn, #header div.chkoutprocess, #header ul.checkout-steps {display:none}
    #header {margin:0; background:#ececec; padding:5px 0}
    #header .catalogsearch {display:none}
    .mm-menu.mm-offcanvas {display:none}
    
    .myaccountlinks .myacccrtlinks {float:right; clear:right; padding-top:2px}
    .myaccountlinks div.securedchat {float:right; height:auto; padding:0 3px 0 4px; border:0; display:block}
    .myaccountlinks div.securedchat a { background: url("/Templates/Mercola/images/icons.png") no-repeat -280px -161px; cursor: pointer; display: block; float: left; margin:0; overflow: hidden; padding: 0px 0px 0px 23px; margin:3px 0}
    div.myaccountnav a label.wishlistcount {
        left: -8px;
        top: -2px
    }
    div.myaccountnav a label.wishlistcount {
        position: relative;
        line-height: 20px;
        left: 0
    }
    .myaccountnav a label.couponamount {margin-left:1px; right:0; top:0}
    div.footer .mailinglist h3 {padding: 0 0 7px; display:block; }
    div#trigger-search {display:none}

    div.myaccnavlnks {width:100px}
    ul.cartlinks li {margin:0}
    ul.cartlinks li.cartitem {margin:0 0 0 1px}
    ul.cartlinks li.myaccount {display:block; border:0; margin:0}
    ul.cartlinks li.myaccount a {border:0; padding:0}

    div.tollfree span.teldsk {display:flex;}
    div.tollfree span.telmob {display:none}

    /******************** Pop Up *************************/

    #fadeandscale {width:80%}
    
    /* Footer */

    
}

@media (min-width:821px) {
    a.togglemenu {display:none}
    ul.cartnav{float:left; clear:none; width:85%; display:block!Important }
    ul.cartnav li#autocompletecontainer {width: 77%;}
}


@media (min-width:821px) and (max-width:1000px) {
    .col-sm-3.logo-mobile {max-width:217px; margin-top:7px}
    .logo-mobile div.tollfree  {display:block; font-size:16px; line-height:normal; margin:3px 0 0; text-align:center}
    div.tollfree span {display:inline-block; height:23px}
    .logo-mobile div.tollfree span.glyphicon {top:4px}
    div.headerinfo {float:right; width:100%}
    .headerinfo div.tollfree {display:none}
    .headerinfo div.tollfree span.glyphicon {position:relative; top:4px}
    div.headerinfo div.customertype {width:140px; text-align:center; margin:11px 0 0 15px; padding-left:0; padding-right:0;}
    div.headerinfo .customertype span {max-width:120px!important;}
    div.headerinfo div.catalogsearch {width:calc(100% - 200px)}

}
  
@media (min-width:901px) {
    ul.cartnav{float:right; clear:right; width:100%}
    ul.cartnav li#autocompletecontainer {width: 69%;}
    a.nav_myaccount label.couponamount {right:3px; top:-8px; margin:0 -3px 0 0}
    .myaccountlinks .myacccrtlinks {clear:none; padding-top:0}
    ul.cartlinks li.myaccount {margin-right:5px}
    ul.cartlinks li.myaccount a {padding:0 5px; border-right:1px solid #ccc}
    .myaccountnav a label.couponamount {right:4px; top:-8px}
   
    div.myaccnavlnks {width:400px!Important}
    div.footer .mailinglist h3 {padding: 7px 0px; display:inline-block; }
    .myaccountlinks {width:71%}
    div.myaccnavlnks {width:auto}
    .col-sm-3.logo-mobile {max-width:328px; margin-top:12px}
    div.changelang {width:100%}
    div.checkouttop div.changelang {width:auto}

    .myaccountlinks div.securedchat a {border-right:1px solid #ccc; margin:0; padding-right:3px}

    /******************** Pop Up *************************/

    #fadeandscale {width:60%}
    
}


   
@media (min-width:1280px) {
    .myaccountlinks {width:79%}
    ul.cartnav li#autocompletecontainer {width: 100%;}
    ul.cartnav {width:100%}

    /******************** Pop Up *************************/

    #fadeandscale {width:50%}
    div.shoppinglist ul.sclist li.prodimage div.fstitle h2 {background:#A32C3E; padding:5px 4px; float:left; color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:2px; line-height:20px; width:calc(100% - 16px); text-align:center}
    div.fstitle span.triangle { border-bottom: 30px solid transparent;}
}

@media (max-width:1280px) {
    ul.cartnav li div.algsearchlist {height:470px}
    ul.cartnav li div.algsearchlist div#hits ol.ais-Hits-list li.ais-Hits-item {width:50%}
}

@media (max-width:1000px) {
    .header-content-block {text-align:center}
    .header-content-block + .col-lg-6 {width:100%}
    .myaccountnav {float:left}
}

@media (min-width:1001px) {
    .header-content-block {width:50%; display:inline-block; float:left}
    .header-content-block + .col-lg-6 {width:50%; float:right}
}

@media (max-width:820px) {
    ul.cartnav {border:0; padding:10px 0 5px; width:calc(100% - 14px); z-index:100}
    ul.cartlinks li {padding:0; background:none;display: block;
    margin-top: 12px;
    position: relative;
    right: 50px;}
    div#header div.myacccrtlinks ul.cartlinks li span.cartitem_linecount {
        left: -8px;
        top: 5px
    }
    /*ul.cartlinks li a#open_btn {background:url("/Templates/Mercola/images/carticon.png") no-repeat scroll 0 0 / 100%; cursor: pointer; display: block; float: left; height: 24px; margin-right: 0px; overflow: hidden; padding: 0; text-indent: -99999px; width: 28px;}*/
    ul.cartnav li#autocompletecontainer {width:100%}
    ul.cartnav li div.algsearchlist {height:auto; display:none!important;}
    div.modalsearchframe ul.cartnav li div.algsearchlist {height:auto; display:block!important;}
    ul.cartnav li div.algsearchlist div.search-results-container {flex-direction:column}
    ul.cartnav li div.algsearchlist div.search-results-container div.suggestions-panel,
    ul.cartnav li div.algsearchlist div.search-results-container div.products-panel {width:100%; background:#fff;}
    ul.cartnav li div.algsearchlist div.search-results-container div.suggestions-panel div.suggestion-item a {border-bottom:1px solid #f0f0f0}
    div.modalsearchframe.show {z-index:99999}
}



@media (max-width:768px) {
    
    
    
    .footer-icons ul li.bbb a#bbblink {width:86px!important; height:35px!important;}

    div#australianFlagPopup_wrapper {z-index:1000011!important}
    .footer-icons ul li.geotrust iframe {max-height:45px}

    #myTab-accordion {margin-top:10px}
    .panel {background:none}
    .panel-title {font-size:14px}
    .panel-default > .panel-heading {background:none; padding:0}
    .panel-default {border:0}
    .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {border:0}
    .panel-title a {
        background: #49525a;
    display: block;
    border-radius: 0px;
    padding: 10px;
    color: #ffffff;
    text-align: left;
    }
    .panel-title a.collapsed {background:#49525a;color:#fff}
    .panel-title a span.glyphicon {padding-right: 5px;
    float: right;}
    .panel-title a.collapsed span.glyphicon-triangle-right:before {content:"\e250"}
    .panel-title a span.glyphicon-triangle-right:before {content:"\e252"}
    .panel-body {padding:10px 0}
    .footerlinks div.panel-body ul {clear:both; overflow:hidden; text-align:center}
    .footerlinks div.panel-body ul li {padding:0 5px; border-left:1px solid #fff; text-align:center; display:inline-block; margin-bottom:10px}
    .footerlinks div.panel-body ul li:first-child {border:0}

    div.footer-containerblk > div.container {padding: 25px 0}
    .footerlinks ul.tabs-nav li {margin:0 5px;}
    .footerlinks ul.tabs-nav li a {padding:10px 15px}

}

    @media (max-width:600px) 
    {
        .footer-icons ul li.bbb a#bbblink {width:70px!important; height:28px!important;}
        .footer-containerblk .footer-sitemap {display:none}
        .footer-icons ul li.geotrust {width:13%}
        .footer-icons ul li.geotrust iframe {max-height:35px}

    } 
    
    @media (max-width:480px) {
        ul.cartnav li#autocompletecontainer {width:74%}
        .footer-icons ul li.bbb a#bbblink {width:54px!important; height:23px!important;}
        div.footer .mailinglist h3 {font-size:12px}
        div.footer .mailinglist input.emailaddress {width:160px}
        .footer-icons ul li.geotrust {width:14%}
        .footer-icons ul li.geotrust iframe {max-height:28px}
        div#fadeandscale.newslettersuccesscontent {padding:14px}
        div#fadeandscale.newslettersuccesscontent div.verifystep {flex-wrap:wrap}
        div#fadeandscale.newslettersuccesscontent div.verifystep h2 {width:100%}
        div#fadeandscale.newslettersuccesscontent div.verifystep p {width:100%}
    }  
          
    @media (max-width:400px) {
        ul.cartnav li#autocompletecontainer {width:71%}
    } 
    
    @media (max-width:360px) 
    {
        a.logo, span.logo {max-width:117px;}
    }



div.cscpopup {clear:both; overflow:hidden; padding:20px; line-height:17px}

div.cscpopup h1 {color:#337EBB; font-weight:normal; font-size:18px; padding-bottom:20px}

div.cscpopup h2{color: #337ebb;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;}

div.cscpopup div.csccard {padding-bottom:20px}

div.cscpopup .close {background: url("/Templates/Mercola/images/spritebuttons.png") repeat scroll -80px -30px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 31px;
    margin: 6px 0 -6px;
    overflow: hidden;
    text-indent: -9999px;
    width: 78px; float:left; opacity:1}

@keyframes is-loading {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


div.blockUI.blockMsg.blockPage {
  display: flex;
  position: fixed;
  z-index: 100000;
  top: 0 !important;
  left: 0 !important;
  align-items: center;
  right: 0 !important;
  bottom: 0 !important;
  border: 0 !important;
  flex-flow: row nowrap;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7)!important;
  width:100%!important;
  border-radius:0!important;
  opacity:1;
}

div.blockUI.blockMsg.blockPage h1 {
  position: relative;
  width: 50px !important;
  height: 50px !important;
  background: transparent !important;
  background-size: contain !important;
}

div.blockUI.blockMsg.blockPage h1::after {
    content: "";
    height: 50px;
    width: 50px;
    display: block;
    border-radius: 50%;
    position: absolute;
    background: transparent;
    border: 6px solid #f0f0f0;
    border-top-color: transparent;
    animation: is-loading 650ms linear infinite;
    -webkit-animation: is-loading 650ms linear infinite;
}

div.blockUI.blockOverlay {
  background: none !important;
  z-index: 1000000 !important;
}

/*********************** Error Page **************************/

div.errorpage {clear:both; overflow:hidden; line-height:18px; background:#fff}

div.contentdiv {clear:both; overflow:hidden; padding-top:20px; background:#fff; line-height:18px; font-size:13px}


div.errorpage p,
div.errorpage div#sitemap-wrapper div.sitemap-category p {padding:2px 0; margin-bottom:15px}

div.errorpage div.contentdiv p {padding:2px 0}

div.container div#catalog_content div.errorpage_404 p {padding:10px 0}

div.errorpage div#sitemap-wrapper div.sitemap-category p {margin:0 0 5px 5px !important; padding-top:15px}

div.sitemap-category p.category, div.sitemap-category p.subcategory {padding-left:10px!important}

div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel {margin:0}

div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li.maincetegory {width:100%; min-height:inherit}

div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li.maincetegory a {font-size:13px; display:inline; padding:0; margin:0; line-height:normal}
div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li.maincetegory a:hover {text-decoration:underline}

div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li.maincetegory h2.category a {font-weight:bold; color:#000}
div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li.maincetegory h3.category {padding-bottom:5px}
div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li.maincetegory h3.category a {font-weight:normal!important; color:#666; font-style:italic}

div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li ul.catalogsublevel1 {padding:10px 5px 2px 11px !important; border-bottom:1px solid #ebebeb}

div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li ul.catalogsublevel2 {clear:both; overflow:hidden; margin-bottom:15px}

div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li ul.catalogsublevel2 li {float:left; list-style:disc; margin-left:5%; padding:0 0 5px 10px; width:45%}

div.errorpage div.sitemap h1,
div.contentdiv h1 {color:#af1a30; font-size:24px; font-weight:var(--default-font-weight-bold); line-height:32px; margin-bottom:15px}
div.contentdiv h1 {margin:15px 0 10px}
div.contentdiv h2 {color:#337EBB; font-size:20px; font-weight:var(--default-font-weight-bold); line-height:24px; margin:0; padding:10px 0 5px 0; width:auto}
div.contentdiv a{color: #2369b4;}
div.contentdiv a:hover {text-decoration:underline}

.lined {border-bottom:1px solid #EBEBEB}

div.contentdiv p {padding:10px 0}
div.contentdiv p span {line-height:normal}

div#sitemap-wrapper div.sitemap-category {clear:both; overflow:hidden}

div#sitemap-wrapper div.sitemap-category ul {float:left; width:33%!important}

div.contentdiv ul li {list-style:disc; margin:0 0 0 30px!Important; padding-left:10px; padding-bottom:10px}

div#sitemap-wrapper div.sitemap-category ul li {padding:5px !important;}

.top-faq-box {background:#F1F1F1; border: 10px solid #F1F1F1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 20px auto; width: 80%;}

div.contentdiv .top-faq-box p {padding:0}

.top-faq-box-inner {border:1px solid #EBEBEB; min-height:150px; padding:20px;}

.top-faq-box table {margin:0 auto!important}

/*Credit Card icons*/
img#imgcard, .ccoptionsicon img, img#editccimage{width: 55px; height: 38px; border: 1px solid #ccc; border-radius: 4px;}
div.addnewcreditcard ul.addnewcard li.cardnumber span.ccoptionsicon,div.addnewcc.popup_content ul li.ccoptionsicon {height: 3.5em; width: 20em; display:flex; justify-content:space-between;}

 @media (min-width:769px) {
      div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li ul.catalogsublevel2 li {margin-left:3%; width:30%}
    } 
 
 @media (min-width:901px) {
      div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li ul.catalogsublevel2 li {margin-left:2%; width:23%}
    } 

 
  @media (min-width:1280px) {
      div.container div#catalog_content div.errorpage_404 ul.catalogmainlevel li ul.catalogsublevel2 li {margin-left:1.5%; width:18.5%}
    }       
  
.fda-disclaimer { border: solid 3px #fff; text-align: center; background: #fff; color: #000; clear: both; max-width: 565px; margin: 12px auto; padding: 0px; }
.fda-disclaimer p { border: solid 3px #000; padding: 0; text-align: center; padding: 8px; margin: 0px; line-height: 1.2em; } 
.copy { padding-bottom: 0px !important; }
.adiscovermorepage { font-size: 22px; font-family: open sans, sans-serif; font-weight: normal; padding: 18px 0 0 0; color:#2369b4 }
.adiscovermorepage strong { font-weight: normal; } 
.longdefinitionlink { color: #2369b4; text-decoration: underline; }
.centered {text-align:center;}

div.footerlinks {
    text-align: center; 
}

    div.footerlinks input {
        display: none;
    }

        div.footerlinks input + label {
            display: inline-block;
            margin: 0 10px;
            background: #5a91c3;
            border-radius: 15px;
            transition: 1s;
            -webkit-transition: 1s;
        }

        div.footerlinks input ~ div.tabscontent .tab-pane {
            display: none
        }



    div.footerlinks #tab1:checked ~ div.tabscontent .tab-pane.content1,
    div.footerlinks #tab2:checked ~ div.tabscontent .tab-pane.content2,
    div.footerlinks #tab3:checked ~ div.tabscontent .tab-pane.content3,
    div.footerlinks #tab4:checked ~ div.tabscontent .tab-pane.content4,
    div.footerlinks #tab5:checked ~ div.tabscontent .tab-pane.content5 {
        display: block;
    }

    div.footerlinks input + label {
        padding: 4px 12px;
        position: relative;
        top: 1px;
        cursor: pointer;
        margin: 0 10px;
        background: #5a91c3;
        border-radius: 15px;
        transition: 1s;
        -webkit-transition: 1s;
        padding: 10px 25px;
    }

        div.footerlinks input + label span {
            padding-right: 5px;
        }

        div.footerlinks input + label:hover,
        div.footerlinks input:checked + label {
            color: #2369b4;
            background: #b4dcff;
        }
            div.footerlinks input:checked + label span.glyphicon-triangle-right:before {
                content: "\e252";
            }

    div.footerlinks input ~ .tab-pane {
        border-top: 1px solid #999;
        padding: 12px;
    }

div.tabscontent .tab-pane.content2 div.site-disclaimer {
    text-align: justify
}

@media (max-width:525px) {
    div.footerlinks input + label {
        margin: 0px 3px;
        border-radius: 5px;
        padding: 5px 10px;
    }
}
@media (max-width:400px) {
    div.footerlinks input + label {
        margin: 0px;
        border-radius: 5px;
        padding: 5px 7px;
        letter-spacing: -.5px;
        font-size: 12px;
    }
}

.pcafooter {
    display: none !important;
}

.no-click {
    pointer-events:none;
}

/*Affiliate Product Message Popup*/
div#affilitaedinfo.popup_content{width:425px; height:387px; border:0px; background:url("/Templates/Mercola/images/popup-bg.jpg") no-repeat 0 0; padding:25px 40px; text-align:center!important;}
div#affilitaedinfo.popup_content .affilitaedmessage h2{color:#325F82; font-size:40px; font-weight:700; margin:15px 0;text-align:center;}
div#affilitaedinfo.popup_content .affilitaedmessage p{font-size:18px; color:#000; font-weight:400; margin-bottom:25px;}
div#affilitaedinfo.popup_content .affilitaedmessage p.info{font-size:11px; color:#000; font-weight:400; margin-bottom:10px;}
div#affilitaedinfo.popup_content .affilitaedmessage .btn-continue{background:#335F83; border-radius:50px; color:#fff; text-decoration:none; display:inline-block; font-size:18px; font-weight:600; padding:10px 30px; margin:0 auto 25px;}
div#affilitaedinfo.popup_content .affilitaedmessage a{color:#000; text-decoration:underline; font-size:12px; font-weight:500; cursor:pointer;}


@media only screen and (max-width:500px) {
    .popup_visible div.popup_wrapper_visible div.popup_content{width:90%!important; padding:25px!important;}
    div#affilitaedinfo.popup_content .affilitaedmessage h2{font-size:35px!important;}
    div#affilitaedinfo.popup_content .affilitaedmessage p{font-size:16px!important;}
    div#affilitaedinfo.popup_content .affilitaedmessage p.info{font-size:11px!important;}
    div#affilitaedinfo.popup_content .affilitaedmessage .btn-continue{font-size:16px!important;}
}


button.osano-cm-widget--position_right {
    margin-bottom: 5px; right:27px
}

button.osano-cm-widget--position_right.withgdpr {  margin-bottom: 60px  }

@media only screen and (max-width:1150px) {
    a#whoson_chat_link{right:3px;}
    button.osano-cm-widget--position_right {
        right: 20px
    }

        button.osano-cm-widget--position_right.withgdpr {
            margin-bottom: 105px
        }
}


.osano-cm-info-dialog-header__close, .osano-cm-dialog__close.osano-cm-close {
    background: #007095;
}
button.osano-cm-info-dialog-header__close.osano-cm-close:hover, button.osano-cm-info-dialog-header__close.osano-cm-close:focus, button.osano-cm-info-dialog-header__close.osano-cm-close:focus:not(:focus-visible), button.osano-cm-close:hover, button.osano-cm-close:focus {
    background: #007095;
    color: #fff;
}

.osano-cm-close:focus-visible {
    background-color: #007095 !important;
    stroke: #180d43 !important;
}

.osano-cm-button--type_manage:focus-visible, .osano-cm-button--type_manage:hover, .osano-cm-button--type_manage:focus {
    background-color: #007095 !important
}



/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/1.3.newcore.css' (Mode: Static) */
/************************* Header CSS ***************************/
#header {
    margin: 0;
    background: #2d353c;
    padding: 8px 0
}

div.headerasorder {
    text-align: center;
    font-size: 16px;
    padding: 5px;
}

div.headertopcontent {
    display: flex;
    justify-content: space-between;
    padding:0;
}

    div.headertopcontent div.headercontact {
        display: flex;
        flex-wrap: wrap;
        width: 25%;
        flex: 0 0 content;
    }

        div.headertopcontent div.headercontact div.tollfree {
            margin-top: 0;
            color: #ccc;
            font-size: 14px;
            line-height: 32px;
            font-weight: normal;
        }

            div.headertopcontent div.headercontact div.tollfree span {
                padding: 0;
                background: none;
            }

                div.headertopcontent div.headercontact div.tollfree span:before {
                    font-family: FontAwesome;
                    content: "\f095";
                    font-size: 15px;
                    padding-right: 5px;
                }

                div.headertopcontent div.headercontact div.tollfree span span:before {
                    display: none
                }

        div.headertopcontent div.headercontact div.conthelp {
            line-height: 32px;
            padding-left: 10px;
            text-transform: uppercase;
        }

            div.headertopcontent div.headercontact div.conthelp a.store_locator {
                color: #ccc;
                font-size: 14px;
            }

    div.headertopcontent div.header-content-block {
        width: 50%;
        text-align: center;
        flex: 0 0 content;
    }

        div.headertopcontent div.header-content-block span {
            color: #fff;
            font-size: 14px;
            line-height: 1.5em;
        }

    div.headertopcontent div.header-login {
        width: 25%;
        display: flex;
        flex-direction: row-reverse;
        flex: 0 0 content;
    }

.myaccountnav a {
    color: #fff;
    margin-right: 10px;
    font-size: 14px;
    font-weight: var(--default-font-weight-semi-bold);
    line-height: 32px;
}

.sel-box {
    background: none;
    padding: 0;
    z-index: 10000;
}

    .sel-box a {
        font-size: 14px;
        color: #fff;
        line-height: 32px;
        font-weight: var(--default-font-weight-bold);
    }

        .sel-box a svg {
            float: left;
            font-size: 16px;
            width: 15px;
            margin: 8px 5px 0 0;
            height: 16px;
        }

        .sel-box a span.bi {
            margin: 0px 5px 0 4px;
            color: #fff;
            font-size: 12px;
        }

.toc-odd, .toc-odd li {
    border: 0;
    padding: 0;
    right: -7px
}

    .toc-odd li a {
        line-height: normal;
        background: #2d353c;
        padding: 10px 28px;
        border-top: 1px solid #172026;
        font-size: 14px;
    }

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

    div.headertop.container div.row:before,
    div.headertop.container div.row:after {
        display: none;
    }

    div.headertop.container div.row div.logo-mobile {
        width: auto;
        margin: 0;
    }

        div.headertop.container div.row div.logo-mobile a.logo {
            width: 100%;
            max-width: 220px;
        }

    div.headertop.container div.row div.catalogsearch_dsk {
        margin: 0; width:52%;
    }

    div.headertop.container div.row div.headerright {
        width:auto
    }


ul.cartnav {
    margin-top: 0;
    float: none;
    width: 100%;
    /*max-width: 510px;*/
    max-width: 770px;
    margin: 0 auto;
}

div.catalogsearch div#autocompletecontainer input.form-control,
div.catalogsearch div#autocompletecontainermob input.form-control {
    padding: 6px 14px;
    border: 1px solid #bbb;
    background: #fff;
    height: 50px;
    font-size: 14px;
    border-radius: 4px 0 0 4px !important;
    box-shadow: 0 0 0 0 #fff !important;
}

    div.catalogsearch div#autocompletecontainer input.form-control:focus,
    div.catalogsearch div#autocompletecontainermob input.form-control:focus {
        outline: 0;
        outline: none
    }

div.catalogsearch div.input-group-btn button {
    /*background: #F9F9F9;*/
    background: #226CAB;
    margin: 0 !important;
    color: #fff;
    font-size: 20px !important;
    position: absolute;
    z-index: 999;
    height: 50px;
    width: 57px;
    border-radius: 0 5px 5px 0 !important;
}

    div.catalogsearch div.input-group-btn button fa-search {
        background: transparent;
    }

        div.catalogsearch div.input-group-btn button fa-search::before {
            color: #fff;
            background: transparent;
        }

    div.catalogsearch div.input-group-btn button#clearSearch {
        background-color: transparent;
        margin: 0 !important;
        color: #aaa;
        font-size: 18px !important;
        position: absolute;
        z-index: 999;
        height: 43px;
        width: 57px;
        right: 48px;
        border-radius: 0 !important;
        z-index: 10;
        margin: 3px !important;
        border-width: 0;
        max-height: 100%;
        display: none;
    }

@media (min-width: 500px) {
    div.catalogsearch div.input-group-btn button#clearSearch {
        font-size: 20px !important;
    }
}

div.catalogsearch div.input-group-btn button fa-search {
    background: transparent;
}

    div.catalogsearch div.input-group-btn button fa-search::before {
        color: #fff;
        background: transparent;
    }

div.headerinfo {
    display: flex;
    flex-direction: row-reverse
}



    div.headerinfo > div {
        margin: 0 !important;
        width: auto;
    }

    div.headerinfo div.myacccrtlinks {
        margin-right: 20px !important;
    }

ul.cartlinks li a#open_btn {
    text-align: center;
    text-indent: 0;
    color: #000;
    text-transform: uppercase;
}

div.headerinfo .customertype {
    display: flex;
    align-items: center;
    position: relative;
    padding: 2px 10px;
}

    div.headerinfo .customertype div.navmyaccount {
        display: none;
    }

    div.headerinfo .customertype span {
        float: left;
        clear: both;
        white-space: nowrap;
        overflow: hidden;
        max-width: 150px;
        text-overflow: ellipsis;
        display: block
    }

        div.headerinfo .customertype span.fa {
            padding-left: 5px;
        }

            div.headerinfo .customertype span.fa.fa-caret-down:before {
                content: "\f0d7"
            }

    div.headerinfo .customertype .navmyaccount {
        display: none
    }

    div.headerinfo .customertype div.myaccflyout {
        position: absolute;
        right: 0;
        top: 60px;
        z-index: 1000000;
        display: none;
    }

    /*div.headerinfo .customertype:hover div.myaccflyout {
        display: block
    }*/
    div.headerinfo .customertype.guestcustomer:hover div.myaccflyout {
        display: none
    }

    div.headerinfo .customertype div.myaccflyout .myaccountnav {
        margin: 0;
        background: #fff;
        -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
        width: 200px;
        border: 1px solid #d8d8d8;
    }

        div.headerinfo .customertype div.myaccflyout .myaccountnav a {
            color: #2d353c;
            margin: 0;
            float: none;
            text-align: left;
            text-transform: none;
            font-size: 16px;
            padding: 12px 15px;
            font-weight: var(--default-font-weight-semi-bold);
            line-height: 22px;
        }

            div.headerinfo .customertype div.myaccflyout .myaccountnav a.logout {
                background: #f5f5f5;
                text-align: center;
                margin-top: 10px;
            }

            div.headerinfo .customertype div.myaccflyout .myaccountnav a label.wishlistcount {
                float: none;
                top: 0;
                margin-left: 5px;
            }

    div.headerinfo .customertype div.myaccflyout .myaccountnav {
        margin: 0;
        background: #fff;
        -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
        width: 200px; /*edit this as well to make dropdown slighly bigger*/
        border: 1px solid #d8d8d8;
    }

        div.headerinfo .customertype div.myaccflyout .myaccountnav div.customerclass {
            display: none;
        }

            div.headerinfo .customertype div.myaccflyout .myaccountnav div.customerclass span.welcome {
                float: none;
            }

        div.headerinfo .customertype div.myaccflyout .myaccountnav ul.myacclinks {
            clear: both;
            padding-top: 10px;
        }

        div.headerinfo .customertype div.myaccflyout .myaccountnav li:hover {
            background: #f5f5f5;
        }

div.headerinfo ul.cartlinks li span.cartitem_linecount {
    background-color: #C81B31;
    font-weight: var(--default-font-weight-semi-bold);
    border-radius: 20px;
    color: #ffffff;
    font-size: 12px;
    margin: 0;
    padding: 0 2px;
    float: right;
    position: absolute;
    border: 1px solid #fff;
    min-width: 22px;
    min-height: 22px;
    text-align: center;
    right: -5px;
    top: 0px;
    line-height: 1.7;
}

.customertype.regcustomer:hover {
    background: #F5F5F5;
}

div.catalogsearch_mob {
    display: none
}

div.search-frame {display:flex; flex-direction:row-reverse}
div.search-frame div.closesearch {width: 52px; height: 52px; font-size: 22px; display: flex; align-items: center; justify-content: center; margin-top: 8px; color:#226cab}
div.search-frame div.catalogsearch {width:calc(100% - 52px)}
div.search-frame div.catalogsearch ul.cartnav li div.algsearchlist {width:calc(100% + 52px)}
div.search-frame.active {display:flex}

div.modalsearchframe div.modal-dialog {width:100%; max-width:inherit; margin:0;}
div.modalsearchframe div.modal-dialog div.modal-content {padding:10px; height:100vh; border:1px solid #fff;}
    /************************** Footer CSS **********************/
    div.footer .mailinglist {
        background: #0f151b;
        padding: 20px 0;
    }

    div.footer .mailinglist h3 {
        padding: 0 30px 0 0;
        color: #fff;
        font-size: 16px;
        font-weight: normal;
        text-align:left;
    }

        div.footer .mailinglist h3 span {
            font-weight: var(--default-font-weight-light);
        }

    div.footer .mailinglist input.emailaddress {
        height: 40px;
        width: 430px;
        padding: 0 15px;
        margin: 0;
        color: #656565;
        font-size: 14px;
    }

    div.footer .mailinglist .submit {
        background: #226cab;
        border-radius: 0;
        padding: 0 16px;
        color: #fff;
        font-weight: normal;
        line-height: 37px;
        text-indent: 0;
        width: 230px;
        font-size: 16px;
        margin: 0;
        text-transform: uppercase;
        height:40px;
    }

        div.footer .mailinglist .submit span:before {
            font-family: FontAwesome;
            content: "\f0e0";
            font-size: 18px;
            padding-right: 10px;
        }

        div.footer .mailinglist .submit:focus {
            outline: 0;
            outline: none
        }

#newsletter + #newsLetterSubscriptionModal div.modal-content {background:#e4effb;}

#newsletter div.clearfix {
    justify-content: space-between;
    align-items: center;
    display:flex;
    margin:0 10px;
}
#newsletter div.clearfix:before, #newsletter div.clearfix:after {display:none;}

div.footer .mailinglist span.newsltrblk {
    display: flex;
    width: auto;
    justify-content:start;
}

.newsltrblk div.imgloading {
    text-align: left;
    width: 230px
}
.footer-containerblk {
    background: #2d353c;
}

div.footerlinks input + label {
    border-radius: 0;
    background: #49525a
}

    div.footerlinks input + label:hover, div.footerlinks input:checked + label {
        color: #fff;
        background: #5c6873;
    }


div.footerlinks.mobile {
    display: none
}

div.footeroffer {
    height: 100px;
    display: block;
    background: #2d353c;
}

    div.footeroffer a.showoffer {
        padding: 15px 40px;
        background: #172026;
        color: #fff;
        text-transform: uppercase;
        font-weight: var(--default-font-weight-semi-bold);
        font-size: 14px;
        letter-spacing: 2px;
        display: inline-block;
        transform: translate(-50%, 0);
        position: fixed;
        left: 50%;
        bottom: 0px;
        z-index: 9;
        display: block;
        width: 234px;
        text-align: center;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        width: 380px;
    }

        div.footeroffer a.showoffer span.fa {
            padding-left: 5px
        }

div.showfooteroffer {
    position: fixed;
    bottom: 0;
    z-index: 1001;
    cursor: pointer;
    display: none;
}

div.flyoutoverlaybg {
    background-color: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0; /* change value to 0 */
    cursor: pointer;
    display: none;
}

div.mobilenavbg {
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: auto;
    z-index: 10000;
    cursor: pointer;
    left: 0;
    display: none
}

#catalogmobilenav:hover div.mobilenavbg {
    display: block
}

div.showfooteroffer a.hideoffer {
    padding: 15px 40px;
    background: #172026;
    color: #fff;
    text-transform: uppercase;
    font-weight: var(--default-font-weight-semi-bold);
    font-size: 14px;
    letter-spacing: 2px;
    margin: 0 auto -3px;
    width: 234px;
    z-index: 9;
    border-bottom: none;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 380px;
}

    div.showfooteroffer a.hideoffer span.fa {
        padding-left: 5px
    }

div.showfooteroffer div.footeroffercontent {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

div.gdpr-container + div#MERFooter.mobilecontainer div.showfooteroffer div.footeroffercontent {
    bottom: 60px
}

div.gdpr-container.nogdpr + div#MERFooter.mobilecontainer div.showfooteroffer div.footeroffercontent {
    bottom: 0px
}

div.gdpr-container.mobilecontainer {
    bottom: 0;
    position: fixed;
    height: 60px !important;
}

div.gdpr-container + div#MERFooter.mobilecontainer div.footeroffer a.showoffer {
    bottom: 60px
}

div.gdpr-container.nogdpr + div#MERFooter.mobilecontainer div.footeroffer a.showoffer {
    bottom: 0;
}

div.showfooteroffer div.footeroffercontent div.offerbanners {
    width: 100%;
    background: #172026;
    padding: 30px 0;
}

    div.showfooteroffer div.footeroffercontent div.offerbanners ul:first-child {
        display: none;
    }

    div.showfooteroffer div.footeroffercontent div.offerbanners ul {
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        max-width: 1500px;
        width: 100%;
        margin: 0 auto;
    }

        div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel.owl-loaded.owl-drag {
            flex-wrap: wrap;
        }

        div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel {
            width: 100%;
            max-width: auto;
        }

            div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel li.item {
                padding: 0 20px;
            }

            div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel .owl-item {
                padding: 0 12px;
                border: 0
            }

                div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel .owl-item li.item {
                    padding: 0;
                    width: 100%;
                }

            div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel div.owl-nav {
                position: static;
                width: 100%;
                height: 0
            }

                div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel div.owl-nav button.owl-prev,
                div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel div.owl-nav button.owl-next {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    background: none;
                    text-indent: 0;
                    width: 12px;
                }

                div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel div.owl-nav button.owl-prev {
                    left: 0
                }

                div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel div.owl-nav button.owl-next {
                    right: 0
                }

                    div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel div.owl-nav button.owl-prev span,
                    div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel div.owl-nav button.owl-next span {
                        color: #fff;
                        font-size: 30px;
                    }

        div.showfooteroffer div.footeroffercontent div.offerbanners ul li img {
            width: 100%;
            min-width: 350px;
            max-width: 350px;
        }

.mercolamarket-disclaimer-main .pop-up-content-wrap-head {padding:30px 20px!important; max-height:144.22px}
.mercolamarket-disclaimer-main .site-disclaimer {padding:20px 35px!important}

/************************** winning mercola **************************/


div#wmmfadeandscale_background {
    z-index: 1000001 !important
}

div#wmmfadeandscale_wrapper {
    z-index: 1000011 !important
}

.popup_visible div.popup_wrapper_visible div.winningmercolamarket-container.popup_content {
    width: 100%;
    max-width: 700px;
    padding: 0;
    margin: 18px 0 0 0;
    border: 0
}

div#wmmfadeandscale.popup_content a.btn_close {
    text-indent: 0;
    background: none;
    width: auto;
    height: auto;
    color: #000;
    font-weight: var(--default-font-weight-semi-bold);
    background: #fff;
    top: -18px;
    right: 0;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    background: #fdf9f3;
}

div.winnmercolacontent {
    display: flex;
    width: 100%;
    align-items: center;
    background: #fdf9f3;
    margin-bottom: 0px;
    overflow: hidden
}

    div.winnmercolacontent div.mercolaimg {
        padding: 34% 0;
        max-width: 270px;
        width: 40%;
        height: 100%;
        background-color: white;
        background-image: url("https://media.mercola.com/assets/images/shop/docs-pic-popup.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

        div.winnmercolacontent div.mercolaimg img {
            flex: 1
        }

    div.winnmercolacontent div.wmmmercola {
        width: calc(100% - 283px);
        padding: 40px 30px;
        text-align: center;
        background: #fdf9f3;
    }

        div.winnmercolacontent div.wmmmercola > img {
            max-width: 300px;
            width: 100%;
            margin-bottom: 20px
        }

        div.winnmercolacontent div.wmmmercola h1 {
            margin-top: 20px;
            font-weight: var(--default-font-weight-bold);
            font-size: 58px;
            line-height: 1em;
        }

        div.winnmercolacontent div.wmmmercola h2 {
            font-size: 25px !important
        }

        div.winnmercolacontent div.wmmmercola p.acccreatetime {
            font-size: 20px;
            padding: 30px 0
        }

        div.winnmercolacontent div.wmmmercola a.createaccount {
            font-weight: var(--default-font-weight-bold);
            font-size: 22px;
            margin-top: 40px;
            background: #222222;
            padding: 10px 65px;
            color: #fff;
            display: inline-block
        }

            div.winnmercolacontent div.wmmmercola a.createaccount:hover {
                background: #2e2e2e;
            }

        div.winnmercolacontent div.wmmmercola span.couponmail {
            display: block;
            font-size: 12px;
            margin-bottom: 20px;
            color: #555555;
            margin-top: 4px;
        }

        div.winnmercolacontent div.wmmmercola div.agree-button a {
            font-size: 15px;
            color: #222;
            cursor: pointer;
            border-bottom: 1px solid #222;
        }

            div.winnmercolacontent div.wmmmercola div.agree-button a:hover {
                color: #888;
            }

/************************* GDPR container *******************/

div.gdpr-container {
    position: fixed;
    bottom: 0;
    background: #F1F2F2 !important;
    z-index: 99999 !important;
    padding: 7px;
    width: 100%;
    border-radius: 0px;
    margin: 0px;
    display: none;
    align-items: center;
    justify-content: center;
    height: 60px;
}

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3) {
    div.gdpr-container {
        bottom: 0px;
    }
}

.gdpr-container p {
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    color: #3c3c3c;
    line-height: 18px;
}

.gdpr-container > p {
    padding-right: 25px;
    margin: 0;
}

.gdpr-container a {
    color: #008CBA
}

.gdpr-container .close-button p a {
    padding-bottom: 1px;
    position: absolute;
    right: 10px;
    color: #353535;
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    text-transform: lowercase !important;
    font-weight: 700;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.gdpr-container .agree-button {
    text-align: center
}

    .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;
        text-decoration: none;
        padding: 12px 16px;
        border-radius: 0px;
        font-weight: var(--default-font-weight-semi-bold);
        float: right;
        width: 80px;
    }

a#whoson_chat_link.whosonspace {
    bottom: 170px;
}

p#back-to-top.addspace {
    bottom: 120px
}

@media (min-width:821px) {


    .headertop {
        margin: 18px auto;
    }

    div.headerinfo ul.cartlinks li span.cartitem_linecount {
        right: -5px;
        top: -2px;
    }

    div.headerinfo .customertype.guestcustomer div.myaccflyout {
        display: none !important;
    }
}

@media (max-width:900px) {
    div.headertop.container div.row div.logo-mobile {width:20%}
    div.headertop.container div.row div.headerright {width:20%}
}

@media (max-width:900px) {
    #newsletter div.clearfix {
        flex-direction: column;
    }

    div.footer .mailinglist h3 {
        text-align: center;
        padding: 0 0 10px 0;
        width: auto;
    }

    div.footer .mailinglist span.newsltrblk {
        width: auto
    }
    div.footer .mailinglist input.emailaddress {
        min-width: unset
    }

    .newsltrblk div.imgloading {
        text-align: center;
    }
}

@media (max-width:850px) {
    .gdpr-container p {
        width: 80%
    }
}

@media (max-width:768px) {



    div.footeroffer {
        height: 85px;
    }

        div.footeroffer a.showoffer, div.showfooteroffer a.hideoffer {
            padding: 15px 17px;
            font-size: 12px;
            width: 160px;
            text-align: center;
        }

    div.showfooteroffer a.hideoffer {
        border-left: 0;
        border-right: 0;
        text-align: center
    }

    /*div.rfk_search_container.rfk-sb.rfk_focus.rfk_visible {
        top: 146px !important
    }
    div.rfk_search_container.rfk-sb.rfk_focus.rfk_visible.sticky {
        top: 100px !important
    }*/

    div.showfooteroffer div.footeroffercontent div.offerbanners {
        padding: 20px 0;
    }

        div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel {
            display: inline-block;
            overflow-x: auto;
            white-space: nowrap;
            text-align: center
        }

            div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel li.item {
                padding: 0;
                margin: 0 8px;
                display: inline-block;
            }

            div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel div.owl-nav button.owl-prev {
                left: 5px
            }

            div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel div.owl-nav button.owl-next {
                right: 5px
            }





    div.footer .mailinglist h3 {
        background: none;
        padding: 0px 0px 10px;
        text-align: center;
        width: auto;
        font-size: 18px;
        font-weight: normal;
    }

        div.footer .mailinglist h3 span {
            font-size: 18px;
        }

    div.footer .mailinglist span.newsltrblk {
        width: 100%;
        max-width: 600px;
        display: inline-block !important;
    }

    div.footer .mailinglist input.emailaddress {
        width: 100%!important;
        margin: 0;
        float: none !important;
        height: 43px;
        text-align: center;
    }
    div.footer .mailinglist .submit {
        margin-top:15px;
        width:100%!important;
        max-width:unset;
    }
    div.imgloading {
        width: 100% !important
    }
        div .footerlinks.mobile {
        display: block
    }

    div.footerlinks.footerlinkdsktop {
        display: none
    }

    div.footerlinks.mobile h4.panel-title a {
        display: flex;
        justify-content: center;
    }

    div.footerlinks.mobile h2.panel-heading button.accordion-button {z-index:0}

    div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel .owl-item {
        padding: 0;
    }

    .popup_visible div.popup_wrapper_visible div.winningmercolamarket-container.popup_content {
        max-width: 410px;
        width: 90%;
    }

    div.winnmercolacontent div.mercolaimg {
        display: none
    }

    div.winnmercolacontent div.wmmmercola {
        width: 100%;
        padding: 30px 20px
    }

        div.winnmercolacontent div.wmmmercola h1 {
            font-size: 45px;
        }

        div.winnmercolacontent div.wmmmercola h2 {
            font-size: 22px !important;
            display: none
        }

        div.winnmercolacontent div.wmmmercola p.acccreatetime {
            padding: 20px 0;
            font-size: 16px;
        }

        div.winnmercolacontent div.wmmmercola a.createaccount {
            font-size: 18px;
            padding: 10px 40px;
            margin-top: 14px;
        }

        div.winnmercolacontent div.wmmmercola > img {
            max-width: 240px;
            margin-bottom: 12px;
            margin-top: 12px;
        }

    div.gdpr-container {
        display: flex;
        height: 70px;
        top: auto
    }

        div.gdpr-container + div#MERFooter.mobilecontainer div.showfooteroffer div.footeroffercontent {
            bottom: 60px;
        }

        div.gdpr-container + div#MERFooter.mobilecontainer div.footeroffer a.showoffer {
            bottom: 60px
        }

    .gdpr-container > p {
        width: 75%
    }

    .gdpr-container .close-button p a {
        transform: translateY(0%);
        top: 7px;
        right: 7px
    }

    a#whoson_chat_link.whosonspace {
        bottom: 170px;
    }

    p#back-to-top.addspace {
        bottom: 130px
    }
}

@media (max-width:820px) {

    div.headertop.container div.row div.headerright {
        width: 93px;
    }

    div.headerinfo ul.cartlinks li a#open_btn {
        text-align: center;
        padding-top: 0;
        color: #000;
        text-transform: uppercase;
        height: 30px;
        width: 35px;
    }

    div.headerinfo div.myacccrtlinks {
        margin-right: 5px !important;
    }

    div#header2.sticky {
        position: relative;
        background: #fff;
        height: 98px;
    }

        div#header2.sticky div#header.topheader {
            display: none
        }

        div#header2.sticky div.headertop {
            position: fixed;
            top: 0;
            z-index: 1000;
            width: 100%;
            background: #fff;
            padding-bottom: 10px;
            margin: 0 auto !important
        }

    .mobilecontainer {
        margin-top: 0 !important
    }

    .mobileheader.mobilecontainer {
        z-index: 1002;
    }

    div.headerinfo .customertype.guestcustomer span.welcome {
        display: none
    }

    div.headerinfo .customertype > a.nav_myaccount,
    div.headerinfo .customertype > a.nav_myaccount + span.fa {
        display: none
    }

    div.headerinfo .customertype div.navmyaccount {
        display: block
    }

    div.headertop.container div.row {
        display: flex; flex-wrap:wrap
    }



    div.headerinfo ul.cartlinks li a#open_btn {
        text-align: center;
        padding-top: 0;
        color: #000;
        text-transform: uppercase;
        height: 30px;
        width: 35px;
    }

    div.headerinfo ul.cartlinks li {
        right: auto;
        margin-top: 10px;
    }

        div.headerinfo ul.cartlinks li span.cartitem_linecount {
            right: 0;
            line-height: 1.7;
            transform: translateX(-12px);
            left: 37px;
            top: -5px;
        }

    div.headerinfo div.myacccrtlinks {
        margin-right: 10px !important
    }

    div.headerinfo .customertype {
        margin-top: 10px !important;
        display: block
    }

    div.headerinfo .customertype {
        font-size: 30px;
        padding: 0
    }

        div.headerinfo .customertype div.navmyaccount span.fa {
            color: #2d353c;
            font-size: 28px;
        }

        div.headerinfo .customertype.myacccico div.navmyaccount span.fa {
            color: #226cab
        }
        /*div.headerinfo .customertype:hover div.myaccflyout {
            display: block
        }*/
        /*div.headerinfo .customertype.guestcustomer:hover div.myaccflyout {
            display: block
        }*/



        div.headerinfo .customertype div.myaccflyout {
            top: 42px;
        }

            div.headerinfo .customertype div.myaccflyout .myaccountnav {
                display: block;
                padding: 0;
            }

        div.headerinfo .customertype.guestcustomer div.myaccflyout .myaccountnav {
            padding: 10px
        }

        div.headerinfo .customertype div.myaccflyout .myaccountnav div.customerclass {
            display: block;
        }

        div.headerinfo .customertype div.myaccflyout .myaccountnav a {
            text-align: left;
        }

        div.headerinfo .customertype.guestcustomer div.myaccflyout .myaccountnav a {
            text-align: center;
        }

        div.headerinfo .customertype div.myaccflyout .myaccountnav a.new_user_register {
            background: #2d353c;
            color: #fff
        }

    div.headertop.container div.row div.logo-mobile {
        width: 135px;
        margin: 10px 0;
        padding: 0;
        height: auto;
        position: relative;
        top: 0;
        left: 0
    }
    div.headertop.container div.row div.catalogsearch_dsk {display:none}

    div.headertop.container div.row div.logo-mobile a.logo {
        margin: 0;
        padding: 0
    }

    div.headertopcontent div.header-content-block {
        display: flex;
        width: 100%;
        justify-content:center;
        flex:1
    }

    div.headertop div.logo-mobile {
        display: block;
        position: static;
    }

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

    div.headertopcontent div.headercontact,
    div.headertopcontent div.header-login {
        display: none;
    }

    div.headertopcontent div.popup-desk-fs {
        display: none !important;
    }

    div.headertopcontent div.popup-mob-fs {
        display: block !important;
    }

    div.headerinfo .customertype .navmyaccount {
        display: block
    }

    div.catalogsearch_mob {display:flex; justify-content:center; margin-bottom:10px;}
    div.catalogsearch_mob div.catalogsearch {width:100%; display:flex}

    div.headertop.container div.row div.catalogsearch.catalogsearch_mob {
        width: 100%;
        float: left;
        text-align: center;
    }

    div.catalogsearch_mob ul.cartnav {
        display: inline-block;
        position: static;
        float: none;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        max-width: 668px;
        display: inline-block;
    }

    div.catalogsearch div#autocompletecontainer,
    div.catalogsearch div#autocompletecontainermob {
        width: 100%;
    }

        div.catalogsearch div#autocompletecontainer input.form-control,
        div.catalogsearch div#autocompletecontainermob input.form-control {
            height: 50px;
        }

    div.catalogsearch div.input-group-btn button {
        height: 35px; display:none
    }

    div#autocompletecontainermob [id="rfk-search-container-mobile"] {
        position: fixed !important;
        max-height: 80vh;
        top: 140px !important;
        width: 100% !important;
        max-width: 668px !important;
    }

    div#header2.sticky div#autocompletecontainermob [id="rfk-search-container-mobile"] {
        top:105px!important
    }
}


@media (min-width:769px) and (max-width:1000px) {
    div.headerinfo div.customertype {
        width: auto;
        text-align: center;
        margin: 11px 0 0 15px
    }

        div.headerinfo div.customertype.regcustomer + div.myacccrtlinks {
            margin-right: 10px !important
        }
}

@media only screen and (min-width: 1230px) {
    div.headertopcontent div.header-content-block span {
        color: #fff;
        font-size: 14px;
        line-height: 30px;
    }

    .myaccountnav a {
        color: #fff;
        margin-right: 12px;
        font-size: 14px;
        font-weight: var(--default-font-weight-semi-bold);
        line-height: 32px;
    }

    div.headertopcontent div.header-login {
        width: 20%;
    }

    div.headertopcontent div.header-content-block {
        width: 60%;
        text-align: center;
    }
}

@media (max-width:480px) {
    div.footer .mailinglist h3 {
        font-size: 20px;
    }

    div.footeroffer a.showoffer {
        width: 100%;
    }

    div.showfooteroffer a.hideoffer {
        width: 100%;
    }
}

@media (max-width:420px) {
    .gdpr-container > p {
        width: 67%;
        font-size: 11px;
        line-height: 14px
    }

    div.showfooteroffer div.footeroffercontent div.offerbanners ul.owl-carousel div.owl-nav {
        display: none
    }

    div.showfooteroffer div.footeroffercontent div.offerbanners ul li img {
        width: 300px;
        min-width: 0px
    }
}

@media (max-width:375px) {
    div.winnmercolacontent div.wmmmercola h1 {
        font-size: 30px;
    }
}

@media (max-width:360px) {
    div.winnmercolacontent div.wmmmercola h2 {
        font-size: 19px !important;
    }

    div.winnmercolacontent div.wmmmercola a.createaccount {
        padding: 10px 35px;
    }
}

@media ( max-width:324px) {
    #header2 div.headerasorder {
        min-height: 50px;
    }

    div#header-ticker li {
        min-height: 45px;
    }

        div#header-ticker li a {
            display: block;
            padding-top: 4px;
        }

    div.headerasorder li a span {
        font-size: 14px !important;
    }
}

[data-rfk='true'] > ul {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    justify-content: center;
}

[data-rfkid*="rfkid_38"] {
    padding: 0 !important;
    width: 100% !important;
    max-width: 200px !important;
}

    [data-rfkid*="rfkid_38"] > .rfk-ccid {
        padding: 0 !important;
        width: 100% !important;
    }

        [data-rfkid*="rfkid_38"] > .rfk-ccid > a {
            width: 100% !important;
            display: block !important;
            text-align: center;
        }

            [data-rfkid*="rfkid_38"] > .rfk-ccid > a > h2 {
                font-weight: var(--default-font-weight-bold) !important;
                font-size: 16px !important;
                line-height: inherit !important;
            }

    [data-rfkid*="rfkid_38"] > .rfk-info {
        padding: 0 !important;
        width: 100% !important;
        border: 0 !important;
    }

        [data-rfkid*="rfkid_38"] > .rfk-info > .rfk-product-name {
            padding: 0 !important;
            width: 100% !important;
            height: auto;
            font-weight: normal;
            font-size: 13px
        }

.rfk-category-widget {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
}

@media (max-width: 1190px) {
    [data-rfkid*="rfkid_38"] .rfk-product-image {
        max-width: 120px;
    }
}


.topproductratings {
    height: 0 !important;
    padding-bottom: 0 !important;
}

    .topproductratings img {
        display: none;
    }

@media (min-width:1180px) {
    a#whoson_chat_link.whosonspace {
        bottom: 125px;
    }
}


/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/jquery.mmenu.all.css' (Mode: Static) */
/*
	jQuery.mmenu CSS
*/
:root{
    --menu-width:320px
}

.togglemenu {
    border: 0 none;
    display: block;
    float: left;
    height: 20px;
    margin: 25px 10px 15px;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    width: 23px;
}

    .togglemenu img {
        width: 100%;
    }
/*
	jQuery.mmenu CSS
*/
a.mob-language{position:relative; float:right; /*background:url("/Templates/Mercola/images/icons.png") no-repeat -76px -42px;*/ z-index:100; line-height:30px; font-size:16px; width:145px!important}
ul.mobtoc-odd li a  {padding-left:0!important}
.mm-page, .mm-fixed-top, .mm-fixed-bottom, .mm-menu.mm-horizontal > .mm-panel {
    -webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -ms-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
    -webkit-transition-property: top, right, bottom, left, border;
    -moz-transition-property: top, right, bottom, left, border;
    -ms-transition-property: top, right, bottom, left, border;
    -o-transition-property: top, right, bottom, left, border;
    transition-property: top, right, bottom, left, border;
}

html.mm-opened .mm-page, html.mm-opened #mm-blocker {
    left: 0;
    top: 0;
    margin: 0;
    border: 0px solid rgba(0, 0, 0, 0);
}

.mm-hide{
    display: none !important;
}

html.mm-opening .mm-page, html.mm-opening #mm-blocker {
    border: 0px solid rgba(100, 100, 100, 0);
}

.mm-menu .mm-hidden {
    display: none;
}

.mm-fixed-top, .mm-fixed-bottom {
    position: fixed;
    left: 0;
}

.mm-fixed-bottom {
    bottom: 0;
}

html.mm-opened .mm-page, .mm-menu > .mm-panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html.mm-opened {
    overflow-x: hidden;
    position: relative;
}

@media (max-width:820px) {
    .mobilecontainer {
        -webkit-transition: none 0.4s ease;
        -moz-transition: none 0.4s ease;
        -ms-transition: none 0.4s ease;
        -o-transition: none 0.4s ease;
        transition: none 0.4s ease;
        -webkit-transition-property: top, right, bottom, left, border;
        -moz-transition-property: top, right, bottom, left, border;
        -ms-transition-property: top, right, bottom, left, border;
        -o-transition-property: top, right, bottom, left, border;
        transition-property: top, right, bottom, left, border;
        position: relative;
        left: 0;
        background: #fff; 
        margin-top:48px; 
    }
    div#checkout_content.mobilecontainer {background:#fff!important}

    html.mm-opening .mobilecontainer {
        left: var(--menu-width);
    }
    .mobilecontainer div.footeroffer a.showoffer {
        webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -ms-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
    -webkit-transition-property: top, right, bottom, left, border;
    -moz-transition-property: top, right, bottom, left, border;
    -ms-transition-property: top, right, bottom, left, border;
    -o-transition-property: top, right, bottom, left, border;
    transition-property: top, right, bottom, left, border;
    }
    html.mm-opening .mobilecontainer div.footeroffer a.showoffer {left:calc(50% + var(--menu-width));}
     html.mm-opening .globalbanner.mobilecontainer {left:0}

    .mm-fixed-top {
         top: -1px;
    }

}

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
}

@media (max-width:820px) {
    html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
        display: block;
    }

}

nav#catmenu.mm-menu.mm-current {
    display: block;
}





.mm-menu {
    width: var(--menu-width);
    background: inherit;
    display: none;
    overflow: hidden;
    height: 100%;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
}

    .mm-menu > .mm-panel {
        background: none repeat scroll 0 0 white;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 0;
        -webkit-overflow-scrolling: touch;
        box-shadow:-7px 0 20px -7px rgba(238, 238, 238, 0.5) inset; 
        padding-right:10px;
    }


    .mm-menu .mm-list {
        padding: 20px 0;
    }

    .mm-menu > .mm-list {
        padding: 0;
    }

.mm-panel > .mm-list {
    margin-left: -20px;
    margin-right: -20px;
}

    .mm-panel > .mm-list:first-child {
        padding-top: 0;
    }

html.mm-opened .mm-page {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    clear: both;
    overflow: hidden;
}

#home-link > a.login {
    text-transform: uppercase;
    font-weight: var(--default-font-weight-bold);
    padding-left: 20px;
}

#home-link > img{
    padding-top:5px;
    padding-bottom:5px;
}

#home-link > a.new_user_register {
    text-transform: uppercase;
    font-weight: var(--default-font-weight-bold);
    padding-left: 0px;
    color: #226CAB;
}

html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom {
    left: var(--menu-width);
}
@media (min-width:821px) {
nav#catmenu.mm-menu.mm-current {
    display: none;

}
html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom {left:0}
}



    .mm-menu .mm-listview {
        border-color: rgba(0, 0, 0, 0.1);
    }

.mm-listview {
    font: inherit;
    font-size: 17px;
    line-height: 20px;
}

.mm-menu .mm-listview .mm-vertical {
    border-top: 1px solid #d9d9d9;
    clear: both;
    overflow: visible;
    text-transform: uppercase;
}

.mm-menu .mm-listview li.mm-vertical.subcategory.mm-opened{
    border:none;
}

li.mob-sel-box.dropdown.maincategory.mm-vertical {padding-bottom: 15px;}
li.mob-sel-box.dropdown.maincategory.mm-vertical > a:nth-child(2){padding: 16px 0 0 15px;}

#Layer_1 {margin-top:-1px}

.mm-listview > li.mm-opened > a.categoryName, .mm-listview > li.subcategory.mm-opened > a.categoryName {
    font-size: 16px;
    color: #333333;
}

.mm-menu .mm-listview .maincategory.mm-opened > a:not(.mm-next){padding-left: 30px; width: var(--menu-width);}

.mm-menu .mm-listview .mm-vertical[data-attr="Best Sellers"].maincategory a:not(.mm-next) {
    background-color: #226CAB;
    color: white;
}
.mm-menu .mm-listview .mm-opened.mm-vertical[data-attr="Best Sellers"].maincategory > a:not(.mm-next) {
    background-color: #fff;
    color: #000;
}

.mm-menu .mm-listview .mm-vertical[data-attr="Brands"].maincategory {
    display: none;
}

    .mm-menu .mm-listview .mm-vertical[data-attr="Best Sellers"] div ul.subcategories li a {
        background-color: transparent !important;
        color: #464646 !important;
    }

    li.nonexpandable.maincategory[data-attr="Sale"] > a {color: #af1b31; }

.mm-listview .bestsellercategory .mm-next + a {
    color: white;
    background-color: #226CAB;
    margin-top:5px;
    margin-bottom:5px;
}

li.logout {
    background-color: #e0dede;
    display: flex;
    justify-content: center;
    margin: 0 10px;
}

    .mm-menu .mm-listview .mm-vertical:first-child {
        border: 0;
    }
.mm-menu .mm-listview .mm-vertical > li:first-child {border:0}
.mm-menu .mm-listview .subcategory.mm-vertical {
    position: relative;
    padding-left:0px;
    width: var(--menu-width);
}

ul.subcategories li.subcategory.mm-opened div.mm-panel {display:block!important; }
ul.subcategories li.subcategory.mm-vertical div.mm-panel {box-shadow:-7px 0 9px -7px rgba(0, 0, 0, 0) inset; width:var(--menu-width);}
ul.subcategories li.subcategory.mm-vertical div.mm-panel ul.subsubcategories {width:var(--menu-width)}

li.tollfree span.telmob > a{
    font-weight: normal;
}

span.categorynew {
    margin-left: 2px;
    background: #af1b31;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 2px 3px;
}


.mm-listview > li > a, .mm-listview > li > span {
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333333;
    display: block;
    padding: 10px 15px;
    margin: 0;
    float: left;
    font-size: 14px;
    font-weight: var(--default-font-weight-bold)
}
.mm-listview > li > a.nav_myaccount span.firstname {text-transform:capitalize;}
.mm-listview .mm-next {
        float: right;
        width: 100%;
        padding: 13px 10px 0 0;
        height: 40px;
        position:absolute; top:0; left:0; font-family:bootstrap-icons!important; font-style:normal; font-weight:400; line-height:1; 
    }

.mm-listview .maincategory.mm-opened > .mm-next { margin-left: 10px;}
.mm-listview .mob-sel-box.mm-opened > .mm-next{width: 100%; margin:0px;}
.mm-listview .mm-next:before{content:"\f285"; float:right; color:black; font-weight:bold}
.mm-listview .mob-sel-box .mm-next:before{content:"\f282"; float:right; color:black; background-color: #F1F1F1; padding: 5px; margin-right: 10px; font-weight:bold}
.mm-listview .mob-sel-box.mm-opened .mm-next:before{content:"\f286"; float:right; color:black; font-weight:bold}
    .mm-listview .mm-opened > .mm-next:before {content:"\f284"; float: left; font-weight:bold}


.mm-listview .mob-sel-box.maincategory.mm-opened > a {
    margin-bottom:5px;
}



.mm-listview .maincategory.bestsellercategory.mm-opened > a {
    color: white;
}

.mm-listview .mm-vertical li.subcategory .mm-next {background:none}
    .mm-listview .mm-opened li.subcategory .mm-next {
        position: absolute;
        width: 100%;
    }
    
    .mm-listview li.subcategory.linkedcategory .mm-next {padding:12px 10px 0 0; width:100%}
    .mm-listview li.subcategory.linkedcategory.mm-opened > .mm-next {margin-left: 10px;}

    .mm-listview li.subcategory.linkedcategory .slidesubcategory {width:100%} 

    .mm-listview .mm-opened li.subcategory.linkedcategory .mm-next:before { content:"\f285"}

    .mm-listview .mm-opened li.subcategory.linkedcategory.mm-opened .mm-next:before { content:"\f284"}


    .mm-listview .mm-next + a {
        float: left;
        width: auto;
        text-transform: uppercase;
    }

    .mm-vertical .mm-panel div.mm-vertical {
        background: #fff;
        border-top: 1px solid #f3f3f3;
        /*box-shadow:-7px 0 9px -7px rgba(0, 0, 0, 0.5) inset*/
    }
    .mm-vertical .mm-panel div.mm-vertical ul.subcategories {width:var(--menu-width)}

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 0px;
}

.mm-menu .mm-listview .mm-vertical {
    clear: both;
    overflow: visible;
    float: left;
    width: var(--menu-width);
}

.mm-vertical .mm-panel div.mm-vertical {
    background: #fff;
    width: var(--menu-width);
}


.mm-listview > li.subcategory > a,
        .mm-listview > li.subcategory ul.subsubcategories li > a {
            color: #3e3d39;
            padding: 10px 0;
        }
 .mm-listview > li.subcategory ul.subsubcategories li > a {text-transform:none; font-weight: normal}
.mm-listview .mm-next + a.subcategory-link {
            text-transform: inherit;
        }

.mm-menu .mm-listview .categories.mm-vertical, .mm-listview > li.categories {
    width:var(--menu-width);
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.mm-listview > li.categories > a, .mm-listview > li.categories > span {
    color:black; 
    padding-left:20px;
    display:flex;
    flex-direction:column;
}
.mm-listview > li.categories > a.mm-next {margin-right:10px; margin-left:10px; width:calc(100% - 20px); }
.mm-listview > li.categories > a.mm-next + a {padding-left:15px;}

.mm-listview > li.tollfree span.teldsk {display:none}

#Layer_2{margin-top:-1px;}
/*********************** Language Flag CSS ***********************/

.mm-list > li#welcome-message {
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}

.mm-list > li.changelang {
    padding: 10px 15px;
    clear: both;
}

 .mm-listview > li#welcome-message {color: #fff; text-transform: uppercase; font-size:14px; cursor:pointer}
 .mm-listview > li:not(.categories) {
    border-top: 1px solid #d9d9d9;
    clear: both;
    overflow: hidden;
    position: relative;
    text-align: left; text-transform:uppercase}
 .mm-listview>li.tollfree span.glyphicon {top:3px; padding-right:5px}
.mm-listview>li.tollfree span.needhelp {text-transform: none;
    padding-right: 2px;
    font-weight:var(--default-font-weight-bold); }
.subcategories.mm-listview > li {text-transform:uppercase;}
.subcategories.mm-listview > li a {color:#464646; padding:10px 0; width:100%}
.subcategories.mm-listview > li a#lnkSpanish {padding: 10px 0 0 15px!important;}
.subcategories.mm-listview > li.explore{padding-left: 15px;}
.subcategories.mm-listview > li.explore a, .subcategories.mm-listview.subsubcategories > li.explore a {
    color: #226CAB !important;
    text-transform: none;
    font-weight: var(--default-font-weight-bold);
    padding-left: 0 !important;
    font-size: 14px;
}
.subcategories.mm-listview > li.subcategory a {width:var(--menu-width); text-transform:inherit;font-size:13px}
.subcategories.mm-listview li.subcategory a:not(.mm-next), .subcategories.mm-listview > li a {padding-left: 30px;}
.subcategories.mm-listview > li.subcategory label.wishlistcount {background-color: #464646;
    font-weight:var(--default-font-weight-semi-bold);
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 0 2px;
    float: none;
    position: relative;
    border: 1px solid #fff;
    min-width: 20px;
    min-height: 20px;
    text-align: center; left:-2px; top:-7px}
  .mm-listview > li#welcome-message span {color: #fff;
    display: block;
    font-family: Arial,Verdana,sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
   float:left;
    text-transform: uppercase; border:0}
  .mm-listview > li#welcome-message label {float:left; clear:left}
.mm-listview > li.changelang {padding:10px 15px; clear:both; float:left; width:100%}
.mm-listview > li.changelang a {padding:0; float:left; margin-right:5px; text-indent:-99999px; width:31px; height:22px; display:block}
.mm-listview > li.changelang a.mm-next {display:none}
.mm-listview > li.changelang a.langspanish {position:relative; left:36px}
.mm-listview > li.changelang a.langenglish {position:relative; left:-36px}


/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/3.2.productlist.css' (Mode: Static) */
div#apparel1productlist div#breadcrumbnav {display:block!important}
div#apparel1productlist div.body {
    clear: both;
    margin-bottom: 20px
}
ul.productlist, ul.productitem {clear:both; font-size:13px; }
ul.productlist {display:flex; flex-wrap:wrap}
li.clickabletile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
}
    li.clickabletile a.prodlink { display:block; width:100%; height:100%}
   
ul.productlist > li {float:left; position:relative; width:20%; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; padding:10px; height:auto}

ul.productlist > li.searchproductbanner {width:100%!important; border:0; padding:0}
ul.productlist > li.searchproductbanner div#hpmobile {display:none}
.searchproductbanner img{width:100%;}

ul.productitem li.prodimage {text-align:center; position:relative; margin:10px auto; display: flex; align-items: center; justify-content:center; }
ul.productitem li.prodimage{width: 130px;margin:30px auto 0px}
.prodbestseller {background:#da8627; color:#fff; padding:5px 10px; font-size:12px; font-weight:var(--default-font-weight-semi-bold);margin-bottom:5px;display: inline-block} 
ul.productitem li.prodimage a {display:table-cell; height:170px; vertical-align:middle}
ul.productitem li.prodimage img {max-width:130px; height:auto; width:130px}
    ul.productitem li.supind {
    color: #7D7D7D;
    min-height: 25px;
    text-align: left;
    font-size: 13px;
    width: auto;
    display: inline-flex;
    line-height: 1.5em;
    }
    ul.productitem li.prodimage div.lowpricebadge {position:absolute; right:0; top:0; width:80px; height:80px; background:url("//media.mercolamarket.com/assets/images/shop/EN-Low-Price-Badge.png") no-repeat 0 0; background-size:contain; z-index:1}
ul.productitem li.supindincative {background-color: #fff; color: #4b4b4b; line-height: 25px; margin: 5px 0; min-height: 25px; text-align: center; text-transform:uppercase}
ul.productitem li.prod_name_description {min-height:60px}
ul.productitem li.prod_name_description h3.prodname div.TruncatedPrdName {display:inline;font-size:17px; font-weight: var(--default-font-weight-semi-bold);}
    ul.productitem li.prod_name_description h3.prodname div.trunprodname {
        position: relative;
        height: 50px !important;
        padding-top: 1px;
        overflow: hidden;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
ul.productitem .productDetailsContainer li.prod_name_description h3.prodname div.trunprodname {
    height:auto !important;

}
    
ul.productitem li.colorvarswatch {display:inline-flex; position:relative; z-index:20;}
.dibBuyItems ul.productlist > li ul.productitem .productDetailsContainer li.colorvarswatch{z-index:9;}
ul.productitem li dl#skucolorswatch {margin-top:10px}
ul.productitem li dl#skucolorswatch dd > label {display:none}
ul.productitem li dl#skucolorswatch ul.swatchlinks {display:flex;}
ul.productitem li dl#skucolorswatch ul.swatchlinks li {width:30px; margin-right:5px; border:1px solid #999999; padding:2px;}
ul.productitem li dl#skucolorswatch ul.swatchlinks li:hover, 
ul.productitem li dl#skucolorswatch ul.swatchlinks li.selected {border:1px solid #333333; cursor:pointer}
ul.productitem li.actionslink.displaycart {
    position: relative;
    z-index: 13
}
ul.productitem li.actionslink li.review_rating {
    float: left;
    width: 100%
}
ul.productitem li.actionslink li.prodprice {min-height:60px; clear:both; overflow:hidden}
ul.productitem .productDetailsContainer li.actionslink li.prodprice {min-height:unset; display: flex; flex-flow: row wrap; align-items: center;}
ul.productitem li.actionslink li.prodprice span.premier,
ul.productitem li.actionslink li.prodprice span.wholesale,
ul.productitem li.actionslink li.prodprice span.price span.aslowastext {font-size: 11px;color: #636363;text-transform: uppercase;float: left; width: 79px;padding-left: 3px;line-height: 12px;margin-top: 8px;}
ul.productitem li.actionslink li.prodprice span.price span.aslowastext, ul.productitem li.actionslink li.prodprice span.price span.listprice {font-weight:normal;}
ul.productitem li.actionslink li.prodprice span.price {float:left; clear:left}
ul.productitem li.actionslink li.prodprice span.price span.pricewrap {  display: inline    }
ul.productitem li.actionslink li.prodprice span.price span.pricewrap span { display: inline; float :none; width :auto;}
ul.productitem li.actionslink li.prodprice span.price label {display:inline}
ul.productitem li.actionslink li.prodprice span.price span {font-weight:var(--default-font-weight-bold); text-transform:capitalize; width:100%; float:left}
ul.productitem li.actionslink li.prodprice span.savings {color:#464646; font-size:14px; font-weight: var(--default-font-weight-semi-bold); display:block}
li.prodprice label, li.prodprice .listprice, li.prodprice .savings {color: #636363; font-size:14px;}
li.prodprice .listprice{padding-left: 3px;}
ul.productitem li.actionslink li.prodprice span.price{padding-right:3px}

ul.productitem li.actionslink li.prodprice div.savingsprice { clear:both; font-size:14px;}
ul.productitem li.actionslink li.prodprice div.savingsprice label {color:#464646;}

ul.productitem li.actionslink li.dietcontainer {height:33px; width:100%; float:left}
ul.productitem li.actionslink li.listpricecontent {clear:both; color:#828282}
ul.productitem li.actionslink li.listpricecontent span.listprice {padding-left:4px; color:#828282}
ul.productitem li.actionslink li.stockstatus {display: block; float: left; font-size: 12px; font-weight: bold; width: 100%; margin:0 0 3px}
ul.productitem li.actionslink li.stockstatus span.stockstatus {background: rgba(0, 0, 0, 0) url("/Templates/Mercola/images/smallicons.png") no-repeat 0 -15px; color: #008000; padding-top: 2px; padding-left: 16px; display:none}
ul.productitem li.actionslink li.stockstatus span.stockstatus.outofstock {color:#464646; background: rgba(0, 0, 0, 0) url("/Templates/Mercola/images/smallicons.png") no-repeat 0 -44px; float:left; display:inline-block; margin-top:5px}
.autoshipsearchpanel ul li.stockstatus a.notifyme {float: left; display:block;
    font-size: 12px;
    font-weight: normal;
    padding-top: 4px; cursor:pointer; clear:left}

ul.productitem li.actionslink ul.addtocartcontainer {margin-top:15px; clear:both;  }
ul.productitem li.actionslink label.lblqty {clear:left; float:left; font-weight:normal; margin:0; line-height:27px}
ul.productitem li.actionslink input.addtocart_qty {width:25px; border:1px solid #828282; float:left; margin:0 5px; font-size:12px; padding:5px 3px; text-align:center}
.btn.addtocart {background: #af1a30; color: #fff; font-size: 14px; padding: 4px 15px; border-radius:0px; text-transform:uppercase; transition: all .3s ease; }
a.addtocart:hover { transform: scale(1.10); }
.btn.addtocart.logintobuy {width:auto; padding:0 5px}
.addtocart_successmsg {clear:left; display:block; font-size:12px; color:#008000; float:left; width:100%}
.addtocart_errormsg {clear:left; display:block; font-size:12px; color:#af1a30; float:left; width:100%}

span.productrestriction {color:#af1a30; background: rgba(0, 0, 0, 0) url("/Templates/Mercola/images/smallicons.png") no-repeat 0 -41px; font-weight:bold; display:block; clear:left; padding:3px 0 0 15px}
a#btnMoreInformation {cursor:pointer}
div#moreInformationPopup_background {z-index:1000001!important}
div#moreInformationPopup_wrapper {z-index:1000011!important}
div#moreInformationPopup {font-weight:bold; font-size:13px; max-width:500px; width:95%; padding:10px 35px; text-align:center!important}
div.weeklycontent a#btnMoreInformation {background:none; color:#03519b; font-weight:normal; padding:0; font-size:12px; margin:0}

.ellip {
  display: block;
  height: 100%;
}
.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
  max-width: 100%; text-overflow:ellipsis; 
}

span.ellip span.ellip-line  {display:inline}
 

/****************** Dietary Consideration CSS ******************/


div.dietContainer {width:100%; float:left; clear:both}

div#carouselCustomerWhoBoughtProd div.dietContainer {padding:0 5%; width:90%}

div.PDPdietContainer {height:auto; max-width:460px; float:left; clear:both; width:100%; margin-bottom:10px}

ul.dietCicons { float:left; list-style-type: none; padding: 0px 0 3px 0; margin: 0px; clear:both; overflow:visible!important; width:100%!important }

ul.dietCicons li { float:left; padding: 0px; margin: 3px 2.5% 0 0; position:relative; list-style: none; cursor:pointer; overflow:visible!important;  }
ul.dietCicons.freeshipping li {cursor:default;}
ul.dietCicons li img {width:100%}

    ul.dietCicons li.freeshipping {
        width: 100% !important;
        color: #555;
        cursor: inherit;
        position: relative;
        z-index:0;
    }

ul.dietCicons li span, ul.PDPdietCicons li span { background: url("/Templates/Mercola/images/callout.png"); background-repeat:no-repeat; width:112px; height:65px; left: 0; top: -57px; padding: 10px; padding-top:18px; position: absolute; text-align:center; display:none; z-index:99999;}

ul.dietCicons li.addli span {background: url("/Templates/Mercola/images/callout1.png"); background-repeat:no-repeat; left: -76px;}

ul.dietCicons li.freeshipping span, ul.PDPdietCicons li.freeshipping span { background: url("/Templates/Mercola/images/callout-arrow.png") no-repeat 10px 67px; background-repeat:no-repeat; width:155px; box-sizing:border-box; height:auto; left: -12px; top: -77px; padding: 10px; padding-top:11px; position: absolute; text-align:center; display:none; z-index:99999;}

ul.dietCicons li.freeshipping span label, ul.PDPdietCicons li.freeshipping span label {background:#fbf7aa; border:5px solid #f9e98c; border-radius:5px; width:136px; display:block; padding:5px; line-height:normal; height:56px}
ul.dietCicons li.freeshipping span label p, ul.PDPdietCicons li.freeshipping span label p {height:auto}

ul.dietCicons li:hover span, ul.PDPdietCicons li:hover span {display:block;}


:first-child+html div.popup_wrapper div.popup_content {left:auto!important}

.dietryOverlay { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EDEDED; border-radius: 0px; padding: 10px 2.5%; z-index: 999999; position:fixed; top:20%;left:5%; width:90%}

div#dietryOverlay a.closedc { background: url("/Templates/Mercola/images/icons.png") scroll -177px 0; cursor: pointer; float: right; height: 28px; width: 28px; position:absolute; top:3px; right:3px; display:block;}

.dietryContent { padding:20px 5px 0; text-align: left; line-height:normal }

.dietryHeaderText { color: #D22121; float: left; font-family: arial; font-size: 20px; font-style: normal; line-height: 50px; margin-bottom: 10px; margin-left: 15px; }
.dietryHeaderTextFS { color: #D22121; float: left; font-family: arial; font-size: 20px; font-style: normal; line-height: normal; margin-bottom: 10px; margin-left: 0px; margin-top:10px; width:100%}
.dietryImage { width:auto; float:left; margin-bottom:10px; font-size:20px; color:#8f3939 }

.dietryDesc { width:100%; padding:10px 2.5%; border:1px solid #828282; background-color:#e1e1e1; margin-bottom:10px; clear:both; }

ul.PDPdietCicons { list-style-type: none; margin: 0; clear:both }

ul.PDPdietCicons li { float:left; padding: 0px; margin-right:1.5%; margin-left: 0px; position:relative; list-style: none; cursor:pointer; width:35px}

ul.PDPdietCicons li img {width:100%}

/*--- Core Owl Carousel CSS File v1.3.2 ---*/
.owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{display: none; position: relative; width: auto; -ms-touch-action: pan-y; border:1px solid #ebebeb; }
.customerwhobought1carousel.owl-carousel {border-top:0; border-right:0}
.owl-carousel .owl-stage {display:flex}
.owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%; z-index:1}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float:left; width:20%; border-right:1px solid #ebebeb; padding:5px 9px; height:auto; line-height:normal}
.owl-carousel .owl-item img{}
.owl-pagination {display:none}
.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.owl-carousel .owl-nav {position: absolute; right:0px;  text-align: center; top:calc(50% - 170px); width: 100%;}
.owl-carousel .owl-nav div.owl-buttons {float:left; display:inline-block; width:100%}
.owl-carousel .owl-nav button.owl-prev {background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat -30px 0px!important; display: block; height: 52px; float:left; text-indent: -99999px; width: 21px; position:relative; z-index:1}
.owl-carousel .owl-nav button.owl-next {background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat -54px 0px!important; display: block; height: 52px; float:right; text-indent: -99999px; width: 21px; position:relative; z-index:1}
.owl-carousel .owl-nav button:focus {outline:none;}

.owl-carousel .owl-dots {display:none;}
 
.owl-carousel.owl-loaded {
  display: block; overflow:hidden;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}

.popup_background.dc_popup_background {z-index:1000000!important}
.popup_wrapper.dc_popup_wrapper {z-index:1000001!important}

div#productBannerCarousel {margin:0 0; float:left; width:100%}
div#productBannerCarousel .owl-carousel {border:0; margin:5px 0; display:flex}
div#productBannerCarousel .owl-carousel .owl-item {padding:0; height:auto}
div#productBannerCarousel .owl-carousel .owl-item img {width:100%}
div#productBannerCarousel .owl-carousel .owl-nav{top:calc(50% - 26px); }
div#productBannerCarousel .owl-carousel .owl-nav button.owl-prev {left:0px; position:absolute}
div#productBannerCarousel .owl-carousel .owl-nav button.owl-next {right:0px; position:absolute}

div#productBannerCarousel .owl-carousel .owl-wrapper-outer.autoHeight {border:0; width:100%}

div.owl-item li.viewallpdts {height:100%}
div.owl-item div.viewall {height: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column; font-size:25px; font-weight: var(--default-font-weight-light); padding:0 10px; color:#2369b4}
div.owl-item div.viewall a {color:#2369b4!important}

 
 
 


/************************ Floating Cart *********************/

html.popup_visible {overflow:hidden; }

div.shoppingcartpopup.popup_content {position: absolute;
    display: block;
    top: 0!important;
    left: 0;
    max-width: 700px!important;
    width:90%!important;
    height: auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #fff; border:5px solid #ebebeb; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; padding:10px 0 20px; left:0!Important}

div#floatingcart h4.head {
    background: url("/Templates/Mercola/images/icon_added.png") no-repeat 0 2px;
    color: #8ec641;
    font-size: 18px;
    font-weight: var(--default-font-weight-bold);
    margin: 0 0 20px 10px;
    padding: 0 30px 0 26px;
}
div#floatingcart h4.head.outofstock {margin:0; font-size:23px; padding:0 32px 0 3%}
div#floatingcart ul#cartcontent li.cartimage {float:left; width:170px; margin-right:20px; position:relative }
div#floatingcart ul#cartcontent li.cartimage div.lowpricebadge {position:absolute; right:0; top:0; width:50px; height:50px; background:url("//media.mercolamarket.com/assets/images/shop/EN-Low-Price-Badge.png") no-repeat 0 0; background-size:contain;}
div#floatingcart ul#cartcontent li.cartimage div.bestseller {position:absolute; top:0; left:0; background:#da8627; color:#fff; padding:5px 10px; font-size:12px; font-weight: var(--default-font-weight-semi-bold);} 
div#floatingcart ul#cartcontent li.cartdetails {float:left; width:calc(100% - 190px); }

    div#floatingcart ul#cartcontent li.cartdetails div.carttitle {display:flex; justify-content:space-between; padding-right:20px;}
    div#floatingcart ul#cartcontent li.cartdetails div.qtyautoship {display:flex; line-height:26px}

    div#floatingcart ul#cartcontent li.cartdetails div.qtyautoship p.autoshipsave {margin-left: 10px; border-left: 1px solid #000; padding-left: 10px;}

        div#floatingcart ul#cartcontent li.cartdetails div.qtyautoship p.autoshipsave span {
            background: url("/Templates/Mercola/images/autoship-logo.png") no-repeat 0 0;
            height: 26px;
            background-size: contain;
            line-height: 26px;
            padding-left: 23px;
            font-size: 14px;
            width: auto
        }

li.cartdetails h4 {
    font-weight: var(--default-font-weight-semi-bold);
    font-size: 15px;
    padding-right: 35px;
}

li.cartdetails div.carttitle p.qtyprice {
    font-weight: var(--default-font-weight-bold);
    font-size: 15px;
}

li.cartdetails div.carttotal {clear:both;margin:70px 20px 20px 0; font-size:14px; width:auto}
li.cartdetails div.carttotal ul.cartlinks {display:flex; justify-content:space-between; padding:10px; background:#f3f7fc}
li.cartdetails div.carttotal ul.cartlinks li.cartsubtotal {font-weight: var(--default-font-weight-bold); font-size:16px;}

div#floatingcart ul#cartcontent li.cartdetails.catedetbtnaction {clear:left; width:100%; padding:0 20px}

li.cartdetails div.cartbuttons {
    clear: both
}
    li.cartdetails div.cartbuttons a.continuecheckout {
        background: #af1a31;
        color: #ffffff;
        border: 2px solid #af1a31;
        cursor: pointer;
        outline: 0 none;
        float: left;
        text-transform: uppercase;
        padding: 12px 8px;
        width: calc(100% - 265px);
        text-align: center;
        margin-right: 0px; font-size:15px;
        border-radius: 50px;
    }

    li.cartdetails div.cartbuttons a.contichkoutbtn {
        background: #ffffff;
        color: #41494e;
        border: 1px solid #41494e;
        cursor: pointer;
        outline: 0 none;
        float: left;
        text-transform: uppercase;
        padding: 13px 8px;
        width: 250px;
        text-align: center;
        margin-right: 15px;
        font-size: 15px;
        border-radius: 50px;
    }
li.cartdetails div.cartbuttons a.contichkoutbtn:hover {text-decoration:none}

div.carttotal ul {clear:both; width:100%}

div.carttotal ul.cartlinks li {background:none; float:none}
div.carttotal ul.cartlinks li a {
     background:url("/Templates/Mercola/images/icons.png") no-repeat scroll -78px -3px;
    cursor: pointer;
    display: inline-block;
    height: 29px;
    margin-left: 3px;
    width: 35px; position:relative;
}

ul.productitem {
    display: flex;
}

.featuredproductcarousel ul.productitem, .customerwhobought1carousel ul.productitem {
    display: block;
}
.featuredproductcarousel .productDetailsContainer > ul {
    min-height: 215px;
}

#productlistcontainer .productDetailsContainer {
    width: 65%;
    padding-left: 5px;
}
.productDetailsContainer, .productDetailsContainer > ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.featuredproductcarousel .productDetailsContainer, .customerwhobought1carousel .productDetailsContainer {
    max-width: 200px;
}

.searchresults .productDetailsContainer > ul {
    min-height: 188px;
}

    .productDetailsContainer .btn.addtocart {
        background: #AF1A30;
        width: 150px;
        border-radius: 50px;
    }
        .productDetailsContainer .btn.addtocart.shopthisproduct{width:auto;}
        .productDetailsContainer .btn.addtocart.notify {
            background: #939393;
        }
            .productDetailsContainer .btn.addtocart.notify:hover {
                transform: unset !important;
            }

.featuredproductcarousel .productDetailsContainer .btn.addtocart, .customerwhobought1carousel .productDetailsContainer .btn.addtocart {
    padding: 4px 15px;
    font-size: 14px; margin-left:5px
}

    .productDetailsContainer .trunprodname {
        height: auto !important;
    }

    .productDetailsContainer span.price {
        font-size: 16px !important;
        color: #000; 
    }

    ul.productitem .productDetailsContainer li.prod_name_description h3.prodname div.TruncatedPrdName{ 
        font-weight:normal; font-size:18px; 
    }

    ul.productitem .productDetailsContainer li.actionslink li.prodprice span.savings { 
        display: inline-block; width: 100%; 
    }

    ul.productitem .productDetailsContainer li.actionslink li.prodprice span.savings{ color: #AF1B31;}

    ul.productitem .productDetailsContainer li.actionslink.displaycart{margin-top:auto;}
    ul.productitem .productDetailsContainer li.actionslink ul.addtocartcontainer{margin:0;}


/*//////////////////////////////////////////////////////////////////////////////
// Add to cart Popup Suggested Product
//////////////////////////////////////////////////////////////////////////////*/
div#floatingcart ul#cartcontent li.suggprodlist {clear:both; padding-top:30px; padding-bottom: 175px;}
@media (min-width: 375px) {div#floatingcart ul#cartcontent li.suggprodlist {padding-bottom: 165px;}}
@media (min-width: 425px) {div#floatingcart ul#cartcontent li.suggprodlist {padding-bottom: 175px;}}
@media (min-width: 768px) {div#floatingcart ul#cartcontent li.suggprodlist {padding-bottom: 50px;}}
div#floatingcart ul#cartcontent li.suggprodlist:has([data-rfkid="rfkid_12"]) {padding-bottom:0px;}
div#floatingcart ul#cartcontent li.suggprodlist div#sugestedproduct {
    background: url("/Templates/Mercola/images/background_repeatx.png") repeat-x 0 -104px;
    width: auto;
}

div#sugestedproduct #customerswhobought .header h3 {color: #337ebb;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 75px 10px 10px;
    width: auto; border-bottom:1px solid #ebebeb}



/*ul#cartcontent #customerswhobought .owl-carousel .owl-item {width:185px!important}*/
/************************* Notify Me Popup *****************************/

div.notifymepopup.popup_content {width: 90%!important;}

div.notifymepopup div.notifyme {font-size:13px}

div.notifymepopup h1 {color: #be1c1c;  font-size: 24px; font-weight: normal; margin: 0; padding: 0 0 10px 0;}

div.notifymepopup div.notifyme p {margin:0 0 10px 0}

div.notifymepopup div.notifyme label {width:100%; padding:5px 0 3px}

div.notifymepopup div.notifyme input#email {float:left; margin-right:5px; height:31px; width:90%; margin-bottom:5px}
div.notifymepopup div.notifyme.nottifyme_plp input#email {
    width: calc(100% - 38px); padding:5px; font-size:12px
}
div.notifymepopup div.notifyme a.notifyme {
    background: #1e6db0;
    border: 0;
    cursor: pointer;
    height: 31px;
    width: 100px;
    float: left;
    display: block;
    font-size: 13px;
    text-align: center;
    line-height: 31px;
    color: #fff;
}
    div.notifymepopup div.notifyme a.notifyme.nofiymebell {width:33px; font-size:16px; display:flex; align-items:center; justify-content:center;}

    #notifymeerror {
        color: #f00;
        float: left;
        clear: left;
    }

div.productdetails div#proddetails a.notifyme {
    border-radius: 50px;
    background: #172026;
    border: 0;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 20px;
    font-weight: normal;
    height: auto;
    margin-left: 0;
    margin-bottom: 15px;
    padding: 11px 2% 12px;
    text-indent: 0;
    width: 100%;
    word-spacing: 3px;
    text-align: center;
    font-weight: var(--default-font-weight-light);
   
}

/************** Promo stickers *********************/

ul.sticker-promos {
    position: absolute;
    z-index: 1;
    top: 10px;
}

#divBuyItAgain.list { min-height:200px }

div#noproducts {
    background: #ececec;
    font-size: 18px;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#divBuyItAgain ul.sticker-promos {
    left: 5px;
}

ul.sticker-promos li.stickerpromo {
    margin-bottom: 0px;
}

li.stickerpromo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;}

li.movetowishlist {position:absolute; z-index:1; right:5px; top:15px;}
li.movetowishlist a.btn {padding:0}
li.movetowishlist a.btn i.glyphicon {font-size:24px; color:#828282;}
div.stickers {display: inline-block; max-width: 170px; text-align: center;}
li.prodimage div.stickers {position:static; clear:left; float:left;}
div.stickers ul li.sale-sticker {background:url("/Templates/Mercola/images/sticker-sale.png") no-repeat 0 0; padding:6px 0 0 50px; margin-bottom:3px; text-indent:-99999px; min-height:37px; clear:left}

.prodimage .stickerpromo {
    position: absolute;
    top: -10px;
    left: -10px;
}

div.stickers ul li.sale-sticker span {
    background: #af1b31;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: var(--default-font-weight-semi-bold);
    display: inline-block;
}

div.stickers ul li.sale-sticker {
    background: none;
    padding: 0px;
    margin-bottom: 3px;
    text-indent: 0;
    min-height: 37px;
    clear: left;
}

div.stickers ul li.free-sticker {
    background: #226cab;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: var(--default-font-weight-semi-bold);
    margin-bottom: 5px;
}

div.stickers ul li.freeshipping-sticker {background:url("/Templates/Mercola/images/sticker-freeshipping.png") no-repeat 0 0; padding:6px 0 0 50px; margin-bottom:3px; text-indent:-99999px; min-height:37px; clear:left}

div.stickers ul li.sale-reward {background:url("/Templates/Mercola/images/sticker-reward.png") no-repeat 0 0; padding:6px 0 0 50px; margin-bottom:3px; text-indent:-99999px; min-height:43px; clear:left}

div.stickers ul li.bogo-sticker {
    background: #af1b31;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: var(--default-font-weight-semi-bold);
    margin-bottom: 5px;
}

div.stickers ul li.new-sticker {background:url("/Templates/Mercola/images/new-sticker.png") no-repeat 0 0; padding:6px 0 0 50px; margin-bottom:3px; text-indent:-99999px; min-height:43px; clear:left
}

div.stickers div.newsticker {
    background: #2b2b2b;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: var(--default-font-weight-semi-bold);
    margin-bottom: 5px
}

div.stickers div.sale-sticker {
    background: #af1b31;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: var(--default-font-weight-semi-bold);
    margin-bottom: 5px;
}

div.stickers ul li.btgo-sticker {
    background: #af1b31;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: var(--default-font-weight-semi-bold);
    margin-bottom: 5px;
}

li.stickerpromo.stockstatus span.outofstock {background:#939393; color:#fff; font-weight: var(--default-font-weight-semi-bold); font-size:12px; padding:5px 10px;}
/************************** Free Product Popup *****************************/
div#specialpromotionalproducts.bundleproduct .cartlinescontainer {
    clear: both;
    overflow: hidden;
    width:100%;
}
.popup_visible div.popup_wrapper_visible div.freeitempopup.popup_content {background: #fff none repeat scroll 0 0; border:0; border-radius:25px; clear: both; line-height: 16px; margin: auto; width:90%; max-width: 480px; overflow: hidden; padding: 35px 20px 10px; position: relative;}
/*.popup_visible div.popup_wrapper_visible div.freeitempopup.popup_content a.btn_close{background:none; text-indent:0px; font-size:21px;}*/
.popup_visible div.popup_wrapper_visible div.freeitempopup.popup_content h3{font-size:24px; text-align:center; font-weight: var(--default-font-weight-bold); margin-bottom:20px;}
#dvNoProductAvailable{text-align:center;}

div.freeitempopup ul.freeproductslist {margin-top:10px; clear:both; overflow:hidden}

div.freeitempopup ul.freeproductslist li.freeproductdisplay {border:1px solid #fff; padding:15px; margin-bottom:5px; float:left; width:100%; cursor:pointer;}
div.freeitempopup ul.freeproductslist li.freeproductdisplay.selected {background:#EAF2F9; border:1px solid #226CAB; border-radius:10px; padding:15px;}

div.freeitempopup ul.freeproductslist li.freeproductdisplay #prod {width: 85px; height:85px; margin-right: 10px; text-align: center; max-width: 85px; max-height:85px; float: left; margin-right:10px; text-align:center;} 

div.freeitempopup ul.freeproductslist li.freeproductdisplay img {width:100%;}
 
div.freeitempopup ul.freeproductslist li.freeproductdisplay h2.pro_header {font-size:16px; font-weight:normal; color:#666; font-weight: var(--default-font-weight-bold); margin-bottom:4px; line-height:18px;}
div.freeitempopup ul.freeproductslist li.freeproductdisplay span.savings {color:#000; clear:left; float:left; width:100%; min-height:35px}
div.freeitempopup ul.freeproductslist li.freeproductdisplay span.premier {font-size:15px; color:#2369b4; float:left}
div.freeitempopup ul.freeproductslist li.freeproductdisplay span.price {clear:left; float:left; line-height:normal}
div.freeitempopup ul.freeproductslist li.freeproductdisplay span.free {color: #C00000; font-weight: var(--default-font-weight-bold); padding-bottom: 5px;}
div.freeitempopup ul.freeproductslist li.freeproductdisplay span.freeitemprice {color: #ADADAD; text-decoration:line-through}
div.freeitempopup ul.freeproductslist li.freeproductdisplay span.freeitempricelbl{color: #ADADAD;}
div.freeitempopup ul.freeproductslist li.freeproductdisplay div.qtybox{margin-bottom:4px;}
div.freeitempopup ul.freeproductslist li.freeproductdisplay div.text { float: right; width: calc(100% - 95px);}
div.freeitempopup ul.freeproductslist li.freeproductdisplay div.text input.chkselect {float:left; margin:7px 5px 0 0}
div.freeitempopup ul.freeproductslist li.freeproductdisplay div.text label.lblselect {float:left; margin-right:6%; font-size:13px; line-height:25px}
div.freeitempopup ul.freeproductslist li.freeproductdisplay div.text .lblqty { font-weight: var(--default-font-weight-bold); margin-right:5px; line-height:25px;  text-transform:uppercase; color:#636363;}
div.freeitempopup ul.freeproductslist li.freeproductdisplay div.text input.qtybox {background:none; border:0px; padding:0px; width:30px; color:#636363;  font-weight: var(--default-font-weight-bold);}
div.freeitempopup ul.freeproductslist li.freeproductdisplay div.text span.addedmessage {display:block; clear:left; float:left;color:#007f00; font-size:12px;}
div.freeprodsaddtocart {margin:10px auto 0; text-align:center; width:100%}
.cartlinescontainer div.freeprodsaddtocart .addtocart_successmsg{float:none; text-align:center; margin-top:5px; font-size:14px;}
div.freeprodsaddtocart a.showalladdtocart { color: #fff; font-weight: bold; font-size: 16px; padding: 10px 30px; background: #226CAB !important; text-decoration: none; border-radius: 25px !important; width:90%; margin:0 auto;}
div.freeprodsaddtocart a.hidealladdtocart { color: #2c2c2c; font-weight: bold; font-size: 16px; padding: 10px 30px; background: #fcfcfc !important; text-decoration: none; border-radius: 0px !important; display:none; margin:0 auto;}
div.freeprodsaddtocart span#FreeProductErrorMessage {float:none; display:block; font-weight:normal; font-size:13px; color:#ae1231; margin:0 auto 10px; text-align:center }

div.popup_wrapper_loader div.freeitemlist {display:none}




@media (max-width:385px) {
    ul.productlist > li, .owl-carousel .owl-item {height:auto}
    ul.productitem li.actionslink .btn.addtocart {clear:both; margin-top:5px; float:left}
    div.freeitempopup ul.freeproductslist li.freeproductdisplay span.savings {min-height:inherit}
    
}
@media (min-width:480px) {
    .dietryHeaderTextFS {
        width: auto;
        margin-top: 0;
        margin-left: 15px;
    }
    .popup_visible div.popup_wrapper_visible div.freeitempopup.popup_content {max-width:382px}
    ul.productitem li.prodimage {
        margin:15px auto;
    }
    li.stickerpromo {
        left:5px;
    }
    li.stickerpromo + li.stickerpromo {
        top: 32px;
        left: 5px;
    }
    .prodimage .stickerpromo {
        left: -41px;
    }
    li.movetowishlist {right:20px}
    ul.productitem li.actionslink li.prodprice span.savings {display:inline-block}

}

@media (min-width:360px) {
    div.notifymepopup div.notifyme input#email {width:auto}
}



@media (min-width:600px) {
    .dietryOverlay {width:70%; left:15%}
    div.notifymepopup.popup_content {width:60%!important}
}

@media (max-width: 989px) {
    a.addtocart:hover {
        transform: scale(1.120);
    }
}

@media (max-width: 600px) {
    a.addtocart:hover {
        transform: scale(1.050);
    }
}

@media (max-width:660px) {

    div#floatingcart ul#cartcontent li.cartdetails div.carttitle {display:block}
    div#floatingcart ul#cartcontent li.cartdetails div.qtyautoship {display:block; margin-top:10px;}
    div#floatingcart ul#cartcontent li.cartdetails div.qtyautoship p.autoshipsave {margin-left:0; padding-left:0; border:0}
    li.cartdetails div.carttotal {margin:20px 20px 20px 0}
    li.cartdetails div.cartbuttons a.continuecheckout {
        width: 50%;
        clear: none;
    }

    li.cartdetails div.cartbuttons a.contichkoutbtn {
        width: 48%;
        margin: 0 2% 10px 0
    }

}

@media (max-width:480px) {
    .owl-carousel .owl-item {
        height: auto
    }

    ul.productitem li.prod_name_description {
        min-height: 82px
    }

    div#floatingcart ul#cartcontent li.cartimage {
        margin-right: 0;
        width: 100%;
        padding: 0 20px;
        text-align: center;
    }

    div#floatingcart ul#cartcontent li.cartdetails {
        clear: both;
        padding: 0 2%;
        width: 100%
    }

    div#floatingcart ul#cartcontent li.cartdetails div.carttotal {
        margin-right: 0
    }

    div#floatingcart ul#cartcontent li.cartdetails + li.cartdetails {
        clear: both;
        padding: 0 2%;
        width: 100%
    }

    li.cartdetails div.cartbuttons a.continuecheckout {
        width: 100%;
        margin:0;
    }

    li.cartdetails div.cartbuttons a.contichkoutbtn {
        width: 100%;
        margin: 0 0 10px 0;
    }
}



@media (max-width:768px) {
    div#apparel1productlist div#breadcrumbnav {display:none!important}
    ul.productlist > li {width:50%}
    li.cartdetails div.carttotal ul.cartlinks {flex-wrap:wrap}
    li.cartdetails div.carttotal ul.cartlinks li {width:100%}

    ul.productlist > li.searchproductbanner div#hpmobile {display:block}
    ul.productlist > li.searchproductbanner div#hpdesk {display:none}
    
}

@media (min-width:769px) {
    .dietryOverlay {width:60%; left:20%}
    div.notifymepopup.popup_content {width:50%!important}
    .btn.addtocart {clear:left; margin-top:5px; float:left;}
    ul.productlist > li, .owl-carousel .owl-item {height:auto}
    .popup_visible div.popup_wrapper_visible div.freeitempopup.popup_content {max-width:500px} 
    ul.productitem li.prod_name_description {min-height:82px}
    ul.productitem li.prodimage {width:100%;margin: 10px auto;}
    ul.productitem li.prodimage img {max-width:200px; width:200px;}
    .featuredproductcarousel ul.productitem li.prodimage img {max-width:170px; width:170px;}
    li.stickerpromo {left: 5px;}
    li.stickerpromo + li.stickerpromo {top: 32px; left: 5px; }
    li.movetowishlist {right:5px;}
    ul.productitem li.actionslink li.prodprice span.savings {display: block}
}

@media (min-width:900px) {
    ul.productitem {
        display: block;
    }
    #productlistcontainer .productDetailsContainer, #productlistcontainer .productDetailsContainer > ul {
        width: 100%;
        min-height: 200px;
    }
    .productDetailsContainer div.dietContainer {
        height: auto;
    }
    .productDetailsContainer span.price {
        font-size: 18px !important;
    }
    ul.productitem .productDetailsContainer li.actionslink li.prodprice label,
    ul.productitem .productDetailsContainer li.actionslink li.prodprice span.savings,
    ul.productitem .productDetailsContainer li.actionslink li.prodprice span.listprice {
        font-size: 16px;
    }
}

    @media (min-width:940px) {
        .dietryOverlay {
            width: 50%;
            left: 25%
        }

        div.notifymepopup.popup_content {
            width: 40% !important
        }

        .btn.addtocart {
            clear: none;
            margin-top: 0px
        }

        ul.productitem li.prod_name_description {
            min-height: 60px
        }

        ul.productlist > li, .owl-carousel .owl-item {
            height: auto
        }
    }

    @media (min-width:1100px) {

        li.stickerpromo {
            left: 5px;
        }

            li.stickerpromo + li.stickerpromo {
                top: 32px;
                left: 5px;
            }

        li.movetowishlist {
            right: 20px;
        }

        ul.productitem li.actionslink li.prodprice span.savings {
            display: inline-block
        }
    }

    @media (min-width:1280px) {

        div.notifymepopup.popup_content {
            width: 30% !important
        }
        /*ul#cartcontent #customerswhobought .owl-carousel .owl-item {width:216px!important}*/
        ul.productitem li.prodimage {
            margin: 15px auto
        }
    }

    

    div.topproductlist {
        margin-top: 10px
    }

        div.topproductlist ul#productlisting.productlist > li {
            width: 100%;
            border-top: 0;
            height: auto;
            padding: 20px;
            font-size: 14px
        }

            div.topproductlist ul#productlisting.productlist > li div.productimg {
                width: 100%;
                float: left;
                text-align: center
            }

            div.topproductlist ul#productlisting.productlist > li div.productdetails {
                width: 100%;
                float: left;
            }

                div.topproductlist ul#productlisting.productlist > li div.productdetails h2 {
                    font-weight: normal !important;
                    font-size: 22px !important
                }

                    div.topproductlist ul#productlisting.productlist > li div.productdetails h2 span {
                        font-size: 14px
                    }

                div.topproductlist ul#productlisting.productlist > li div.productdetails p.subtitle {
                    color: #337ebb
                }

                div.topproductlist ul#productlisting.productlist > li div.productdetails p.price {
                    color: #982c21;
                    font-size: 13px
                }

                div.topproductlist ul#productlisting.productlist > li div.productdetails p.ordernow {
                    margin-top: 10px
                }

                    div.topproductlist ul#productlisting.productlist > li div.productdetails p.ordernow .btn.addtocart {
                        background: #90b938;
                        border: 0;
                        border-radius: 0;
                        text-shadow: 0px 0px #fff;
                        padding: 10px 35px;
                        height: auto;
                        width: auto;
                        font-size: 15px;
                        font-weight: normal
                    }

            div.topproductlist ul#productlisting.productlist > li div.productdesc {
                width: 100%;
                float: left;
                margin-top: 10px
            }

    div#catcontent ul.productlist {
        border-left: 1px solid #ebebeb;
        overflow: hidden
    }

        div#catcontent ul.productlist > li {
            border-top: 1px solid #ebebeb;
            height: 493px
        }

            div#catcontent ul.productlist > li ul li.prodprice span.premier {
                font-size: 15px;
                color: #af1a30;
                display: block
            }

            div#catcontent ul.productlist > li ul.productitem li.actionlinks ul li span a.subQty,
            div#catcontent ul.productlist > li ul.productitem li.actionlinks ul li span a.addQty {
                width: 38px
            }

            div#catcontent ul.productlist > li ul.productitem li.actionlinks ul li span input.addtocart_qty {
                width: 50px
            }

    div#catcontent div.addalltocard a.addtocart {
        border: 0
    }

    div#catcontent ul.productlist > li ul.productitem li.shortdesc {
        clear: both;
        width: 100%;
        margin-top: 10px;
        float: left;
        overflow-y: auto;
        height: 82px
    }

    ul.actionlinks li.cartline {
        margin: 10px 0;
        clear: both;
        overflow: hidden
    }


    li.actionlinks li a.subQty,
    li.actionlinks li a.addQty {
        margin-top: 10px;
        background: #f2f2f2;
        color: #000;
        display: block;
        float: left;
        font-family: open sans,sans-serif;
        font-size: 24px;
        font-weight: 400;
        height: 58px;
        line-height: 58px;
        text-align: center;
        width: 12%;
    }

    li.actionlinks li input.addtocart_qty {
        margin-top: 10px;
        background: #f2f2f2;
        color: #000;
        border: 0 none;
        border-radius: 0;
        float: left;
        font-family: open sans,sans-serif;
        font-size: 20px;
        height: 58px;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 20px 0;
        text-align: center;
        width: 14%;
        box-shadow: 1px 2px 2px #f2f2f2 inset
    }

    div.addalltocard {
        clear: both;
        overflow: hidden;
        margin: 10px auto 20px;
        text-align: center
    }

        div.addalltocard a.addtocart {
            background: #7fba00;
            border: 0 none;
            border-radius: 0;
            color: #fff;
            cursor: pointer;
            float: none;
            font-family: open sans,sans-serif;
            font-size: 18px;
            font-weight: normal;
            height: 46px;
            line-height: 46px;
            margin: 0;
            padding: 0;
            text-shadow: none;
            clear: none;
            border-left: 5px solid #fff;
            width: 175px;
        }
ul.productitem .productDetailsContainer li.prod_name_description {
    min-height: unset;
}

    @media (min-width:480px) {
        div.topproductlist ul#productlisting.productlist > li div.productimg {
            width: 170px
        }

        div.topproductlist ul#productlisting.productlist > li div.productdetails {
            width: calc(100% - 170px);
            padding-left: 15px
        }
    }

    @media (min-width:900px) {
        div.topproductlist ul#productlisting.productlist > li div.productimg {
            width: 170px
        }

        div.topproductlist ul#productlisting.productlist > li div.productdetails {
            width: 30%
        }

        div.topproductlist ul#productlisting.productlist > li div.productdesc {
            width: calc(70% - 170px);
            margin-top: 0;
            padding-left: 15px
        }
    }

    @media (max-width:1024px) {
        div.addalltocard a.addtocart {
            height: 36px;
            line-height: 36px;
            width: 136px;
        }
    }

    @media (max-width:767px) {
        div.addalltocard a.addtocart {
            font-size: 14px;
            height: 31px;
            line-height: 31px;
            width: 118px;
        }
    }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev.disabled,
    .owl-carousel .owl-nav .owl-next.disabled {
        display: none
    }

.dibBuyItems .headtitle {display:flex; justify-content:space-between;}
.dibBuyItems .headtitle .sort-order{margin-top:20px;}
.dibBuyItems ul{border-left:1px solid #ebebeb;}
.dibBuyItems ul ul{border:0px;}
.dibBuyItems ul.productlist > li {width:100%; margin-top:-1px;}
.dibBuyItems ul.productlist > li ul.productitem li.clickabletile{z-index:8;}
.dibBuyItems ul.productlist > li ul.productitem li.actionslink.displaycart{z-index:9;}
.dibBuyItems ul.productlist .productDetailsContainer, .productDetailsContainer > ul{flex: 1; }

@media (min-width:901px) {
    div#apparel1productlist.categorylist.nofilters.searchresults ul#productlisting.productlist > li,
    div#apparel1productlist.categorylist.nofilters.searchresults ul#productlisting1.productlist > li{width:33.33%}
    .dibBuyItems ul.productlist > li ul.productitem .productDetailsContainer, .dibBuyItems ul.productlist > li ul.productitem .productDetailsContainer > ul {width: 100%; min-height: 203px;}
   .dibBuyItems  ul.productlist > li {width:33%}
   .dibBuyItems ul.productlist > li ul.productitem .productDetailsContainer li.prod_name_description{font-size:18px; color:#000;}
   .dibBuyItems ul.productlist > li .btn.addtocart{font-size:13px;}
}
@media (max-width:1080px) and (min-width:901px) {
   .dibBuyItems  ul.productlist > li {width:33.33333333%}
}
@media (max-width:900px) {
   .dibBuyItems ul.productlist .productDetailsContainer{margin-left:10px;}
   .dibBuyItems ul.productlist ul.productitem .productDetailsContainer li.prod_name_description h3.prodname div.TruncatedPrdName{font-size:15px; color:#000; word-break: break-word;}
   .dibBuyItems ul.productlist ul.productitem .productDetailsContainer li.prod_name_description h3.prodname div.TruncatedPrdName span.ellip span.ellip-line{white-space: normal;}
   .dibBuyItems ul.productlist > li .btn.addtocart{font-size:12px;}
   .dibBuyItems ul.productlist > li ul.productitem li.supind{font-size:12px;}
   .dibBuyItems ul.productlist > li ul.productitem .productDetailsContainer span.price{font-size: 15px!important;}
   .dibBuyItems ul.productlist > li ul.productitem .productDetailsContainer li.prodprice label, .dibBuyItems ul.productlist > li ul.productitem .productDetailsContainer li.prodprice .listprice, .dibBuyItems ul.productlist > li ul.productitem .productDetailsContainer li.actionslink li.prodprice span.savings {font-size:13px;}
   .dibBuyItems ul.productlist > li ul.productitem .productDetailsContainer li.prodprice label, .dibBuyItems ul.productlist > li ul.productitem .productDetailsContainer li.prodprice .listprice{margin-top:4px;}
}

@media (min-width: 931px) {
    div#specialpromotionalproducts.bundleproduct .cartlinescontainer {
        margin: 0 0 30px 0;
    }
}

@media (min-width:1290px) {
    ul.productlist > li {
        width: 20%
    }

    ul#productlisting.productlist > li, ul#productlisting1.productlist > li {
        width: 25%
    }

    div#apparel1productlist.categorylist.nofilters.searchresults ul#productlisting.productlist > li,
    div#apparel1productlist.categorylist.nofilters.searchresults ul#productlisting1.productlist > li {
        width: 25%
    }

    .dietryOverlay {
        width: 40%;
        left: 30%
    }
}


/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/1.6.font-awesome.css' (Mode: Static) */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/Templates/Mercola/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("/Templates/Mercola/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'),  url("/Templates/Mercola/fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'), url("/Templates/Mercola/fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'), url("/Templates/Mercola/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}



/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/1.5.owl.carousel.css' (Mode: Static) */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; width:0 }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden; z-index:1;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: inline-block;
    width: 95%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev.disabled,
  .owl-carousel .owl-nav .owl-next.disabled {display:none}
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; overflow:hidden }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    justify-content:center;
  }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  height:auto!important}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/Templates/Mercola/CSS/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-item a {
    display: block;
    text-align: center; }

.featuredproductcarousel.owl-carousel .owl-item {
    display:flex !important; padding:5px 9px }

#sugestedproduct .owl-carousel {
    border:none; }

    #sugestedproduct .owl-carousel .owl-item{
        border:none; }