/*! normalize.css v3.0.1 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:900}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}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{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{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-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

/* make paddings not count on overall width */
* {
 -moz-box-sizing: border-box; 
 -webkit-box-sizing: border-box; 
  box-sizing: border-box;     
}

.fa { display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.fa-angle-down::before { content: '\f107'; }
.fa-bars::before { content: '\f0c9'; }
.fa-search::before { content: '\f002'; }
.fa-times-circle-o::before { content: '\f057' }

html, body { padding: 0px; margin: 0px; font-family: 'Roboto'; background: white; }
body { color: #000; font-family: 'Roboto'; font-size: 18px; line-height: 1.7; }
#maincontent h2 { margin: 0px; font-size: 20px; }
#maincontent h2 a { color: #0869BD; text-decoration: none; }
#maincontent h2 a:hover { text-decoration: underline; }
#maincontent a { text-decoration: none; }
.mm-menu.mobile-nav .mm-opened>li a .ad-label {
    display: inline-block !important;
    margin-left: 1em;
    color: inherit;
    font-size: 11px;
    margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
#sidr-navigation { display: none }
.sticky-header { position: fixed; top: 0px; width: 100%; }
.desktop-menu .main-menu-bg .main-menu>ul>.current-item>a .ad-label { text-align: center; display: block !important; color: #fff; font-size: 9px; margin-bottom: 0px; margin-top: -6px; }
}

@media screen and (max-width: 1199px) 
{
.desktop-menu { display: none; }    
}

.main-menu-bg { background: #1d639f; font-size: 16px; }
.main-menu-bg::after { content: ""; clear: both; display: block; }
.main-menu-bg .main-menu > ul { margin: 0px; padding: 0px; }
.main-menu-bg .max-width-collapsed { max-width: 1200px; margin-left: auto; margin-right: auto; padding-right: 16px; padding-left: 16px; }
.main-menu-bg .fa { margin-left: 9px; }
.main-menu-bg .main-menu a { transition: all linear 0.15s; color: white; font-weight: 900; text-decoration: none; }
.main-menu-bg .main-menu a.new::after, .main-menu-bg .main-menu a.nuevo::after, .mm-menu .mm-panel a.new::after, .mm-menu .mm-panel a.nuevo::after { 
	background: #ba0100;
	color: white;
	font-size: 12px;
	top: -10px;
	padding: 1px 3px;
	border-radius: 3px;
	margin-left: 4px;
	position: relative;
	font-weight: 900; 
}
.main-menu-bg .main-menu a.new::after, .mm-menu .mm-panel a.new::after { content: "NEW"; }
.main-menu-bg .main-menu a.nuevo::after, .mm-menu .mm-panel a.nuevo::after { content: "NUEVO"; }
.main-menu-bg .main-menu li:hover > a { text-decoration: none; color: #2d2d2d; }
.main-menu-bg .main-menu li:hover .fa { color: #0e87ee; }
.main-menu-bg .main-menu .current-item, .main-menu-bg .main-menu .about-item { float: right; }
.main-menu-bg .main-menu .current-item > a { color: white; }
.main-menu-bg .main-menu .current-item > a:hover { color: white; background: #37a3ff; }
.main-menu-bg .main-menu .about-item > a { color: white; font-size: 14px; text-transform: none; line-height: 17px; text-align: center; margin-top: 0px; }
.main-menu-bg .main-menu .about-item > a:hover { color: #a7d6ff; background: transparent; }
/*----- Top Level -----*/
.main-menu-bg .main-menu > ul > li { float:left; display:inline-block; position:relative; font-size:19px; }
.main-menu-bg .main-menu > ul > li > a { padding:8px 16px 11px 16px; margin-top: 3px; display:inline-block; text-transform: uppercase; }
.main-menu-bg .main-menu > ul > li:hover > a { background: white; }
.main-menu-bg .main-menu > ul > .current-item > a { background: #0e87ee; margin-top: 0px; padding: 5px 18px 8px 18px; text-align: center; }
/*----- Bottom Level -----*/
.main-menu-bg .main-menu li:hover .sub-menu { z-index:2; opacity:1; }
.main-menu-bg .sub-menu { width:250px; padding:5px 0px; position:absolute; top:100%; left:0px; z-index:-1; opacity:0; transition: opacity linear 0.15s; box-shadow:0px 2px 3px rgba(0,0,0,0.2); background: white; }
.main-menu-bg .sub-menu li { display:block; font-size:16px; }
.main-menu-bg .sub-menu li a { padding:10px 25px; display:block; color: #0869bd; font-weight: 500; }
.main-menu-bg .sub-menu li a:hover, .main-menu-bg .sub-menu .current-item a { color: #0869bd; background:#e8f4ff; }
/*----- End Desktop Menu ----*/
@media screen and (min-width: 1200px) {
.sticky-menu { position: fixed; top: 63px; width: 100%; z-index: 3; transition: all 2s ease-in-out; }
.sticky-menu .sticky-trigger-icon { width: 100%; top: 74px; position: fixed; float: left; height: 0px; }
.sticky-menu .sticky-trigger-icon .sticky-trigger { transition: all 2s ease-in-out; z-index: 20; top: 0; position: fixed; right: 1090px; left: 0; width: 80px; height: 80px; margin: 0 auto; }
.sticky-menu:hover .main-menu-bg { opacity: 1; visibility: visible; overflow: visible; transition: all 0.2s ease-in-out; }
.sticky-menu .main-menu-bg { opacity: 0; visibility: hidden; overflow: hidden; }
}
.header:focus {  outline: none !important; }

/*-----  When has-sticky is present ----*/
@media screen and (min-width: 1200px) {
.has-sticky { margin-top: 170px; }
.has-sticky #headcontainer { position: fixed; top: 0px; width: 100%; background: white; z-index: 2; box-shadow: 0px 8px 7px -6px #cecece; }
.has-sticky .fix-width.header { padding: 9px; }
.has-sticky .sub-links { display: none; }
.has-sticky #search { width: 41%; margin: 7px 14px 4px auto; }
.has-sticky .login { width: 220px; margin-left: 80px; }
}

/*----- Sticky Menu icon for Desktop Header ----*/
#sticky-trigger-icon { display: none; }
#responsive-menu-button .fa, #sticky-trigger-icon .fa { font-size: 32px; color: #868686; padding: 12px; }
.search-icon .fa { font-size: 32px;color: #868686; padding: 12px; }
@media screen and (min-width: 1200px) {
    .has-sticky #sticky-trigger-icon { display: block; float: left; width: 9%; margin-right: 2%; text-align: center; }
}


/*----- Login Area -----*/
.login { display: block; float: left; width: 184px; margin-top: 15px; font-size: 17px; margin-right: 0px; color: #181818; }
.login p { margin-bottom: 0px; }
.login .customer-class { width: 200px; height: 20px; display: block; background-repeat: no-repeat; background-position: left center; }
.login .customer-class.Retail { background-image: url(//media.mercola.com/assets/images/mercola/customer_mymercola.png); }
.login .customer-class.Wholesale { background-image: url(//media.mercola.com/assets/images/mercola/customer_wholesale.png); }
.login .customer-class.wholesale { background-image: url(//media.mercola.com/assets/images/mercola/customer_wholesale.png); }
.login .customer-class.Premier { background-image: url(//media.mercola.com/assets/images/mercola/customer_premier.png); }
.login .customer-class.Preferred  { background-image: url(//media.mercola.com/assets/images/mercola/customer_preferred.png); }
.login .customer-classPreferredEs { background-image: url(//media.mercola.com/assets/images/mercola/customer_preferente.png); }
.account-name { position: relative; margin-top: 4px; }
.account-name:hover .account-dropdown { z-index:1; opacity:1; }
.account-name a { color: #3d3d3d; text-decoration: none; }
.account-name span { max-width: 148px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; float: left; width: auto; margin-right: 5px; }
.account-dropdown { margin-top: 0px; width:200px; padding:5px 0px; position:absolute; top:100%; left:0px; z-index:-1; opacity:0; transition: opacity linear 0.15s; box-shadow:0px 2px 3px rgba(0,0,0,0.2); border: 1px solid #d7d7d7; border-radius: 4px; background: white; }
.account-dropdown li { display:block; font-size:14px; margin: 0px; }
.account-dropdown li a { padding:5px 16px; display:block; color: #0869bd; font-weight: 500; }
.account-dropdown li a:hover { background:#e6f3ff; }
.login .logged-out { text-align: right; margin-top: 3px; }
.login .logged-out  span { display: inline-block; }
.login .logged-out  span.sign-in a { padding: 8px 15px; border: 1px solid #0e87ee; border-radius: 5px; text-decoration: none; color: #0869BD; }
.login .logged-out  span.join { margin-left: 4px; }
.login .logged-out  span.join a { color: white; background: #0e87ee; padding: 8px 15px; border: 1px solid #0e87ee; border-radius: 5px; transition: all 0.5s; text-decoration: none; }
.login .logged-out  span.join a :hover { background: #37a3ff; border: 1px solid #37a3ff; }
@media screen and (max-width: 1199px) {
    .login { display: none; }
}
.sub-links { display: none; }
@media screen and (min-width: 1200px) {
	.sub-links { display: block; float: left; width: 17.8%; margin-top: 18px; margin-left: 0px !important; color: #575757; font-size: 17px; margin-right: 1%; }
	.sub-links p { margin-bottom: 0px; font-size: 17px; line-height: 23px; margin-top: 5px; }
	.sub-links ul { line-height: 15px; margin-top: -3px; margin-bottom: 0px; padding-left: 10px;}
	.sub-links ul > li { display: inline-block; margin: 0px 6px 0 0; }
	.sub-links ul > li:last-child { margin-right: 0px; }
	.sub-links a { color: #575757; font-size: 15px; text-decoration: none; }
	.sub-links .fa { color: #575757; margin-right: 4px; font-size: 20px; width: 20px; }
	.sub-links .fa-phone { margin-right: 0px; margin-left: -23px; }
	.sub-links .cart { position: relative; display: none; }
	.sub-links .cart-count { position: absolute; top: -4px; left: 9px; font-size: 10px; color: white; background: #0e87ee; border-radius: 100%; width: 20px; text-align: center; border: 2px solid white; }
}
.lang-globe a { color: #0c7eec; } 
.lang-globe a:first-child { color: #575757; }
.lang-globe > a:first-child:before {   content: url(https://media.mercola.com/themes/mercola/images/lang-globe.png); display: block; float: left; padding: 0px 5px 0 0; margin-top: -2px; }
.lang-globe .fa { margin-right: 0px!important; position: relative; z-index: 1; }
/*----- Top Level -----*/
.lang-globe { display:inline-block; position:relative; margin-left: 0px; padding: 6px 0px; margin-right: 10px; }
.lang-globe > a { padding: 0px 4px 0px 8px; display:inline-block; text-transform: uppercase; z-index: 1; position: relative; }
.lang-globe .fa { padding: 0px; top: 2px; }
.lang-globe:hover { background: #eeeeee; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
/*----- Bottom Level -----*/
.lang-globe:hover .lang-dropdown { z-index:1; opacity:1; }
.lang-dropdown { width:110px; padding:0 !important; position:absolute; top:100%; left:0px; z-index:-1; opacity:0; transition:opacity linear 0.15s; box-shadow:0px 2px 3px rgba(0,0,0,0.2); background: #eeeeee; margin-top: 0px!important; }
.lang-dropdown li { display:block!important; font-size:16px; text-align: left; margin: 0px!important; }
.lang-dropdown li a { padding:8px 16px; display:block; color: #0869bd!important; font-weight: 500; }
.lang-dropdown li a:hover, .lang-dropdown .current-item a { color: #0869bd; background:#fafafa; }

/*---- Header Footer Subscription ----*/
.centered-text { text-align: center; }
.max-width-collapsed { max-width: 1200px; margin: 0 auto; }
.max-width-collapsed::after { clear: both; content: ""; display: block; }
.subscription-label { float: left; width: 48%; text-align: center; color: #2d2d2d; font-weight: 700; }
.top-subscription { padding: 14px 0px; }
@media screen and (max-width: 1199px) {
.top-subscription { display: none; }
}
.top-subscription::after { clear: both; content: ""; display: block; }
.subscription-input { float: left; width: 23%; }
.subscription-button { float: left; width: 18%; }
.subscription-close { float: left; width: 1.8%; }
.subscription-input input[type="text"] { margin: 0; border: 1px solid #2d2d2d; border-radius: 5px 0px 0px 5px; color: #5d5d5d; background-color: #f7f7f7; cursor: text; box-shadow: inset 0 1px 3px rgba(0,0,0,0.06); box-sizing: border-box; padding: 9px; font-size: 14px; width: 100%; }
.subscription-button input[type="submit"] { background: #2d2d2d; border-radius: 0px 5px 5px 0px; border: 1px solid #2d2d2d; font-size: 16px; padding: 10px 14px 10px 38px; background-image: url("https://media.mercola.com/assets/images/mercola/fa-envelope.png"); background-repeat: no-repeat; background-position: 10px 10px; font-weight: 700; line-height: 1; vertical-align: middle; white-space: nowrap; transition: background-color 200ms ease; color: white; }
.top-subscription .subscription-close .fa { color: #868686; font-size: 20px; padding-top: 6px; }
.top-subscription .subscription-close .fa:hover { cursor: pointer; }
.bottom-subscription { background: #f2f2f2; padding: 18px 15px; }
.bottom-subscription .max-width-collapsed { max-width: 1160px; }
.bottom-subscription .subscription-form::after { clear: both; content: ""; display: block; }
.bottom-subscription .social-media .title { text-align: center; color: #3d3d3d; text-transform: uppercase; font-weight: 700; font-size: 18px; margin-bottom: 4px; display: block; margin-right: 0px; line-height: 24px; margin-top: 5px; } 
.bottom-subscription .social-media a { padding: 4px; font-size: 24px; color: #0869BD; }
.bottom-subscription .social-media .itunes-icon::before { content: url(//media.mercola.com/assets/images/mercola/itunes-icon.png); position: relative; top: 3px; }
.bottom-subscription .social-media .sms-icon::before { content: url(//media.mercola.com/assets/images/mercola/sms-icon.png); position: relative;  top: 3px; }
.bottom-subscription .subscription-form .subscription-label { margin-bottom: 5px; }
@media screen and (min-width: 768px) {
.bottom-subscription .subscription-form { float: left; width: 60%; }
.bottom-subscription .subscription-form .subscription-label { float: none; width: auto; text-align: left; }
.bottom-subscription .subscription-input { width: 43%; }
.bottom-subscription .social-media { width: 39%; float: right; text-align: center; }
}
@media screen and (min-width: 540px) and (max-width: 767px) {
.bottom-subscription .subscription-label { float: none; width: auto; }
.bottom-subscription .subscription-input { width: 43%; margin-left: 15%; }
.bottom-subscription .social-media { text-align: center; margin-top: 14px; }
}
@media screen and (max-width: 540px) 
{
    .bottom-subscription .subscription-label { float: none; width: 100%; }
    .bottom-subscription .subscription-input { width: 100%; margin-left: 0; }
    .bottom-subscription .subscription-input input[type="text"] { border-radius: 5px; margin-top: 10px; padding: 14px; }
    .bottom-subscription .subscription-button input[type="submit"] { border-radius: 5px; width: 100%; background-image: none; margin-top: 10px; padding: 14px; }
    .bottom-subscription  .subscription-button { width: 100%; }
    .bottom-subscription .social-media { text-align: center; margin-top: 22px; }
}

@media only screen and (min-width: 1200px) {
    .fade-in {
    animation: fadein 1.5s;
    -moz-animation: fadein 1.5s;
    -webkit-animation: fadein 1.5s;
    -o-animation: fadein 1.5s;
    }
 
    .block-hidden{
        opacity: 0;
    }
}
 
@keyframes fadein {
    from { opacity: 0;}
    to {opacity: 1;}
}
 
@-moz-keyframes fadein {
    from { opacity: 0;}
    to {opacity: 1;}
}
 
@-webkit-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
 
@-o-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

/*** Mmenu ***/
.mm-menu > .mm-list { padding: 0px 0 40px; }
.mm-menu .mm-list > li > a.mm-subclose::before, .mm-menu .mm-list > li > a.mm-subopen::after { border-color: rgba(255, 255, 255, 0.3); }
.mm-list > li > a, .mm-list > li > span { color: #d6d6d6; }
.mm-menu .mm-list > li > a.mm-subclose { color: white; display: block; padding: 10px; margin: 0; text-align: center; }
.mm-list a.mm-subclose::before { margin-bottom: -5px; }
.mm-menu .mm-list > li > a.mm-subclose, .mm-menu .lang-mobile { background: rgba(0,0,0,0.2); }
.mm-prev { padding: 0px!important; }
.mm-menu .lang-mobile a { padding: 0 10px; }
.mm-menu .lang-mobile a::first-child { border-right: 1px solid #1b1b1b; }
/*** .mm-menu .lang-mobile span::before { content: url(https://media.mercola.com/themes/mercola/images/lang-globe-mobile.png); margin-right: 9px; top: 2px; position: relative; }***/

#owl-container .owl-nav { z-index: 1!important; }
.gsib_a {padding: 5px 0 4px 0 !important;}

header .gsc-search-button-v2 svg {height: 20px;}
header #search #qmaster { display: table;float: right; }
header #search #qmaster form.gsc-search-box { margin-bottom: 0px; }
header #search #qmaster table.gsc-search-box { margin-bottom: 0px; }
header #search #qmaster .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0px; }
header #search #qmaster .searchloadingicon { max-width: initial; width: 13px; }
#search .gsc-search-button-v2, #search .gsc-search-button-v2:hover, #search .gsc-search-button-v2:focus {padding: 11px 27px 11px 27px !important;}
.gstl_51.gssb_c {z-index: 3;}
.mobile-nav.mm-opened ~ .gstl_51.gssb_c {display: none !important;}
.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; }
.fa-phone:before { content: "\f095"; margin-right: 4px; }
.fa-facebook-f:before { content: "\f09a"; }
.fa-twitter:before { content: "\f099"; }
.fa-youtube:before { content: "\f167"; }
.fa-instagram:before { content: "\f16d"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-rss:before { content: "\f09e"; }
.fa-whatsapp:before { content: "\f232"; }
.fa-microphone:before { content: "\f130"; }
.fa-reddit:before { content: "\f1a1"; }
.fa-youtube-play:before { content: "\f16a"; }
.footer { color: #fff; font-size: 14px; background: #164A78; }
.footer .max-width, .footer-partners .max-width { max-width: 1160px; margin-left: auto; margin-right: auto; padding: 18px 15px; }
.footer .max-width::after, .footer-partners .max-width::after { clear: both; content: ""; display: block; }
.footer-links ul, .footer-partners ul { float: left; display: block; margin-right: 2.2%; width: 22.7%; padding-left: 0px; }
.footer-links li, .footer-partners li  { list-style: none; }
.footer-links .title  { font-size: 18px; font-weight: 900; list-style: none; margin-bottom: 18px;}
.footer p { color: rgba(255,255,255,0.9); }
.footer a { color: rgba(255,255,255,0.6); text-decoration: none; }
.footer a:focus, .footer a:hover { color: #fff }
.footer .disclaimer { clear: both; padding: 10px; background: white; max-width: 570px; margin: 5px auto; }
.footer .disclaimer p { border: solid 3px #000; color: Black; padding: 5px; margin: 0px; font-size: 12px; text-align: center; }
.footer .centered-text { text-align: center; }
.footer-partners { background: #e2e2e2; }
.footer-partners li { line-height: 24px; }
.footer-partners li a { font-size: 14px; color: #0869BD; text-decoration: none; }
.footer-partners .title span { color: #3d3d3d; display: block; text-transform: uppercase; font-weight: 700; font-size: 24px; }
.footer-partners .title { font-size: 18px; color: #3d3d3d; margin-top: 65px; }
.footer-seal { background: #133f64; padding: 18px; text-align: center; }
.footer-seal  ul { margin: 0px; padding: 0px; }
.footer-seal .max-width { max-width: 1160px; width: 100%; margin: 0 auto; }
.footer-seal .max-width::after { clear: both; content: ""; display: block; }
.footer-seal li { float: none; display: inline-block; margin-right: 2.43902%; width: 18.04878%; text-align: center;}
.footer-seal li:nth-child(5) { margin-right: 0px; }
.footer-seal li div { margin: 0 auto; }
.footer-seal li img { height: auto; max-width: 100%; }
@media screen and (max-width: 768px) { .footer-partners, .footer-links { display: none; }}
@media screen and (max-width: 1199px) {.gstl_51.gssb_c {position:absolute!important;}.gstl_51.gssb_c {position:absolute!important;}}
@media screen and (min-width: 1200px) {#maincontentcontainer {margin-top: 0px !important;} #headcontainer {z-index: 9; position: relative;}}
@media screen and (min-width: 990px) and (max-width: 1199px) {.gstl_51.gssb_c {top: 240px !important}}
@media screen and (max-width: 989px) {.gstl_51.gssb_c {top: 240px !important;}}
@media screen and (max-width: 730px) {.gstl_51.gssb_c {top: 270px !important;}}
@media screen and (max-width: 392px) {.gstl_51.gssb_c {top: 301px !important;}}

/* main template - desktop only */
@media screen and (min-width: 1200px)  {
    .mobile { display: none; }    
    .fix-width { max-width: 1200px; margin: 0 auto; padding: 18px 15px; position: relative; }
    .pad { padding: 15px; }
    #logo { float: left; width: 20%; margin-right: 0.8%;  }
    #search { float: left; width: 35.12195%; padding: 0; margin: 7px auto 4px auto; margin-right: 2.43902%;}
    #loginframe { float: right; width: 245px; padding-top: 12px; }
    #toll-free { float: left; width: 150px; padding-top: 12px; padding-left: 8px; font-size: 18px; color: #2369b4; text-align: right; font-family: Aileron-Bold,Helvetica,sans-serif; }
    .clear { clear: both }
    .select-lang { float: left; width: 50px; padding-left: 20px; padding-top: 15px; text-align: center; }
    .fix-width.header { padding: 27px 15px 22px 15px; }
    #navcontainer { background: #1d639f }
    #main { padding: 0px; }
    #mainnav { list-style: none; margin: 0px; padding: 0px; }
    #mainnav ul { list-style: none; margin: 0px; }
    #mainnav li { display: inline-block; }
    #mainnav li a { display: block; color: white; text-decoration: none; padding: 7px 25px 10px 25px; font-size: 20px; font-weight: 900; text-transform: uppercase; margin-top: 3px; transition: color 0.3s; }
    #mainnav li a:hover { color: rgba(255,255,255,0.8); }
    #mainnav .mobile { display: none; }
}

/* main template - mobile only */
@media screen and (max-width: 1199px) {
    .notmobile { display: none; }  
    #headcontainer { width: 100%; box-shadow: 0px 8px 7px -6px #cecece; background: white; z-index: 1; }
    .fix-width.header { padding: 0; }
    .pad { padding: 94px 18px 18px 18px; }
    #logo { text-align: center!important; width: 95%; padding-top: 10px; }
    #logo img { width: 150px; }
    #trigger-menu { float: left; }
    #trigger-search { position: absolute; top: 0px; right: 0px; }
    #loginframe { display: none; }
    #search {
        position: absolute;
        top: 56px;
        display: none;
        background-color: #f3f3f3;
        right: -1px;
        padding: 10px;
        z-index: 1;
        margin: 0px; padding: 10px; 
    }
    
    #main { background: #333; }
    #main li { border-bottom: 1px solid #2b2b2b; }
    #mainnav li:nth-of-type(3) { display: none; }
    #mainnav li a { color:#d6d6d6; transition: all 0.3s; }
    #mainnav li a:hover { color: White; background:#2e2e2e; }
    #mainnav a.mm-fullsubopen:hover { background: transparent;  transition: all linear 0.15s; }
    #mainnav a.mm-fullsubopen:hover ~ span { background:#2e2e2e;  transition: all linear 0.15s; }
    #mainnav span.cart-count { background: #cc0000; color: white; padding: 1px 3px; font-size: 12px; border-radius: 3px; font-weight: 900; position: relative; top: -5px; left: 4px; }
    #mainnav .Retail, #mainnav .Premier, #mainnav .Wholesale, #mainnav .Preferred, #mainnav .Platinum { background-repeat: no-repeat; width: 200px; background-repeat: no-repeat; height: 30px;  margin: 3px 0px; }
    .disclaimer span p { white-space: initial; }
    .disclaimer a { color: #60A3DE; }
    #mainnav .Retail { background-image: url(//media.mercola.com/assets/loyality/mymercolamobilev3.png); }
    #mainnav .Premier { background-image: url(//media.mercola.com/assets/loyality/premierplusmobilev3.png); }
    #mainnav .Wholesale { background-image: url(//media.mercola.com/assets/images/mercola/customer_wholesale.png);}
    #mainnav .Preferred { background-image: url(//media.mercola.com/assets/loyality/preferredmobilev3.png); }
    #mainnav .Platinum { background-image: url(//media.mercola.com/assets/loyality/platinummobilev3.png); }
}


/*modified content search */
#qmasterbody { margin-top: 16px; display: table; width: 100%; }
#___gcse_1 { display: table-cell; vertical-align: middle; width: 100%; }
#qmasterbody .gsc-input-box {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #86b6ff;
    border-left: 0px;
    height: 42px;
    background-color: #f7f7f7;
    padding: 0px;
}

#qmasterbody .gsc-input-box:focus-within {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(7, 91, 165, 0.7);
}

#qmasterbody .gsst_a {
    padding-top: 10px;
}

#qmasterbody .gsc-input {
    padding-right: 0px;
}

#qmasterbody input[type=text] {
    box-shadow: none !important;
    padding: 7px !important;
    font-size: 17px !important;
    background-color: #f7f7f7!important;
}

#qmasterbody .gsc-search-button input[type=image] {
    padding: 12px 31px 13px 31px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0px;
    border: 1px solid #0869BD;
    background-color: #4787ED;
    background: -webkit-gradient(linearlarge, top, from(#4C8FFD), to(#4787ED));
    background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
    background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
    background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
    background: -o-linear-gradient(top, #4C8FFD, #4787ED);
    background: linear-gradient(top, #4C8FFD, #4787ED);
}

#qmasterbody table.gsc-search-box { margin-bottom: 0px; }
#qmasterbody form.gsc-search-box { margin-bottom: 0px; }

.header .search .gsc-search-button-v2, .header .search .gsc-search-button-v2:hover, .header .search .gsc-search-button-v2:focus {
    background-color: #3F83F1!important;
    padding: 15px 27px 27px 27px !important;
    margin: 0px 9px 0px 0px!important;
    border-radius: 0px 5px 5px 0px!important;
}

#qmasterbody .gsc-search-button-v2, #qmasterbody .gsc-search-button-v2:hover, #qmasterbody .gsc-search-button-v2:focus {
    background-color: #3F83F1!important;
    padding: 12px 27px!important;
    margin: 0px 9px 0px 0px!important;
    border-radius: 0px 5px 5px 0px!important;
    height: 44px;
}

#qmaterbody table.gsc-search-box td { vertical-align: top!important; }
#qmasterbody .searchloadingicon { max-width: initial; width: 13px; }

#search input[type="text"] {font-size: 14px!important; border-left: 0px!important;background-color: #f7f7f7 !important;}
select::-ms-expand { display: none!important; }
#search input[type="text"]::placeholder {font-size:14px!important;color:#5d5d5d!important}

#search .gsc-input-box {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px!important;
    height: 44px;
    margin: 0px;
    background: #f7f7f7;
    border: 1px solid #86b6ff;
    padding: 0px;
}

#search .gsst_a { padding-top: 8px; }

.qmaster-dropdown {
    display: table-cell;
    vertical-align:middle;
    min-width: 70px !important;
    height: 48px;
    vertical-align: middle;
    padding: 14px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #f0f0f0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #575757;
    background-image: url(//media.mercola.com/themes/mercola/images/search-select-arrow.png);
    background-repeat: no-repeat;
    background-position: 85% 50%;
    background-size: 7px;
    font-size: 12px !important;
    border: 1px solid #86b6ff;
    margin-bottom: 0 !important;
}

.search-box {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

@media screen and (max-width: 1199px) {
    #qmaster .search-box { width: 200px; }
}

.swiftype-search-textbox {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px !important;
    height: 48px;
    width: 100%;
    margin: 0px;
    background: #f7f7f7;
    border: 1px solid #86b6ff;
    border-left-color: rgb(134, 182, 255);
    border-left-style: solid;
    border-left-width: 1px;
    padding: 4px 0px 4px 8px;
    font-size: 14px !important;
}

 .swiftype-search-textbox:focus{
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(7,91,165,0.7);
    outline: none;
}
 
.swiftype-search-textbox::placeholder {
    font-size: 14px !important;
    color: #5d5d5d !important;
    margin: 43px !important;
    width: 100%;
}

.swiftype-search-button {
    background-color: #0e87ee !important;
    border: none;
    padding: 6px 27px 6px 27px !important;
    margin: 0px 0px 0px 0px !important;
    border-radius: 0px 5px 5px 0px !important;
    height: 48px;
    display: table-cell;
    vertical-align: middle;
}

.swiftype-search-button svg {
    fill: white;
    width: 18px;
    height: 18px;
}

.swiftype-widget .autocomplete {
    background: #fff;
    font-size: 16px;
    background: white;
    border: 1px solid #CCC;
        border-top-color: rgb(204, 204, 204);
    border-top-color: rgb(204, 204, 204);
    border-top-color: #D9D9D9;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    margin: 0;
}

.swiftype-widget .autocomplete .active {background: #f0f0f0;}

.mm-page .swiftype-widget:nth-child(2) .autocomplete {
    z-index: 2 !important;
}

.mm-page .swiftype-widget:nth-child(3) .autocomplete {
    z-index: 0 !important;
}

.swiftype-widget .autocomplete ul {
    padding: 0;
    margin: 0;
}

.swiftype-widget .autocomplete ul li {
    list-style: none;
    border-bottom: 1px solid #efefef;
    line-height: 18px;
    padding: 8px 10px !important;
    font-size: 16px;
    cursor: pointer;
    word-wrap: break-word;
}

.swiftype-widget .autocomplete ul li:hover {
    background: #f0f0f0;
}

@media screen and (max-width: 480px) {
    .mm-page div.swiftype-widget:nth-child(3) .autocomplete {
        left: auto !important;
        right: 10px !important;
        width: 273px !important;
    }
}

@media screen and (max-width: 1200px) {
    .mm-page div.swiftype-widget:nth-child(2) .autocomplete {
        top: 115px !important;
        left: auto !important;
        right: 10px !important;
        width: 273px !important;
        position: fixed !important;
    }
 
}


#___gcse_0 {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

/* To make the search auto complete stick on sticky header search and mobile search */
.gssb_c {
    position: fixed!important;
	margin-top: 2px!important;
}

/* Allow break on long autocomplete search terms  */
.gssb_a, .gssb_a td { white-space: normal !important; padding: 2px 5px !important;  }
.gsc-completion-container { font-family: "Roboto", Arial;  }
.gsc-completion-container tr { border-bottom: 1px solid #efefef; line-height: 18px; padding: 4px !important; }

.rateit-range {display: block;height: 14px;position: relative;display: -moz-inline-box;display: inline-block;background: url("//media.mercola.com/assets/images/rateit-star.png");outline: 0;width: 70px;}
.rateit-range * {display: block;}
.rateit-selected {background: url("//media.mercola.com/assets/images/rateit-star.png") left -17px;width: 0px;height: 14px;}
.rateit-hover {background: url("//media.mercola.com/assets/images/rateit-star.png") left -16px;}
.rateit-range.rateit-0 .rateit-selected {width:0px}
.rateit-range.rateit-0pt5 .rateit-selected {width:7px}
.rateit-range.rateit-1  .rateit-selected {width:15px}
.rateit-range.rateit-1pt5 .rateit-selected {width:21px}
.rateit-range.rateit-2 .rateit-selected {width:25px}
.rateit-range.rateit-2pt5 .rateit-selected {width:35px}
.rateit-range.rateit-3 .rateit-selected {width:41px}
.rateit-range.rateit-3pt5 .rateit-selected {width:49px}
.rateit-range.rateit-4 .rateit-selected {width:55px}
.rateit-range.rateit-4pt5 .rateit-selected {width:63px}
.rateit-range.rateit-5 .rateit-selected {width:67px}

/*GDPR*/
.top-button { right: 12px; z-index: 2; display: block; margin-bottom: 18px; text-align: right; margin-right: 12px; }
.top-button span { display: inline-block; }
.top-button a { font-family: "Roboto"; background-color: #bbb; border: 1px solid #bbb; color: #333; opacity: 0.5; transition: opacity 0.5s; padding: 16px 22px; appearance: none; border-radius: 5px; cursor: pointer; display: inline-block;  font-size: 14px; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; text-align: center; text-decoration: none; user-select: none; vertical-align: middle; white-space: nowrap; }
.top-button a:hover { opacity: 1; background-color: #cbcbcb; border: 1px solid #cbcbcb; color: #333; }
.top-button a:before { content: ""; font-family: 'FontAwesome'; src: url(//media.mercola.com/assets/fonts/fontawesome-webfont.eot); display: inline-block; margin-right: 6px; }

.gdpr-wrap { position: fixed; bottom: 0; width: 100%; margin-right: auto; margin-left: auto; left: 0; right: 0; z-index: 9999; }
.gdpr-container { margin: 0 !important; position: relative; display: block; background: #F1F2F2; z-index: 9999 !important; padding: 14px; width: 100%; box-shadow: 0px -2px 15px rgba(146,144,144,0.5); text-align: center; padding: 1.46em 0.5em; }
.gdpr-container .close-button { display: inline-block; }
.gdpr-container .close-button p { margin: 0; }
.gdpr-container .close-button p a { position: absolute; right: 50px; top: 35px; border-radius: 50%; color: #3c3c3c; width: 20px; text-align: center; line-height: 20px; text-transform: lowercase !important; font-weight: bold; }
.gdpr-container .close-button p a:hover { cursor: pointer; }
.gdpr-container > p { padding-right: 25px; }
.gdpr-container p { font-family: Arial; font-size: 13px; font-weight: bold; color: #3c3c3c;  line-height: 18px; display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
.gdpr-container p a { text-decoration: none; }
.gdpr-container .agree-button { text-align: center; display: inline-block; vertical-align: middle; }
.gdpr-container .agree-button p { padding-bottom: 2px; margin: 0; }
.gdpr-container .agree-button a { color: white !important; font-size: 13px; color: #fff; background-color: #0869BD; text-align: center; line-height: 24px; cursor: pointer; text-decoration: none; font-family: Arial; padding: 6px 24px; border-radius: 5px; }
.gdpr-container .agree-button a:hover { background:#065497; }
.fa-times:before { content: ""; font-family: 'FontAwesome'; src: url(//media.mercola.com/assets/fonts/fontawesome-webfont.eot); }
.has-countdown { margin-bottom: 70px; }
.has-gdpr { margin-bottom: 85px; }
.has-countdown.has-gdpr { margin-bottom: 169px; } 

@media only screen and (max-width: 1199px) {
.gdpr-container.es p { margin: 0 !important; }
.has-gdpr.has-social { margin-bottom: 160px; }
.has-gdpr.es.has-social { margin-bottom: 165px; }
}

@media only screen and (max-width: 1120px) {
    .gdpr-container.es p { text-align: left; width: 59%; }
}

@media only screen and (max-width: 990px) {
    .gdpr-container { padding: 1.46em 1.5em; }
    .gdpr-container p { text-align: left; width: 59%; }
    .gdpr-container.es p { width: 64%; }
    .gdpr-container .agree-button { width: 20%; }
    .gdpr-container .agree-button p { max-width: 300px; display: inline; }
}

@media only screen and (max-width: 639px) {
    .gdpr-container .close-button p a { right: 0; }
}

@media only screen and (max-width: 792px) {
	.has-gdpr.es { margin-bottom: 90px }
	.has-gdpr.es.has-social { margin-bottom: 160px; }
}

@media only screen and (max-width: 701px) {
    .gdpr-container { padding: 1.46em 0.5em; }
    .gdpr-container .agree-button { width: 30%; }
    .gdpr-container .close-button p a { right: 10px; top: 35px; }
    .gdpr-container.es .close-button p a { right: 10px; top: 35px; }
    .gdpr-container.es { padding: 1em 0.5em; }
}

@media only screen and (max-width: 664px) {
	.has-gdpr { margin-bottom: 106px; }
	.has-gdpr.has-social { margin-bottom: 176px; }
	.has-gdpr.es { margin-bottom: 90px; }
	.has-gdpr.es.has-social { margin-bottom: 160px; }
}

@media only screen and (max-width: 514px) {
	.has-gdpr.es { margin-bottom: 90px; }
}

@media only screen and (max-width: 475px) {
	.has-gdpr.es.has-social { margin-bottom: 178px; }
}

@media only screen and (max-width: 480px) {
    .gdpr-container .agree-button, .gdpr-container.es .agree-button { text-align: left; }
    .gdpr-container .close-button p a { right: 18px; top: 18px; }
    .gdpr-container.es .close-button p a { right: 17px; top: 16px; }
}

@media only screen and (max-width: 414px) {
	.has-gdpr { margin-bottom: 125px; }
	.has-gdpr.has-social { margin-bottom: 190px; }
	.has-gdpr.es { margin-bottom: 106px; }
}

@media only screen and (max-width: 392px) {
	.has-gdpr.es { margin-bottom: 125px; }
	.has-gdpr.es.has-social { margin-bottom: 195px; }
}