<style>/*#GDPR#*/
.gdpr-container {
    display: block;
    position: fixed;
    bottom: 0;
    background: #F1F2F2;
    z-index: 99999999!important;
    padding: 14px;
    max-width: 360px;
    border-radius: 5px;
    margin: 8px;
    border: 1px solid #c5c5c5;
    box-shadow: 0 3px 2px rgba(146, 144, 144, .5)
}


.copyright p a {
    color: white;
    text-decoration: none;
    border-left: 1px white solid;
    padding-left: 15px;
    margin-left: 15px;
    z-index: 1;
    position: relative;
}


.off-canvas-wrap.move-right .gdpr-container {
    display: none
}

.gdpr-container .close-button {
    position: static;
}

.gdpr-container .close-button p {
    margin: 0
}

.gdpr-container .close-button p a {
    padding-bottom: 1px;
    position: absolute;
    right: 10px;
    border-radius: 50%;
    color: #fff;
    width: 20px;
    background-color: #9e9c9c;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    text-transform: lowercase!important;
    font-weight: 700;
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
}

.gdpr-container .close-button p a:hover {
    background-color: #8c8c8c
}

.gdpr-container>p {
    padding-right: 25px
}

.gdpr-container p {
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    font-size: 13px !important;
    font-weight: 700;
    color: #3c3c3c;
    line-height: 18px !important;
}

.gdpr-container .agree-button {
    text-align: center
}

.gdpr-container p a {
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    color:#0869BD;
    text-decoration: none;
}

.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;
    line-height: 24px;
    cursor: pointer;
    text-decoration: none;
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    padding: 6px 24px;
    border-radius: 5px
}

.gdpr-container .agree-button p a:hover {
    background: #065497
}

@media(min-width:990px) {
    .gdpr-container {
        margin: 0 35px 35px
    }
}


