/* 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/CSSES/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;} .nav > li:hover > a { color: #2369b4 !important; } .navbar-nav > li[data-attr="Los Mas Vendidos"] ul div.yamm-content div ul.list-unstyled {display:flex; } .navbar-nav > li[data-attr="Los Mas Vendidos"] ul div.yamm-content div ul.list-unstyled li div, .navbar-nav > li[data-attr="Marcas"] 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="Marcas"] ul div.yamm-content div ul.list-unstyled li div a div, .navbar-nav > li[data-attr="Los Mas Vendidos"] ul div.yamm-content div ul.list-unstyled li div a img{max-width:126px} .nav > li[data-attr="Los Mas Vendidos"]:hover > a {color:white !important;background-color:#1b5688!important;} .navbar-nav > li[data-attr="Los Mas Vendidos"] ul div.yamm-content div ul.list-unstyled a {display: flex; flex-direction:column; align-items:center} .navbar-nav > li[data-attr="Marcas"] 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="Marcas"] ul div.yamm-content div ul.list-unstyled a img {padding-bottom:10px;} .navbar-nav > li[data-attr="Los Mas Vendidos"] ul div.yamm-content div ul.list-unstyled a img {padding-bottom:10px;padding-top:10px} #navbar-collapse-1 > ul > li[data-attr="Los Mas Vendidos"] > a {color: white;background-color:#226CAB; } #navbar-collapse-1 > ul > li[data-attr="Ofertas"] > 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="Los Mas Vendidos 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="Los Mas Vendidos"] div.dropdown-menu ul div.yamm-content div, .navbar-nav > li.dropdown[data-attr="Marcas"] div.dropdown-menu ul div.yamm-content div {width:100%; padding:0;} .navbar-nav > li.dropdown[data-attr="Los Mas Vendidos"] div.dropdown-menu ul div.yamm-content div ul.list-unstyled, .navbar-nav > li.dropdown[data-attr="Marcas"] div.dropdown-menu ul div.yamm-content div ul.list-unstyled {display:flex;justify-content:space-evenly} .navbar-nav > li.dropdown[data-attr="Los Mas Vendidos"] div.dropdown-menu, .navbar-nav > li.dropdown[data-attr="Marcas"] 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} 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 7px;} .navbar-nav > li{float:left;} .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:14px; 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="Los Mas Vendidos"] > 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="Los Mas Vendidos"] 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/CSSES/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 auto -webkit-focus-ring-color;outline-offset: -2px;} 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:1000000; 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_es/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 {padding-top:10px} #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_es/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.autocomplete-suggestions {display:none!important} 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_es/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/Preferente_123x32.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:14px;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:1px; 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; 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_es/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_es/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:#5a91c3; border-radius:15px; transition:1s; -webkit-transition:1s} .footerlinks ul.tabs-nav li:hover {background:#b4dcff; 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:#2369b4;} .footerlinks ul.tabs-nav li span {padding-right:5px} .footerlinks ul.tabs-nav li.active {background:#b4dcff} .footerlinks ul.tabs-nav li.active a {color:#2369b4;} .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 .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 {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} 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:10px 2% 20px; left:0!Important;transition:all 0.0s ease 0s!important } .forgotpassword.popup_content {padding:2% 4%} .forgotpassword.popup_content 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} .forgotpassword.popup_content.newslettererromsg {max-width:400px; background:#e4effb!important} div#fadeandscale_background.popup_background.newslettersuccessbackground { z-index: 1000098 !important } div#fadeandscale_wrapper.popup_wrapper_visible.newslettersuccesswrapper { z-index: 1000099 !important } div#fadeandscale.newslettersuccesscontent { background: #e4effb; margin: 0; text-align: center; font-size: 14px; padding: 30px; max-width: 700px; } div#fadeandscale.newslettersuccesscontent div.newslettersuccessmsg {margin-top:20px} div#fadeandscale.newslettersuccesscontent h1 { font-size: 28px; font-weight: var(--default-font-weight-bold); text-align: center } div#fadeandscale.newslettersuccesscontent h1 + p { text-align: center; font-size: 16px; color: #3d3d3d; font-weight: var(--default-font-weight-bold); } div#fadeandscale.newslettersuccesscontent div.newslettersuccessmsg div.existingsubscriber {margin-top:-20px} div#fadeandscale.newslettersuccesscontent div.newslettersuccessmsg div.existingsubscriber h1 {display:flex; flex-direction:column; font-size:34px} div#fadeandscale.newslettersuccesscontent div.newslettersuccessmsg div.existingsubscriber h1 span.fa {color:#1e578e; font-size:40px} div#fadeandscale.newslettersuccesscontent div.newslettersuccessmsg div.existingsubscriber p {color:#3d3d3d; font-size:14px; text-align:center; padding-top:10px} div#fadeandscale.newslettersuccesscontent div.newslettersuccessmsg div.existingsubscriber p a {color:#1e578e} div#fadeandscale.newslettersuccesscontent div.verifystep { margin-top: 20px; display: flex; } div#fadeandscale.newslettersuccesscontent div.verifystep h2 { color: #226cab; font-size: 28px; font-weight: var(--default-font-weight-bold); width: 115px; line-height: 28px; } div#fadeandscale.newslettersuccesscontent div.verifystep p { width: calc(100% - 115px) } /************************ Fancy Drop Down *************************/ .selectdropdown { float: left } div#fadeandscale.newslettersuccesscontent div.newsletterhints { margin: 20px auto; background: #fff; padding: 20px; font-size: 12px; border: 1px solid #3d3d3d; width: 100%; max-width: 500px; } div#fadeandscale.newslettersuccesscontent div.newsletterhints h3 { font-weight: var(--default-font-weight-bold); } .popup_content 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; } /*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 {height: 3.5em; width: 20em; margin-top:10px; margin-left:175px; display:flex; justify-content:space-between;} /************************ 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/Preferente_123x32.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_es/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:140px} 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} ul.cartlinks li.myaccount {clear:right;} 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:450px!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} ul.cartlinks li.myaccount {clear:none} .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:12px; text-transform:uppercase; letter-spacing:1px; 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_es/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_es/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} @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: 735px; 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 5px; background: #5a91c3; border-radius: 15px; transition: 1s; -webkit-transition: 1s; padding: 10px 15px; } 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 1px; border-radius: 5px; padding: 5px 5px; letter-spacing: -.5px; } } @media (max-width:400px) { div.footerlinks input + label { margin: 5px 0 0 0px; border-radius: 5px; padding: 5px 7px; letter-spacing: 0px; 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) { button.osano-cm-widget--position_right { margin-bottom: 125px; right:20px } button.osano-cm-widget--position_right.withgdpr { margin-bottom: 105px } } 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/CSSES/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; } div.headertopcontent div.header-content-block span { color: #fff; font-size: 12px; } 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 #dfdfdf; 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; right: -9px; 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: 20px !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: 10px 30px 0 0px; color: #fff; text-align: left; font-size: 16px; line-height: 1.3em; width: 48%; font-weight: normal; float: 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: 250px; 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 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.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: 0px; } div.footeroffer a.showoffer span.fa { padding-left: 5px } div.showfooteroffer { position: fixed; bottom: 0; z-index: 1001; cursor: pointer; display: none; } .MercolaFooterOfferCSS { display: block; } 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 } div.showfooteroffer a.hideoffer { padding: 15px 30px; 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: 260px; 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.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 { display: flex; border: 0 } 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: 30px 20px; 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: 18px; 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: 65px; } 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: 165px; 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: 40px; } 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: 75px; } 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: 20px !important } } @media only screen and (min-width: 1230px) { div.headertopcontent div.header-content-block span { color: #fff; 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: 36px; } } @media (max-width:360px) { div.winnmercolacontent div.wmmmercola a.createaccount { padding: 10px 35px; } } [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; } /* Comment Generated by Combres - Resource '~/Templates/Mercola/CSSES/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/CSSES/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_es/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; } #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 { 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; } #home-link > a.login { text-transform: uppercase; font-weight: var(--default-font-weight-bold); padding-left: 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; } 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="Los Mas Vendidos"] a:not(.mm-next) { background-color: #226CAB; color: white; } .mm-menu .mm-listview .mm-opened.mm-vertical[data-attr="Los Mas Vendidos"].maincategory > a:not(.mm-next) { background-color: #fff; color: #000; margin-left: 7px; } .mm-menu .mm-listview .mm-vertical[data-attr="Marcas"].maincategory { display: none; } .mm-menu .mm-listview .mm-vertical[data-attr="Los Mas Vendidos"] div ul.subcategories li a { background-color: transparent !important; color: #464646 !important; } li.nonexpandable.maincategory[data-attr="Ofertas"] > 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; } li.tollfree span.telmob{display:block} 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 10px; 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-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-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 0px; } .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: 5px; font-weight: var(--default-font-weight-bold); display:block} .subcategories.mm-listview > li {text-transform:uppercase;} .subcategories.mm-listview > li a {color:#464646; padding:10px 0; width:100%} .subcategories.mm-listview > li a#lnkenglish {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.mm-opened a{font-size:14px; color:#333333;} .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/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; }