@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(//media.mercola.com/assets/fonts/Inter/inter-v2-latin-500.eot);src:local(''),url('//media.mercola.com/assets/fonts/Inter/inter-v2-latin-500.eot?#iefix') format('embedded-opentype'),url(//media.mercola.com/assets/fonts/Inter/inter-v2-latin-500.woff) format('woff'),url(//media.mercola.com/assets/fonts/Inter/inter-v2-latin-500.ttf) format('truetype'),url('//media.mercola.com/assets/fonts/Inter/inter-v2-latin-500.svg#Inter') format('svg')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(//media.mercola.com/assets/fonts/Inter/inter-v2-latin-700.eot);src:local(''),url('//media.mercola.com/assets/fonts/Inter/inter-v2-latin-700.eot?#iefix') format('embedded-opentype'),url(//media.mercola.com/assets/fonts/Inter/inter-v2-latin-700.woff) format('woff'),url(//media.mercola.com/assets/fonts/Inter/inter-v2-latin-700.ttf) format('truetype'),url('//media.mercola.com/assets/fonts/Inter/inter-v2-latin-700.svg#Inter') format('svg')}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(//media.mercola.com/assets/fonts/Inter/inter-v2-latin-800.eot);src:local(''),url('//media.mercola.com/assets/fonts/Inter/inter-v2-latin-800.eot?#iefix') format('embedded-opentype'),url(//media.mercola.com/assets/fonts/Inter/inter-v2-latin-800.woff) format('woff'),url(//media.mercola.com/assets/fonts/Inter/inter-v2-latin-800.ttf) format('truetype'),url('//media.mercola.com/assets/fonts/Inter/inter-v2-latin-800.svg#Inter') format('svg')}@font-face{font-family:'Font Awesome 5 Free';font-weight:900;font-style:normal;font-display:swap;src:url(//media.mercola.com/assets/fonts/font-awesome/version5/fa-solid-900.eot);src:url(//media.mercola.com/assets/fonts/font-awesome/version5/fa-solid-900.eot) format("embedded-opentype"),url(//media.mercola.com/assets/fonts/font-awesome/version5/fa-solid-900.woff) format("woff"),url(//media.mercola.com/assets/fonts/font-awesome/version5/fa-solid-900.ttf) format("truetype"),url(//media.mercola.com/assets/fonts/font-awesome/version5/fa-solid-900.svg) format("svg");}
@font-face{font-family:'Font Awesome 5 Brands';font-weight:400;font-style:normal;font-display:swap;src:url(//media.mercola.com/assets/fonts/font-awesome/version5/fa-brands-400.eot);src:url(//media.mercola.com/assets/fonts/font-awesome/version5/fa-brands-400.eot) format("embedded-opentype"),url(//media.mercola.com/assets/fonts/font-awesome/version5/fa-brands-400.woff) format("woff"),url(//media.mercola.com/assets/fonts/font-awesome/version5/fa-brands-400.ttf) format("truetype"),url(//media.mercola.com/assets/fonts/font-awesome/version5/fa-brands-400.svg) format("svg");}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*
@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style : normal;
         src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
         src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
               url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
               url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
               url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
               url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}

*/

/**Navigation-Header*/
.header-logo img {width: 100%;}
/*.mm-nav {float: right;max-width: 885px; width: 885px;}*/
.mm-nav {  float: right;
  max-width: 45%;
  width: 100%;
}
.mm-nav li {padding: 0px 1.75%;}
.mm-nav li:hover::after {width: 100%;//transition: width .3s;}

.sub-nav .mm-nav li a {padding: 0.1875rem 0px;}
.sub-nav.menu.vertical li a { border-bottom: 0px;}




/* Menu LI*/

#menuToggle {
    display: block;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}


ul#menu li.head-social span {
  display: contents;
}

#menuToggle {
  display: block;
  position: absolute;
  top: 30px;
  right: 50px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
  background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
  opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
}

#menuToggle input:checked~span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}
#menu {
    position: absolute;
    width: 300px;
    margin: -100px 0 0 0;
    padding: 50px 25px;
        padding-top: 50px;
    padding-top: 125px;
    right: -52px;
    background: #35876E;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    text-align: left;
}