@media print {
    @page { size: A4; margin: 22mm 14mm 22mm 14mm; }
    h1, h2, h3, h4, h5, .salesbox-body .row  {page-break-after: avoid;}
        .salesbox-body .row  {page-break-inside: auto;}
     .content-container figure, h2, {page-break-inside: avoid;}
    a[href]:after {content: none !important;}
        .list li ul li:before, .list li:before, .list i:before {font-size:26px !important;}
    .inner-nav, .tab-bar, #search, .highlight, .regular, #header {display:none !important;}
    /**.columns.content-container::before { content: url(//media.mercolamarket.com/assets/images/shoplogo/Mercola_Logov2.png); width:300px !important;} **/
    .columns.content-container h1, .columns.content-container h3 {color: #D3202F !important}
    .columns.content-container h1 {margin-top:32px !important}
    .columns.content-container {margin-top: 0 !important;}
    .salesbox-body .highlight > .row, .salesbox-body .regular > .row > .columns.large-4,  .salesbox-body .regular > .row > .columns.medium-6  { border-bottom:1px #EEE solid; padding-bottom:8px  }
    .salesbox-body .columns.medium-6, .salesbox-body .columns.large-6, .salesbox-body .columns.large-4 {width: 50%;float: left;}
    .salesbox-body .row .medium-6.right, .salesbox-body .row .large-6.right, .salesbox-body .row .card .large-6.left .title  {margin-top: 4rem !important;}
    .salesbox-body .title {width:100% !important; margin: 0 auto; height: 50px}
    .salesbox-body .regular > .row > .card .columns.medium-6 .title {height: unset !important;}
    .salesbox-body .title strong{font-size: 1.25rem !important; }
    .salesbox-body .card-group {border: none !important;}
    .salesbox-body .image  {display:block; width:100% !important; text-align:center !important; margin: 0 auto !important;}
    .salesbox-body .image img {display:block; width:200px !important; text-align:center !important; margin: 0 auto !important;}
    .salesbox-body .highlight {border:none !important;}
    .salesbox-body .span.day-supply {font-weight: unset !important;}
    .salesbox:before { min-height: 0 !important;}
    .salesbox-body .panel.note {background-color: #FFFBBB;}
    .salesbox-body .panel h6 {color: #D3202F;}
    .salesbox .title { margin-top: 0 !important; width: 100%;}
    .highlight, .card, .label-facts, .card .product-info, .card .action  {margin-bottom: 0 !important;}
    .faq h5 {padding-bottom: 12px;}
    .faq ol.accordion .accordion-navigation {border-bottom:1px #EEE solid; padding-bottom:12px}
    .faq ol.accordion .accordion-navigation:last-child {border-bottom: none !important}
    .footer-seals {margin-bottom: 0 !important;}
    .accordion-navigation .content, .accordion-navigation .content p, .accordion-navigation{display:block !important; opacity: 1 !important; height: auto !important;}
    .salesbox-body .selector, .salesbox-body .order-qty, .show-cart-btn, header, .flex-video.widescreen, .left-off-canvas-toggle.menu-icon, .row.nav-container, .header-global-promo-banner, .mercola-logo-small, #return-to-top .icon-chevron-up, a.button.expand.info.small.radius, .social-widgets, .footer-global-promo-banner,  .guarantee, .guarantee-new, .support-badges, .phone-order-box, .payment-badges, .subscription-panel, .footer-seals ul, .footer-links div ul, .footer-links div dl, .has-figcaption div:before, .best-selling, .best-selling strong, .label-facts, .product-info, .out-of-stock-note, .out-of-stock-note p, #accordion-label, .promo-banner,.faq > a.button, .gdpr-container  {display:none !important;}

figure.effect-ruby h2{transform:translate3d(0,0px,0)!important}
figure.effect-ruby img{opacity:1!important}
.grid figure{margin-right:30px!important;padding-right:30px!important;max-width:769px!important;max-height:175px!important;height:175px!important;width:100%!important}
.content{padding:0 10px;text-align:center}
.grid{position:relative!important;margin:0 auto!important;padding:1em 0 4em!important;max-width:1000px!important;list-style:none!important;text-align:center!important}
.grid figure{display:inline-block!important;float:none!important;margin:10px auto!important;width:100%!important}
.grid figure{min-width:220px!important;width:23%!important}
.display-table.headline p{text-align:left!important}
.display-table.headline .display-table .td{display:block!important}
.display-table.headline .td{width:100%!important;text-align:center!important;margin:0 auto 32px!important;display:block!important}
.columns.content-container{margin-bottom:0}







br.hide-mobile {
    display: none;
}

.salesbox.row .columns.large-3.medium-4.small-12 {width:25% !important;}

a.hvr-bubble-float-top.add-to-cart {display:none;}
.salesbox .title {font-size: 1.2rem !important;}


.headline img {
    display: none;
}
h2 + *{border: none !important; border-color: white !important;}





}




@font-face {
  font-family: BergamotOrnaments;
  src: url(https://media.mercolamarket.com/assets/fonts/solspring/BergamotOrnaments.ttf);
}

@font-face {
  font-family: KGSkinnyLatte;
  src: url(https://media.mercolamarket.com/assets/fonts/solspring/KGSkinnyLatte.ttf);
}


.sub-nav dt, .sub-nav dd, .sub-nav li{font-family: Roboto, sans-serif;}

.mobile-language, .off-canvas-submenu.language-options {
    display: none;
}

header.sticky-top {
    position: fixed;
    box-shadow: 0px 7px 14px -10px #a9a9a9;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@font-face {
    font-family: FontAwesome;
    src: url(https://media.mercolamarket.com/assets/fonts/fontawesome-webfont.woff), url(https://media.mercolamarket.com/assets/fonts/fontawesome-webfont.ttf), url(https://media.mercolamarket.com/assets/fonts/fontawesome-webfont.svg);
    font-weight: 400;
    font-style: normal
}


.logo-small {width: 160px;margin: 0 auto;    margin-top: 6px; /**padding: 9px 0 0 20px;**/}

body {
    background-color: #fff !important;
    }

p, li, h1, h2, h3 {
    font-family: Roboto, sans-serif;
}

p {
    margin-bottom: 1.25rem;
    font-size: 18px;
    line-height: 1.7 !important;
}



.columns.content-container {
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.columns.content-container section:first-child {
    background: none !important;
}



.columns.content-container ul,
.columns.content-container ol {
    padding-left: 35px;
}

.columns.content-container p,
.columns.content-container li {
    line-height: 1.7 ;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
}


.hydronitro-logo-small img {
    width: 70%;
}


.row {
    max-width: 1200px;
}


.dg.ac {
    display: none
}

.dg.ac + canvas {
    position: fixed !important;
    display: none;
}

header {

    width: 100%;
    text-align: center;
    background: #fff;
    z-index: 9999;
    position: fixed;
}


.header-logo {
    width: 280px;padding: 0px !important;margin-top: 5px !important;
}

.magellan-container.fixed {
    top: 0px !important;
}

[data-magellan-expedition],
[data-magellan-expedition-clone] {
    background: none;
    padding: 0 !important;
}


.sub-nav {
    display: none;
    margin: 12px auto 0 auto;
    text-align: center;
    width: 100%;
    max-width: 1200px;
    padding: .7rem 0px 1rem;
}

.sub-nav li {
    list-style-type: none;
    margin-top: 7px;
    padding: 0px 2.5%;
    font-size: .95rem;
}


.sub-nav.menu.vertical li a {
    color: #fff;
}


.sub-nav.menu.vertical li.active a {
    background: none;
    border-bottom: 2px solid black;
    border-radius: 0;
    color: black;
}

.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
    background: none;
}

.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
    color: #000;
}


.tab-bar {
    -webkit-backface-visibility: hidden;
    background: #fff;
    color: #FFFFFF;
    height: 4.5rem;
    line-height: 2.73rem;
    position: relative;
box-shadow: none !important;
}

.tab-bar .menu-icon {
    height: 4.5rem !important;
    width: 5rem !important;
}

.tab-bar .menu-icon span::after {
    top: 51% !important;
width: 2rem !important;
margin-top: -0.5rem;
left: 1.8rem !important;

}


.tab-bar-section {
    height: 3.813rem !important;
    width: 100%;
}

.left-off-canvas-menu {
    background: #FFF !important;
}

.move-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -6px 7px 14px -10px #a9a9a9 !important;
}

.off-canvas-list li {
    box-shadow: none;
}

ul.off-canvas-list li a, ul.off-canvas-list li div {
    border-bottom: 1px solid #dedede !important;
    padding: 1rem !important;
    text-decoration: none;
}

ul.off-canvas-list a, ul.off-canvas-list li div  {
    font-family: Roboto, sans-serif !important;
    font-size: 15px;
}

ul.off-canvas-list li a:hover, ul.off-canvas-list li div:hover {
    background: #f5f5f5;
    color: #000;
}

ul.off-canvas-list li span {
  display: inline-block;
}


ul.off-canvas-list li span a {
  border: 0px !important;
}

.privacy-text p a {
  color: #fff;
}

.privacy-text p {
  margin: 0;
  padding: 26px 0;
  font-size: 15px;
color: #fff;
  text-align: center;
}

ul.social-icons.dontprint.social-button-round {
  display: inline-block;
}

li.head-social .social-btn[data-social-btn="facebook"] > a::before {
    content: "";
    padding: 7px 11px;
    background: #000;
    border-radius: 17px;
    font-family: FontAwesome;
    color: #fff;
    font-size: 15px;
}

.map {
background-image: url("https://media.mercola.com/assets/images/mcssite/philippine-map.jpg");
background-repeat: no-repeat;
text-align: center;
margin: 3rem 0 0;
padding: 10px 0 29em;
}

#jobs{
margin: -11rem auto 6rem;
width: 100%;
}

.columns.empty.end, .columns.end {
border: none;
box-shadow: none;
background: none;
}

.columns.medium-2{
border: 1px solid #e5e5e5;
box-shadow: 0 5px 7px #e5e5e5;
width: 15%;
height: 200px;
padding: 10px 1.2rem !important;
margin: 12px 10px;
background: #fff;
transition: transform .2s;
}

/*.columns.medium-2:hover{
transform: scale(1.2);
}*/

.columns.medium-2 img{
margin: 25px auto;
width: 40%;
display: block;
}

.columns.large-4 h2, .columns.small-8 h2{
border: none !important;
box-shadow: none !important;
color: #c4c4c4;
font-weight: 600;
margin: 30px 60px;
}

.specialties{
vertical-align: middle;
text-align: center;
line-height: 1;
font-size: 15px;
}

@media only screen and (min-width: 861px){
.columns.large-4 h2{
font-size: 50px;
margin: 30px 40px;
}
}

@media only screen and (max-width: 860px){
.specialties{
font-size: 13px;
}

.columns.large-4 h2, .columns.small-8 h2 {
    margin: 45px 30px;
}

.columns.medium-2{
padding: 10px 5px !important;
width: 14%;
}
}

@media only screen and (max-width: 860px) and (min-width: 809px){
.left p{
font-size: 15px;
}
}

.container{
background-color: #222;
text-align: center;
padding: 50px 20px;
/*margin-top: 5%;*/
}

.footer{
color: #fff;
font-size: 16px !important;
}

@media only screen and (min-width: 960px){
.map p{
margin: -70px 7rem 4rem;
}
}

@media only screen and (max-width: 959px) and (min-width: 815px){
.map p{
margin: -33px 4rem 10rem;
}

.columns.large-12.medium-12{
margin: 1em auto !important;
}
}

@media only screen and (max-width: 814px) and (min-width: 641px){
.map p{
margin: -52px 1rem 10rem;
}
}

@media only screen and (min-width:851px){
.columns.large-12.medium-12{
margin: 3em auto;
}


.image-stack {
   display: grid;
   position: relative;
margin: 60px auto;
}

.image-stack::after {
  content: ' ';
  display: table;
  clear: both;
}

.image-stack__item--bottom{
float: right;
margin-left: 43%;
margin-top: -36%;
width: 60%;
}

.image-stack__item--top {
    float: left;
    width: 45%;
background: #222;
font-family: Roboto;
border-radius: 10px;
margin-right: -100%;
    padding: 0 7%;
    position: relative;
    z-index: 1;
}

.image-stack__item--top p{
font-size: 28px;
color: #c4c4c4;
}

.image-stack__item--top h2{
color: #fff;
font-weight: 500;
}

@media only screen and (min-width: 1194px){
.image-stack__item--bottom{
margin-top: -36%;
}
}
@media only screen and (max-width: 1193px) and (min-width: 1119px){
.image-stack__item--bottom{
margin-top: -42%;
}
}

@media only screen and (max-width: 1118px) and (min-width: 1050px){
.image-stack__item--bottom{
margin-top: -45%;
}
}

@media only screen and (max-width: 1049px) and (min-width: 989px){
.image-stack__item--bottom{
margin-top: -49%;
}
}

.vertical-line {
            border-left: 6px solid #af1a31;
            height: 185px;
            left: 50%;
padding-top: 0 !important;
float: left;
        }

li.head-social {
float: right;
border-radius: 10px;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 16px;
display: block;
}

.mobile-button{
display: none;
}
}

@media only screen and (max-width:375px) and (min-width: 360px){
.image-stack__item--top {
    width: 354px !important;
    height: auto;
    background: #222;
    font-family: Roboto;
    border-radius: 10px;
    margin: 10px 0 10px -6%;
    padding: 1px 18% 1px 10%;
}

.image-stack__item--bottom {
    margin: 0px 0 10px 11% !important;
}
}

@media only screen and (max-width:320px){
.image-stack__item--top {
    width: 310px;
    height: auto;
    background: #222;
    font-family: Roboto;
    border-radius: 10px;
    margin: 10px 0 10px -8%;
    padding: 1px 11% 1px 10%;
}

.vertical-line {
    border-left: 6px solid #af1a31;
    height: 178px;
    left: 50%;
    padding-top: 0 !important;
    float: left;
}

.image-stack__item--bottom {
    margin: 0 0 10px 14%;
    width: 91%;
}

.image-stack__item--top h2 {
    color: #fff;
    font-weight: 500;
    margin-top: -13px;
    font-size: 20px;
}

.image-stack__item--top p {
    font-size: 16px;
    color: #c4c4c4;
}
}

@media only screen and (max-width:448px) and (min-width: 321px){
.image-stack__item--top {
    width: 387px;
    height: auto;
    background: #222;
    font-family: Roboto;
    border-radius: 10px;
    margin: 10px 0 10px -6%;
    padding: 1px 18% 1px 10%;
}

.vertical-line {
    border-left: 6px solid #af1a31;
    height: 178px;
    left: 50%;
    padding-top: 0 !important;
    float: left;
}

.image-stack__item--bottom {
    margin: 0 0 10px 14%;
    width: 91%;
}

.image-stack__item--top h2 {
    color: #fff;
    font-weight: 500;
    margin-top: -13px;
    font-size: 22px;
}

.image-stack__item--top p {
    font-size: 18px;
    color: #c4c4c4;
}
}

@media only screen and (max-width: 428px) and (min-width: 414px){
.image-stack__item--bottom {
    margin: 0px 0 10px 14%;
}
}

@media only screen and (max-width: 390px) and (min-width: 320px){
.image-stack__item--bottom {
    margin: 0px 0 10px 8%;
}
}

@media only screen and (max-width:834px) and (min-width: 768px){
.image-stack {
   display: grid;
   position: relative;
margin: 60px auto;
}

.image-stack__item--top {
    width: 72% !important;
    height: auto;
    background: #222;
    font-family: Roboto;
    border-radius: 10px;
    margin: 10px 0 10px -5%;
    padding: 1px 18% 1px 10%;
}
}

@media only screen and (max-width:988px) and (min-width: 449px){
.image-stack{
margin: 78px auto;
}

.image-stack__item--top {
    width: 94%;
    height: auto;
    background: #222;
    font-family: Roboto;
    border-radius: 10px;
    margin: 10px 0 10px -5%;
    padding: 1px 18% 1px 10%;
}

.image-stack__item--top h2 {
    color: #fff;
    font-weight: 500;
    margin-top: -13px;
    font-size: 28px;
}

.image-stack__item--top p {
    font-size: 24px;
    color: #c4c4c4;
}


.vertical-line {
    border-left: 6px solid #af1a31;
    height: 143px;
    left: 50%;
    padding-top: 0 !important;
    float: left;
}

.image-stack__item--bottom {
    margin: 0px 0 10px 32%;
    width: 71%;
}

li.head-social {
display: none;
}

.mobile-button{
display: block;
}
}

.company-info{
margin-top: 40px;
margin-bottom: 40px;
margin-left: 50px;
}

.columns.large-8.medium-6.small-12.left h3{
font-weight: 600;
margin: 30px auto;
}


@media only screen and (min-width:1101px){
.large-8{
padding-right: 10rem !important;
}
}

@media only screen and (max-width: 640px) and (min-width: 607px){
.map p{
margin-bottom: 220px;
margin-top: 70px;
}
}

@media only screen and (max-width: 606px) and (min-width: 510px){
.map p{
margin-bottom: 220px;
margin-top: 36px;
}
}

@media only screen and (max-width: 509px) and (min-width: 448px){
.map p{
margin-bottom: 220px;
margin-top: 10px;
}
}

@media only screen and (max-width: 397px) and (min-width: 364px){
.map p{
margin-bottom: 160px !important;
margin-top: -10px;
}
}

@media only screen and (max-width: 363px) and (min-width: 333px){
.map p{
margin-bottom: 168px !important;
font-size: 17px;
}
}

@media only screen and (max-width: 332px){
.map p{
margin-bottom: 128px !important;
margin-top: -10px;
font-size: 17px;
}

.specialties{
font-size: 0.7em !important;
}

.small-8 h2{
font-size: 28px !important;
}
}
@media only screen and (max-width: 374px){
.columns.small-4{
height: 170px !important;
padding: 2px 0.5rem !important;
}

.small-8 h2{
font-size: 30px !important;
}

.columns.small-8{
height: 170px !important;
}

.specialties{
line-height: 1.5 !important;
}
}

@media only screen and (max-width:640px){
  .row.columns.large-12.medium-12{
      display: flex;
        flex-direction: column-reverse;
  }

.container{
padding: 40px 20px;
}

.footer p:first-child{
font-size: 16px;
}

.footer p:nth-child(2){
font-size: 14px;
margin-bottom: 1.5rem;
}



.image-stack {
   display: grid;
   position: relative;
margin: 72px auto 45px;
}

.map {
background-image: url("https://media.mercola.com/assets/images/mcssite/philippine-map-mobile.jpg");
background-repeat: no-repeat;
background-position: center;
margin: 0 auto !important;
padding: -1px 0 40em;
}

.map p{
text-align: left;
margin-bottom: 200px;
}

.columns.small-4 {
    border: 1px solid #e5e5e5;
    box-shadow: 0 5px 7px #e5e5e5;
    width: 31%;
    height: 180px;
    padding: 10px 0.5rem !important;
    margin: 7px 3px;
    background: #fff;
    transition: transform .2s;
}

/*.columns.medium-2:hover{
transform: scale(1.05);
}*/

.specialties{
vertical-align: middle;
text-align: center;
line-height: 1;
font-size: 0.8em;
}

.columns.large-4 h2, .columns.small-8 h2 {
    margin: 37px 30px;
}

.small-8 h2{
font-size: 45px;
}

.small-8{
margin: 7px auto;
height: 180px;
}


@media only screen and (max-width: 468px){
.small-8 h2{
font-size: 36px;
margin: 37px 20px;
}
}

@media only screen and (max-width: 390px){
.small-8 h2{
font-size: 33px;
margin: 37px 25px !important;
}
}

.footer {
    color: #fff;
    font-size: 16px !important;
}
}

.img-responsive{
display: block;
margin-left: auto;
margin-right: auto;
width:100%;
}

button.btn.btn-primary {
background-color: #AF1A31;
border-radius: 10px;
font-family: Roboto;
font-size: 18px;
}

button.btn.btn-primary:hover{
background-color: #8d1225;
}

button.btn.btn-dark{
background-color: #222;
border-radius: 10px;
font-family: Roboto;
}

button.btn.btn-dark:hover {
background-color: #5a5757;
}

button {
margin: 0;
}

.vertical-center{
margin: 0;
display: flex;
  justify-content: center;
  align-items: center;
}

.binocular-icon{
display: block;
  margin: 0 auto;
padding: 30px 0;
}

li.head-social .social-btn[data-social-btn="facebook"] > a::before, li.head-social .social-btn[data-social-btn="ig"] > a::before {margin:0 5px;}

.mm-nav li.head-social::after{
background:none;
}





footer ul li {text-align:left; margin-left:10px;}
footer ul.subs-list {column-count: 3;}
.row.sms-subs{background:#e0eae9;color: #135849;padding-bottom: 1.75rem;}
.sms-subs .columns.medium-7 p {font-size:1.35rem; text-align: left; line-height: 10px !important; margin-top:0px;}
/*  .sms-subs .columns.medium-10.medium-centered {width: 68%;}*/

ul.sms-column{column-count: 3;}
.columns.medium-8.t-left{padding-left: 22%; padding-right: 0%;}



footer ul {float:left;}



#footer {
    background-color: #cfdddd;
    color: #8fa9a5;
    margin-top:0px;
    height: auto;
    position: relative;
}

#footer .display-table p {
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #6c827e;
}

.copyright p {
    background: none;
    box-shadow: none;
    margin: 0 !important;
    font-size: 15px;
    padding: 26px 0;
    text-align: center;
}


.social-icons.dontprint.social-button-round li {
    box-shadow: none;
    background: none;
}

.social-icons {
    padding: 17px;
    float: right;
    margin: 0;
}

.social-widgets {
    margin: 0;
}

@media only screen and (max-width: 850px) {
.columns.large-12.medium-12{
margin: 1em auto;
}
}

#footer .columns:first-child {
    position: absolute;
    margin-top: 57px;
    text-align: center;
}

#footer ul.social-icons{
    margin-bottom: 52px;
    float: none;
    border-bottom: 1px solid rgb(255, 255, 255, .2);
}


.copyright p{padding: 0;}
.privacy-text p {padding: 0;}

  #footer .columns:first-child {position: static;margin-top: 0px;}
  #footer ul.social-icons {border-bottom:0px;margin-bottom:0px;}
}

@media only screen and (max-width: 812px) {

#footer .contentblock {padding: 13px 14px 0px 14px; margin-top:0px !important;}
#footer .columns.medium-6 {float: none !important;margin: 0px auto;text-align: center;width: 100%;}
#footer .columns.medium-6 p {text-align: center;padding: 0px;}
.social-icons .social-btn > a::before, .social-icons .social-btn > i::before {
  font-size: 18px;
}
}

@media only screen and (max-width: 1024px) {
  #footer .contentblock {margin:0px 20px;}
}

@media only screen and (max-width:480px) {

#footer ul.social-icons {margin-bottom: 10px;}
footer ul.subs-list {
    column-count: 2;
}

#footer .columns:first-child {
    position: inherit;
    margin-top: 10px;
}

}



@media only screen and (min-width: 989px) {
    .sub-nav {
        display: block !important;
    }


}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #000;
    background: rgba(0, 0, 0, .7);
    width: 50px;
    height: 50px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 99;
    
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 9px;
    font-size: 19px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-style: normal!important
}

#return-to-top i:before {
    content: "\f077";
    font-family: FontAwesome
}

#return-to-top:hover {
    background: rgba(0, 0, 0, .9)
}

#return-to-top:hover i {
    color: #fff;
    top: 5px
}



.social-icons .social-btn[data-social-btn="ig"] > a::before {
    content: "\f16d";
    padding: 8px 8px;
    background: #ffffffcf;
    border-radius: 17px;
}

.social-icons .social-btn > a::before, .social-icons .social-btn > i::before {
    font-family: FontAwesome;

    color: #6c827e;
    /*color: #8fa9a5;*/
}

.social-icons .ig:before {
    content: "\f16d";
    font-family: fontAwesome;
    display: block;
    margin-top: -2px;
}



#return-to-top i:before {
    content: "\f077";
    font-family: FontAwesome
}

.social-icons .social-btn>a:before,
.social-icons .social-btn>i:before {
    font-family: FontAwesome;

}

.social-icons .twitter:before {
    content: "";
    font-family: fontAwesome;
    display: block;
    font-size: 20px;
    color: #55acee
}