#menu li {
    padding: 10px 0;
    font-size: 14px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 0;
    color: #fff;
    border-bottom: 1px solid #fff;
}

@media only screen and (min-width: 900px) and (max-width: 1400px) {
    .sub-nav li {
      font-size: 12px;
    }
}


#menuToggle input:checked~ul {
  transform: scale(1.0, 1.0);
  opacity: 1;
}


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

#menuToggle {
    right: 20px;
}
      
    
}

@media only screen and (min-width: 989px) {
  
    
#menuToggle {
   display:none;
}
      

     
}

.row.content-container {
background-image: url(https://media.mercola.com/assets/images/mercola-market-cc/mercolamarketcc-building.png), url(https://media.mercola.com/assets/images/mercola-market-cc/about-us-bg.png);
  background-position: right top, center center;
  background-repeat: no-repeat, no-repeat;
  background-size:  auto auto, 100% 100%;
  padding: 50px 0px 295px;
  margin-bottom: 50px;
}
  
.side-img{
top: -90px;
position: absolute;
right: -182px;
width: 100% !important;
max-width: 100% ;}

.content-container .content .list-descrip, .list-descrip {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px !important;
  margin: 0px auto !important;
  color: #A8A8A8;
}

.content-container .content .list-title {
  margin-bottom: 0px !important;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 63px !important;
}

.content.contentblock.about-us p.about-descrip {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px !important;
  color: #544E49;
}

.content.mercola-cafe {
  background-color: none !important;
}

.columns.contentblock.events div.display-table{
    display:table;
    margin: 50px auto;
}

div.display-table div.td{
display:table-cell;
    width:50%;
    vertical-align: middle;
}

.row.events-container {
  margin: 50px;
}




.columns.contentblock.events div.td p.list-descrip {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px !important;
  color: #A8A8A8;
  margin: 0 !important;
}

p span.list-title {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 47px;
  color: #423932;
}

.columns.contentblock.events div.td p {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px !important;
  color: #544E49;
}

.row.events-container, .row.our-cafe-container {
  background: linear-gradient(360deg, rgba(232, 249, 236, 0.5) 0%, rgba(240, 240, 240, 0) 100%);
  margin: 0px;
}

.display-table.our-cafe div.td {
  width: 25%;
  text-align: center;
}


div.display-table div.td div.td.our-cafe-text {
  width: 37%;
  vertical-align: bottom;
}

.display-table.our-cafe {
  width: 70%;
  margin: 70px auto 50px !important;
}

.display-table.our-cafe img {
  width: 50%;
  transition: transform .2s;
}

.display-table.our-cafe img:hover {
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.1);
}

div.td.cafe-video p a::after {

    content: "\f178";
    font-family: FontAwesome;
    color: #3F947A;
    font-size: 25px;
    padding-left: 30px;

}

div.td.cafe-video p {
  width: 80% !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  text-transform: uppercase;
  text-align: right;
  margin: 10px 0px;
}

div.td.cafe-video p a {
  color: #3F947A;
}


.content.photos p.list-title {
  margin-bottom: 0px !important;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 47px !important;
  color: #423932;
  width: 100% !important;
}

div.columns.contentblock.our-products p.desc-cafe{
text-align: left;
  width: 80% !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  text-transform: uppercase;
  margin: 10px 0px;
  color: #3F947A;

}

.td.our-cafe-desc p a, div.display-table.maps-table div.td p a {
  width: 80% !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  text-transform: uppercase;
  text-align: right;
  margin: 10px 0px;
  color: #3F947A;
}

.td.our-cafe-desc p a:after {
    content: "\f178";
    font-family: FontAwesome;
    color: #3F947A;
    font-size: 25px;
    padding-left: 30px;
}