.social-icons .social-btn[data-social-btn="facebook"] > a, .social-icons .social-btn[data-social-btn="mailto"] > a, .social-icons .social-btn[data-social-btn="print"] > a, .social-icons .share-count-total, .social-icons .share-count-total::after {color:#fff !important; text-decoration: none;}
.social-icons li {
    list-style: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 20px
}

.social-icons a:hover {
    cursor: pointer
}

.social-icons .share-count-total {
    color: #0869BD;
    font-size: 28px;
    font-weight: 600;
    text-align: left
}

.social-icons .share-count-total::after {
    content: "Shares";
    display: inline-block;
    font-size: 14px;
    color: #868686;
    position: relative;
    top: -5px;
    margin-left: 4px
}

.social-icons .social-btn>a,
.social-icons .social-btn>i {
    padding: 0 6px
}

.social-icons .social-btn>a:before,
.social-icons .social-btn>i:before {
    font-family: FontAwesome;
    font-size: 24px
}

.social-icons .social-btn>a:hover,
.social-icons .social-btn>i:hover {
    transition: all .5s
}

.social-icons .social-btn[data-social-btn=facebook]>a {
    color: #3b5998
}

.social-icons .social-btn[data-social-btn=facebook]>a:hover {
    color: #2d4373
}

.social-icons .social-btn[data-social-btn=facebook]>a:before {
    content: "";
    padding: 5px 11px;
    background: #ffffffcf;
    border-radius: 17px;
}

.social-icons .social-btn[data-social-btn=twitter]>a {
    color: #55acee
}

.social-icons .social-btn[data-social-btn=twitter]>a:hover {
    color: #2795e9
}

.social-icons .social-btn[data-social-btn=twitter]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=google-plus]>a {
    color: #dd4b39
}

.social-icons .social-btn[data-social-btn=google-plus]>a:hover {
    color: #c23321
}

.social-icons .social-btn[data-social-btn=google-plus]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=linked-in]>a {
    color: #0077B5
}

.social-icons .social-btn[data-social-btn=linked-in]>a:hover {
    color: #005582
}

.social-icons .social-btn[data-social-btn=linked-in]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=reddit]>a {
    color: #7cb5e6
}

.social-icons .social-btn[data-social-btn=reddit]>a:hover {
    color: #519dde
}

.social-icons .social-btn[data-social-btn=reddit]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=pinterest]>span {
    background-size: 26px!important;
    background-position: center center
}

.social-icons .social-btn[data-social-btn=print]>a {
    color: #868686
}

.social-icons .social-btn[data-social-btn=print]>a:hover {
    color: #535353
}

.social-icons .social-btn[data-social-btn=print]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=mailto]>a {
    color: #868686
}

.social-icons .social-btn[data-social-btn=mailto]>a:hover {
    color: #535353
}

.social-icons .social-btn[data-social-btn=mailto]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=chat]>i {
    font-style: normal;
    color: #868686;
    display: none
}

.social-icons .social-btn[data-social-btn=chat]>i:hover {
    color: #535353
}

.social-icons .social-btn[data-social-btn=chat]>i:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=vkontakte]>a {
    font-style: normal;
    color: #4c75a3
}