.columns.contentblock.gallery {
  background: linear-gradient(180deg, #F8F2E3 58.33%, rgba(250, 247, 241, 0) 100%);
  max-width: 80% !important;
}

.td.our-cafe-text p {
  margin: 0;
  width: 100%;
}

.columns.contentblock.gallery .contentblock {
  max-width: 90%;
}


.td.our-cafe-desc p {
  margin: 20px 0;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #544E49;
}

.columns.small-12.medium-3.item {
  padding: 1.5rem;
}

.row.store-container .display-table.our-cafe {
  width: 90%;
}

.row.store-container .display-table.our-cafe div.td {
  padding: 0 30px;
  vertical-align: baseline;
}

.columns.contentblock.store-location p {
  font-family: 'Poppins';
  font-style: normal;
  color: #544E49;
}

div.columns.contentblock.our-products p.our-prod-head {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 19px !important;
  line-height: 27px !important;
  text-align: center;
  color: #4E4E4E;
  margin: 20px 0;
}

.row.store-container .display-table.our-cafe div.td p {
  font-size: 14px;
}

.row.store-container {
  background: linear-gradient(360deg, rgba(232, 249, 236, 0.5) 0%, rgba(240, 240, 240, 0) 100%);

}

.row.store-container .display-table.our-cafe img {
  width: 35%;
}

.display-table.maps-table div.td {
  padding: 0 10px;
}

  
.mm-nav li:after {content: '';display: block; width: 0; height: 2px; background: #fff; transition: width .3s;}
.sub-nav .mm-nav li a:hover {color: #fff !important;}

/*#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)
}

.events-container h3 {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 0px;
text-align:center;
}

.events-container h4::after {
  content: '';
  display: block;
  width: 6rem;
  height: 2.5px;
  background: #038196;
  text-align: center;
  margin: 0.5rem auto;
}


.events-container h4 {
  color: #038196;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: 2rem;
  margin: 0px auto;
  text-align:center;
}

.content.events p.events-desc {
  text-align: center;
  max-width: 60%;
  margin: 0 auto 50px;
  line-height: 1.5 !important;
}

.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 only screen and (max-width: 900px){

    /*global*/
.medium-4 {
  width: 100%;

}
    
  


li.head-social .social-btn[data-social-btn="tk"] > a::before {
    font-size: 18px;
}

}


/*SMS Pop-Up*/

p.coupon-head sup {
  font-size: 30px;
}

div#PromoForm p.coupon-img {
  margin: 30px auto 0;
}

div#PromoForm p.coupon-head {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 73px;
  line-height: 93px;
  text-align: center;
  color: #2B2B2B;
  margin: 0;
}

p.coupon-desc {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  text-align: center;
  color: #2B2B2B;
  width: 78%;
  margin: 0 auto 10px;
}


div#PromoForm div.col-4 {
  width: 100%;
  margin: 1rem auto;
  text-align: center;
}

div#PromoForm ul li {
  list-style: none;
  max-width: 100%;
}

input#pf_phoneNumber {
  height: 3rem;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #424242;
  border: 1px solid #C4C4C4 !important;
  width: 60%;
  max-width: 100%;
}

#UpdatePanel1 ul {
  margin: 0;
  padding: 0;
}

.loadingimg {
  text-align: center;
}

div.col-4 input#pf_submit {
  border: 0;
  background: #369A66;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;
  width: 100%;
  max-width: 100%;
  height: 48px;
}



p.coupon-disclaimer {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  color: #333333;
  width: 78%;
  margin: 15px auto;
}

iframe#iFrameResizer0 {
  height: 450px !important;
}

div.col-4 input#Button1 {
    width: 61%;
    max-width: 100%;
    border: 0;
    border-radius: 0;
    height: 50px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
    background: #369A66;
    padding: 0px;
    cursor:pointer;
}

div.col-4 input#Button1:hover {
  background: #248C56;
  transition: 0.2s linear;
}




#PromoForm p.coupon-img img, #PromoCode p.coupon-img img {
  width: 25%;
}
p.coupon-img {
  text-align: center;
  margin: 17px auto 0;
}

.col-4 input {
  margin: 5px;
}

div.iframe-popup iframe#iFrameResizer0 {
    height: 560px !important;
}

body.form-pop-up {
    background-image: url('https://media.mercola.com/assets/images/mercola-market-cc/pop-up-background.jpg') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
}


p.coupon-fhead {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px !important;
  line-height: 130% !important;
  text-align: center;
  color: #000000;
  margin: 15px auto;
  width: 60%;
}

div.coup-code {
  text-align: center;
  color: #000;
  background: #fff;
  width: 80%;
  margin: auto;
  padding: 2px;
}

.coup-code ul li {
  list-style: none;
}


.coup-code li.coup-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 127.69%;
}

.coup-code li.code-tix {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 39px;
  line-height: 127.69%;
  text-align: center;
  letter-spacing: 0.15em;
}

.mfp-close-btn-in .mfp-close {
  background: url(//media.mercola.com/assets/images/icons.png) no-repeat -177px 0 #fff0 !important;
  text-indent: -99999px !important;
  border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  display: block !important;
}

.mfp-iframe-holder .mfp-close {
  right: 4% !important;
  top: 3% !important;
}

.ticket-coupon {
  border: 2px solid #000;
  padding: 39px 23px;
  margin: auto;
  background: #fff;
}

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


p.coupon-fhead {
  font-size: 65px;
  line-height: 100%;
  width: 69%;
}

.coup-code li.code-tix {
  font-size: 35px;
}
p.coupon-disclaimer {
  margin: 15px auto;
}
    
    div#PromoForm p.coupon-head {
  font-size: 65px;

}
    
    div#PromoForm p.coupon-desc {
  font-size: 15px;
  line-height: 1.4 !important;
}
    
.ticket-coupon {
  padding: 39px 23px;
}

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

.ticket-coupon {
  padding: 43px;
}

p.coupon-fhead {
  width: 74%;
}

}

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

.ticket-coupon {
  border: 2px solid #000;
  padding: 44px 26px;
  margin: 2% auto;
}

div.iframe-popup iframe#iFrameResizer0 {
  height: 545px !important;
}

div#PromoForm p.coupon-head {
  font-size: 53px;
}

div#PromoForm p.coupon-desc {
font-size: 13px;
line-height: 130;;
width: 97%;
}

div.col-4 input#Button1 {
  width: 97%;
  padding: 0px;
}

input#pf_phoneNumber {
  width: 91%;
  max-width: 100%;
}

div#PromoForm p.coupon-disclaimer {
  width: 97%;
}

#PromoForm p.coupon-img img, #PromoCode p.coupon-img img {
  width: 30%;
}

p.coupon-fhead {
  font-size: 53px;
  width: 100%;
}

#PromoCode div.coup-code {
  width: 80%;
}

#PromoCode p.coupon-fhead {
  font-size: 18px;
}

#PromoCode p.coupon-disclaimer {
  width: 100%;
  margin: 19px auto 0;
}


    
}


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

#PromoCode p.coupon-disclaimer {
  margin: 5px 12px;
}
    
  .ticket-coupon {
  padding: 37px;
}
    
  div#PromoForm p.coupon-head {
  font-size: 40px;
}
   div#PromoForm p.coupon-desc {
    font-size: 14px;
    line-height: 1.6 !important;
} 
    
    .coup-code li.code-tix {
  font-size: 30px;
}
    .coup-code li.coup-text {
  font-size: 12px;

}
    #PromoCode p.coupon-disclaimer {
  width: 100%;
}
}




@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{  
color: #fff;
  font-family: 'Poppins';
margin: 1rem 0.5rem 0;

}

.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: 180px;
  margin-left: 20px;
  margin-top: 5px;
 /**padding: 9px 0 0 20px;**/}

body {
    background-color: #fff !important;
    }

p, li, h1, h2, h3 {
    font-family: 'Poppins';
}

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: #35876E;
    z-index: 9999;
    position: fixed;
}


.header-logo {
  width: 250px;
  padding: 0px !important;
  margin-top: 5px !important;
  margin-left: 50px !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: 1500px;
    padding: .7rem 0px 1rem;
}

.sub-nav li {
    list-style-type: none;
    margin-top: 20px;
    text-transform: uppercase;
    padding: 0px 0.5%;
    font-size: 14px;
}


.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 {
    color: #fff;
}

.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
    color: #fff;
}


.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #35876E;
  color: #FFF;
  height: 4.5rem;
  line-height: 3.73rem;
  position: relative;
  box-shadow: 0px 7px 14px -10px #a9a9a9;
}

.tab-bar .menu-icon {
    height: 4.5rem !important;
    width: 5rem !important;
}