.social-icons .social-btn[data-social-btn=vkontakte]>a:hover {
    color: #3c5c80
}

.social-icons .social-btn[data-social-btn=vkontakte]>a:before {
    content: ""
}

.social-icons .social-btn[data-social-btn=link]>a {
    font-style: normal;
    background: #868686;
    color: #fff;
    height: 24px;
    width: 24px;
    display: inline-block;
    border-radius: 50%;
    padding-top: 2px;
    padding-left: 4px
}

.social-icons .social-btn[data-social-btn=link]>a:hover {
    color: #fff
}

.social-icons .social-btn[data-social-btn=link]>a:before {
    content: "";
    font-size: 17px!important
}

.social-icons .social-btn[data-social-btn=link] .copy-message {
    position: relative
}

.social-icons .social-btn[data-social-btn=link] .copy-message span {
    position: absolute;
    background: #e7e7e7;
    width: 100px;
    font-size: 11px;
    top: 8px;
    left: -37px;
    color: #6d6d6d;
    border-radius: 4px
}

.social-icons .social-btn[data-social-btn=link] .copy-message span:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #e7e7e7;
    border-width: 5px;
    margin-left: -5px
}

.social-icons .bubble,
.social-icons .google-plus.spanish:before,
.social-icons .google-plus:before,
.social-icons .print .bubble:before,
.social-icons .twitter:before {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 6px 24px;
    min-height: 34px
}

.social-icons .arrow,
.social-icons .text:before {
    height: 5px;
    width: 5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ddd;
    margin: 0 auto 2px
}

.social-icons .text {
    font-size: 13px;
    background: #ddd;
    color: #868686;
    border-radius: 3px
}

.social-icons .twitter:before {
    content: "";
    font-family: fontAwesome;
    display: block;
    font-size: 20px;
    color: #55acee
}

.social-icons .google-plus.spanish:before,
.social-icons .google-plus:before {
    content: "";
    color: #dd4b39;
    margin: 0 auto;
    font-family: fontAwesome;
    display: block;
    font-size: 20px
}

.social-icons .google-plus:before {
    width: 60px;
    padding: 8px 0 8px 6px
}

.social-icons .google-plus.spanish:before {
    width: 75px
}

.social-icons .print .bubble:before,
.social-icons .print .google-plus:before,
.social-icons .print .twitter:before {
    content: "";
    font-family: fontAwesome;
    display: block;
    font-size: 20px
}

@media screen and (max-width:989px) {
    .social-icons .print {
        display: none
    }
}

.social-icons .Linkedln_toolbox,
.social-icons .google-plus,
.social-icons .pinit,
.social-icons .reddit {
    display: none
}

.social-icons .pinit table,
.social-icons .pinit td {
    padding: 0;
    margin: 0
}