.tab-bar .menu-icon span::after {
    top: 51% !important;
    box-shadow: 0 0 0 2px #969b9e, 0 9px 0 2px #969b9e, 0 18px 0 2px #969b9e !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: #BBADA2;
}

.privacy-text p {
  margin: 0;
  padding: 26px 0;
  font-size: 14px;
  text-align: center;
}

ul.social-icons.dontprint.social-button-round {
  display: inline-block;
}

.social-icons .social-btn[data-social-btn="tk"] > a::before {
  content: "\e07b";
  font-family: 'Font Awesome 5 Brands';
  padding: 8px 4px 8px 0px;
  color: #BBADA2;
  border-radius: 17px;
}

li.head-social .social-btn[data-social-btn="tk"] > a::before {
  content: "\e07b";
  padding: 7px 8px;
  border-radius: 17px;
  font-family: 'Font Awesome 5 Brands';
  background: #fff;
  color: #35876E;
font-size: 15px;
}

li.head-social .social-btn[data-social-btn="facebook"] > a::before {
  content: "";
  padding: 8px 11px 6px 11px !important;
  background: #fff;
  color: #35876E;
  border-radius: 17px;
  font-family: FontAwesome;
  font-size: 15px;
}

li.head-social .social-btn[data-social-btn="ig"] > a::before {
content: "\f16d";
padding: 7px 8px;
border-radius: 17px;
font-family: 'Font Awesome 5 Brands';
  background: #fff;
  color: #35876E;
font-size: 15px;
}

li.head-social .social-btn[data-social-btn="facebook"] > a::before, li.head-social .social-btn[data-social-btn="ig"] > a::before {margin:0 2px;}


.mm-nav li.head-social::after{background:none;}



footer div.contentblock {
  max-width: 85rem;
  margin: 0 auto;
}

footer#footer .columns {
  padding-left: 0;
  padding-right: 0;
}

footer#footer .row{max-width:95%;}

footer ul li {text-align:left; margin-left:0px;}
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: #423932;
  color: #BBADA2;
    margin-top:0px;
    height: auto;
    position: relative;
}

#footer .display-table p {
   padding: 0;
    margin: 0;
    font-size: 14px;
  font-weight: 500;
  color: ##BBADA2;
}

.copyright p {
    background: none;
    box-shadow: none;
    margin: 0 !important;
    font-size: 14px;
    padding: 26px 0;
    text-align: center;
}

.market-pad {
  padding-right: 20px;
  border-right: 1px solid rgba(120, 118, 116, 0.4);
}

.social-icons.dontprint.social-button-round li {
    box-shadow: none;
    background: none;
}

.social-icons {
    padding: 0px;
    float: none;
    margin: 0;
}

.social-widgets {
    margin: 0;
}

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

#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;*/

width: 100%;

}


#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: 20px;
}

.content.events p.events-desc {
  max-width: 80%;
}

}
/*
@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;
    text-align: center;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 0px;
    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";
    font-family: 'Font Awesome 5 Brands';
    padding: 8px 5px;
    color: #BBADA2;
    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: 20px
}

.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:before {
    content: "";
    padding: 5px 0px;
    border-radius: 17px;
    color: #BBADA2;
}

.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) {
      div.display-table div.td {
  display: grid;
  width: 100%;
  margin: auto;
  text-align: center;
}

    footer div.medium-4 {
  width: 100%;

}

div.copyright p, div.privacy-text p{padding: 10px 0 0px;}

    .social-icons .print {
        display: none
    }
li.head-social .social-btn[data-social-btn="ig"] > a::before{font-size: 18px;}
}

.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: 110px;
}
}

@media only screen and (min-width: 900px) and (max-width: 1400px) {
    .mm-nav {
  float: right;
  max-width: 70% !important;
  width: 100%;
}

}


@media only screen and (max-width: 1200px) {
.sub-nav li {
    padding: 0px 0.5%;
    font-size: 10px;
}

.header-logo {
    width: 185px;
}
  .mm-nav {
    width: 100%;
    max-width: 65% !important;
  }

/*.mm-nav {float: right;max-width: 720px;width: 720px;}*/

}

@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;
}