.social-icons #pinIttd span>span {
    background: url(//media.mercolamarket.com/themes/mercola/images/bg-pinterest.jpg) no-repeat!important;
    bottom: 20px!important;
    height: 42px!important;
    padding-top: 6px;
    top: -42px
}

.social-icons #pinIttd>span {
    margin-top: 42px!important
}

#ctl00_CMSPageManager1_pnlPreviewInfo {
    display: none;
}

@media screen and (min-width:640px) {
    .social-icons .Linkedln_toolbox,
    .social-icons .google-plus,
    .social-icons .reddit {
        display: inline-block
    }
}

@media screen and (min-width:480px) {
    .social-icons .pinit {
        display: inline-block
    }
}

.social-widgets {
    vertical-align: middle;
    float: none;
    padding-top: 0;
    text-align: center;
}


@media only screen and (min-width: 989px){
    [data-magellan-expedition],
    [data-magellan-expedition-clone] {
        background: white;
    }

    .dg.ac + canvas {
        display: block !important;
    } 

    h1 {
        font-size: 45px;
    }
    div.columns.banner-container {
    margin-top: 115px;
}
}


@media only screen and (max-width: 1100px) {
.sub-nav li {
    padding: 0px .5% !important;
}
}


@media only screen and (max-width: 1200px) {
.sub-nav li {
    padding: 0px 2%;
}

.header-logo {
    width: 300px;
}

}

@media only screen and (max-width: 988px) {
    .show-for-medium-up,
    .hide-for-large-up {
        display: block !important;
    }
    .columns.content-container {
        margin-top: 7rem !important;
    }
    

}

.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child {
    float: left !important;
}</style>