@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon/icomoon6015.eot?ggwg7n');
  src:  url('../fonts/icomoon/icomoon6015.eot?ggwg7n#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon6015.ttf?ggwg7n') format('truetype'),
    url('../fonts/icomoon/icomoon6015.woff?ggwg7n') format('woff'),
    url('../fonts/icomoon/icomoon6015.svg?ggwg7n#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {  
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook-io:before {
  content: "\e900";
}
.icon-international-io:before {
  content: "\e904";
  padding-top:.5rem;
}
.icon-pinterest-io:before {
  content: "\e905";
}
.icon-instagram-io:before {
  content: "\e906";
}
.icon-linkedin-io:before {
  content: "\eac9";
}

.nav-secondary > li a, .nav-main-international a .icon-international-io {
  color: #989998;
  font-size: 1.5rem;
}

.nav-main-international a .icon-international-io {  
  font-size: 1.6rem;
}

.nav-secondary > li a:hover, .nav-main-international a:hover .icon-international-io {
  text-decoration: none;
  color: #2382c4;
}

.nav-main-international.active a .icon-international-io {
  color: #2382c4;
}

.icon-international-io.contact {
  padding-left: .25rem;
}

.nav-secondary > li a .icon-international-io   {
  padding-top: 3px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-12.col-md.col-dropdown {
    padding-left: 0px;
  }
  .nav-secondary a {
      display: block;
      padding: 0 3px;
  }  
}


/* Product index */
.section-category-header, .section-search-header {
  background: #eff1f2 url("../media/bg-section-category-sm.jpg") no-repeat center;
  background-size: cover;
  padding-top: 47px;
  padding-bottom: 20px;
  position: relative;
  min-height: 220px; 
}

  @media (min-width: 768px) {
    .section-category-header, .section-search-header {
      background-image: url(../media/bg-section-category-md.jpg);      
    } 
  }
  @media (min-width: 992px) {
    .section-category-header, .section-search-header {
      background-image: url(../media/bg-section-category-lg.jpg);      
    } 
  }
  @media (min-width: 1300px) {
    .section-category-header, .section-search-header {
      background-image: url(../media/bg-section-category-xl.jpg);      
    } 
  }

.heading-category-name {
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;  
  margin: 0 0 10px 0;
  font-size: 49px;
  line-height: 0.9; 
  color:#666;
}

.no-pad {padding: 0;}

.section-category-header p {color:#5a5a5a;}

#view_more button {float:right;}

.category-icons {
  position: absolute;  
  bottom:-40px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.category-icons.small {  
  position: absolute;  
  bottom:-25px;
}

.icon-category {
  margin: 0 auto;  
  display: block;  
  width: 76px;
  height: 86px;
  background-size: contain;
  background-repeat: no-repeat; 
}

.icon-category.small {
  width:47px;
  height:53px;
}

.icon-category.deodorants {
  width: 103px;
  height: 86px;
}

.icon-category.gummies {
  width: 134px;
  height: 81px;
}

.icon-category.all {
  width: 111px;
  height: 95px;
}

@media (min-width: 1px) and (max-width: 359px) {
  .icon-category.all {
      width: 81px;
      height: 69px;
    }
}

@media (min-width: 1px) and (max-width: 442px) {
    .icon-category-deodorants {      
      bottom:-15px;
      position: relative;
    }  
}

@media (min-width: 1px) and (max-width: 640px) {
    .icon-category-fishoil-1, .icon-category-fishoil-2 {      
      bottom:-15px;
      position: relative;
    }  
}

@media (min-width: 1px) and (max-width: 448px) {
        .category-icons.small.herbal-extracts, .category-icons.small.specialty {        
        bottom:-45px;
        position: relative;
      }
}


@media (min-width: 1px) and (max-width: 483px) {
        .icon-category-joint {
        bottom:-15px;
        position: relative;
      }
}

@media (min-width: 1px) and (max-width: 284px) {
        .icon-category-melatonin {
        bottom:-15px;
        position: relative;
      }
}

@media (min-width: 1px) and (max-width: 365px) {
        .icon-category-probiotics {
        bottom:-15px;
        position: relative;
      }
}

@media (min-width: 1px) and (max-width: 336px) {
        .icon-category-proteins {
        bottom:-15px;
        position: relative;
      }
}

@media (min-width: 1px) and (max-width: 343px) {
        .icon-category-teas {
        bottom:-15px;
        position: relative;
      }
}

.icon-category.multiple, .icon-wn.multiple {
  display: inline-block;
  margin-right: 17px;
}

.icon-category.small.multiple { 
  margin-right: 9px;
}

.icon-category.multiple:last-of-type, .icon-category.small.multiple:last-of-type {
  margin-right: 0px;
}

.icon-category-calcium {
  background-image: url(../img/function-icons/light-blue/bone.svg);
}

.icon-category-coq10 {  
  background-image: url(../img/function-icons/purple/heart.svg);
}

.icon-category-deodorants { 
  background-image: url(../img/function-icons/misc/herbal_clear.svg);
}

.icon-category-fishoil-1 {  
  background-image: url(../img/function-icons/purple/heart.svg);
}

.icon-category-fishoil-2 {  
  background-image: url(../img/function-icons/purple/cod.svg);
}

.icon-category-gummies {  
  background-image: url(../img/function-icons/misc/gummies.png);
}

.icon-category-herbal-1 { 
  background-image: url(../img/function-icons/light-green/antioxidant.svg);
}

.icon-category-herbal-2 { 
  background-image: url(../img/function-icons/light-green/metabolism-and-energy.svg);
}

.icon-category-herbal-3 { 
  background-image: url(../img/function-icons/light-green/amino-acid.svg);
}

.icon-category-herbal-4 { 
  background-image: url(../img/function-icons/light-green/urinary.svg);
}

.icon-category-herbal-5 { 
  background-image: url(../img/function-icons/light-green/memory.svg);
}

.icon-category-herbal-6 { 
  background-image: url(../img/function-icons/light-green/mood.svg);
}

.icon-category-herbal-7 { 
  background-image: url(../img/function-icons/light-green/womens.svg);
}

.icon-category-herbal-8 { 
  background-image: url(../img/function-icons/light-green/mens.svg);
}

.icon-category-joint {  
  background-image: url(../img/function-icons/red/joint.svg);
}

.icon-category-letter-1 { 
  background-image: url(../img/function-icons/dark-blue/eye.svg);
}

.icon-category-letter-2 { 
  background-image: url(../img/function-icons/yellow/metabolism-and-energy.svg);
}

.icon-category-letter-3 { 
  background-image: url(../img/function-icons/orange/vitamin-c.svg);
}

.icon-category-letter-4 { 
  background-image: url(../img/function-icons/red/antioxidant.svg);
}

.icon-category-letter-5 { 
  background-image: url(../img/function-icons/dark-green/immune.svg);
}

.icon-category-melatonin {  
  background-image: url(../img/function-icons/purple/rest.svg);
}

.icon-category-minerals-1 { 
  background-image: url(../img/function-icons/light-blue/antioxidant.svg);
}

.icon-category-minerals-2 { 
  background-image: url(../img/function-icons/light-blue/metabolism-and-energy.svg);
}

.icon-category-minerals-3 { 
  background-image: url(../img/function-icons/light-blue/bone.svg);
}

.icon-category-probiotics { 
  background-image: url(../img/function-icons/purple/probiotic-and-digestive.svg);
}

.icon-category-proteins { 
  background-image: url(../img/function-icons/silver/amino-acid.svg); 
}

.icon-category-specialty-1 {  
  background-image: url(../img/function-icons/purple/antioxidant.svg);
}

.icon-category-specialty-2 {  
  background-image: url(../img/function-icons/purple/eye.svg);
}

.icon-category-specialty-3 {  
  background-image: url(../img/function-icons/purple/metabolism-and-energy.svg);
}

.icon-category-specialty-4 {  
  background-image: url(../img/function-icons/purple/amino-acid.svg);
}

.icon-category-specialty-5 {  
  background-image: url(../img/function-icons/purple/beauty.svg);
}

.icon-category-specialty-6 {  
  background-image: url(../img/function-icons/purple/immune.svg);
}

.icon-category-specialty-7 {  
  background-image: url(../img/function-icons/purple/probiotic-and-digestive.svg);
}

.icon-category-specialty-8 {  
  background-image: url(../img/function-icons/purple/essential-oil.svg);
}

.icon-category-teas { 
  background-image: url(../img/function-icons/misc/teas.svg);
}

.icon-category-all {  
  background-image: url(../img/function-icons/misc/all.svg);
}

/* WN Index */
.section-wn-header p {
  margin: 0 auto;
  width: 50%;
  color:#5a5a5a;
}



@media (min-width: 1px) and (max-width: 767px) {
  .section-wn-header p {
    margin: 0 auto;
    width: 100%;
  }

  .section-wn-header p#seventy {  
    width: 100%;
  }
}

.section-wn-header {
  background: #eff1f2 url("../media/bg-section-category-lg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 47px;
  padding-bottom: 20px;
  position: relative;
  min-height: 220px; 
}

.wn-beauty { background-image: url(../media/bg-section-wn-beauty-sm.jpg); } /* 480x200 */
  @media (min-width: 768px) {
    .wn-beauty {
      background-image: url(../media/bg-section-wn-beauty-md.jpg); /* 768x220 */ }}
  @media (min-width: 992px) {
    .wn-beauty {
      background-image: url(../media/bg-section-wn-beauty-lg.jpg); /* 1280x220 */ }}

  @media (min-width: 1300px) {
    .wn-beauty {
      background-image: url(../media/bg-section-wn-beauty-xl.jpg); /* 3000x220 */ }}

.wn-bone {background-image: url(../media/bg-section-wn-bone-and-joint-sm.jpg); }
  @media (min-width: 768px) {
    .wn-bone {
      background-image: url(../media/bg-section-wn-bone-and-joint-md.jpg); }}
  @media (min-width: 992px) {
    .wn-bone {      
      background-image: url(../media/bg-section-wn-bone-and-joint-lg.jpg); }}
  @media (min-width: 1300px) {
    .wn-bone {
      background-image: url(../media/bg-section-wn-bone-and-joint-xl.jpg); }}

.wn-childrens {color:#FFF; background-image: url(../media/bg-section-wn-childrens-sm.jpg); }
  @media (min-width: 768px) {
    .wn-childrens {
      background-image: url(../media/bg-section-wn-childrens-md.jpg); }}
  @media (min-width: 992px) {
    .wn-childrens {
      background-image: url(../media/bg-section-wn-childrens-lg.jpg); }}
  @media (min-width: 1300px) {
    .wn-childrens {
      background-image: url(../media/bg-section-wn-childrens-xl.jpg); }}

.wn-cognitive {background-image: url(../media/bg-section-wn-cognitive-sm.jpg); }
  @media (min-width: 768px) {
    .wn-cognitive {
      background-image: url(../media/bg-section-wn-cognitive-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-cognitive {
      background-image: url(../media/bg-section-wn-cognitive-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-cognitive {
      background-image: url(../media/bg-section-wn-cognitive-xl.jpg);
    } 
  }  


.wn-diabetic { background-image: url(../media/bg-section-wn-diabetic-sm.jpg); }
  @media (min-width: 768px) {
    .wn-diabetic {
      background-image: url(../media/bg-section-wn-diabetic-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-diabetic {
      background-image: url(../media/bg-section-wn-diabetic-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-diabetic {
      background-image: url(../media/bg-section-wn-diabetic-xl.jpg);
    } 
  }

.wn-digestive { background-image: url(../media/bg-section-wn-digestive-sm.jpg); }
  @media (min-width: 768px) {
    .wn-digestive {
      background-image: url(../media/bg-section-wn-digestive-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-digestive {
      background-image: url(../media/bg-section-wn-digestive-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-digestive {
      background-image: url(../media/bg-section-wn-digestive-xl.jpg);
    } 
  }

.wn-energy { background-image: url(../media/bg-section-wn-energy-sm.jpg); }
  @media (min-width: 768px) {
    .wn-energy {
      background-image: url(../media/bg-section-wn-energy-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-energy {
      background-image: url(../media/bg-section-wn-energy-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-energy {
      background-image: url(../media/bg-section-wn-energy-xl.jpg);
    } 
  }

.wn-eye { background-image: url(../media/bg-section-wn-eye-sm.jpg); }
  @media (min-width: 768px) {
    .wn-eye {
      background-image: url(../media/bg-section-wn-eye-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-eye {
      background-image: url(../media/bg-section-wn-eye-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-eye {
      background-image: url(../media/bg-section-wn-eye-xl.jpg);
    } 
  }

.wn-aging { background-image: url(../media/bg-section-wn-aging-sm.jpg); }
  @media (min-width: 768px) {
    .wn-aging {
      background-image: url(../media/bg-section-wn-aging-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-aging {
      background-image: url(../media/bg-section-wn-aging-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-aging {
      background-image: url(../media/bg-section-wn-aging-xl.jpg);
    } 
  }

.wn-heart { background-image: url(../media/bg-section-wn-heart-sm.jpg); }
  @media (min-width: 768px) {
    .wn-heart {
      background-image: url(../media/bg-section-wn-heart-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-heart {
      background-image: url(../media/bg-section-wn-heart-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-heart {
      background-image: url(../media/bg-section-wn-heart-xl.jpg);
    } 
  }

.wn-immunity { background-image: url(../media/bg-section-wn-immunity-sm.jpg); }
  @media (min-width: 768px) {
    .wn-immunity {
      background-image: url(../media/bg-section-wn-immunity-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-immunity {
      background-image: url(../media/bg-section-wn-immunity-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-immunity {
      background-image: url(../media/bg-section-wn-immunity-xl.jpg);
    } 
  }

.wn-mens { background-image: url(../media/bg-section-wn-mens-sm.jpg); }
  @media (min-width: 768px) {
    .wn-mens {
      background-image: url(../media/bg-section-wn-mens-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-mens {
      background-image: url(../media/bg-section-wn-mens-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-mens {
      background-image: url(../media/bg-section-wn-mens-xl.jpg);
    } 
  }

.wn-prenatal { background-image: url(../media/bg-section-wn-prenatal-sm.jpg); }
  @media (min-width: 768px) {
    .wn-prenatal {
      background-image: url(../media/bg-section-wn-prenatal-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-prenatal {
      background-image: url(../media/bg-section-wn-prenatal-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-prenatal {
      background-image: url(../media/bg-section-wn-prenatal-xl.jpg);
    } 
  }

.wn-sleep { background-image: url(../media/bg-section-wn-sleep-sm.jpg); }
  @media (min-width: 768px) {
    .wn-sleep {
      background-image: url(../media/bg-section-wn-sleep-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-sleep {
      background-image: url(../media/bg-section-wn-sleep-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-sleep {
      background-image: url(../media/bg-section-wn-sleep-xl.jpg);
    } 
  }

.wn-weight { background-image: url(../media/bg-section-wn-weight-sm.jpg); }
  @media (min-width: 768px) {
    .wn-weight {
      background-image: url(../media/bg-section-wn-weight-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-weight {
      background-image: url(../media/bg-section-wn-weight-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-weight {
      background-image: url(../media/bg-section-wn-weight-xl.jpg);
    } 
  }  

.wn-womens { background-image: url(../media/bg-section-wn-womens-sm.jpg); }
  @media (min-width: 768px) {
    .wn-womens {
      background-image: url(../media/bg-section-wn-womens-md.jpg);
      }
  }
  @media (min-width: 992px) {
    .wn-womens {
      background-image: url(../media/bg-section-wn-womens-lg.jpg);
    } 
  }
  @media (min-width: 1300px) {
    .wn-womens {
      background-image: url(../media/bg-section-wn-womens-xl.jpg);
    } 
  }  

.wn-icons {
  position: absolute;  
  bottom:0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

@media (min-width: 1px) and (max-width: 991px) {
  .wn-icons {
    position: relative;
    bottom:0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }  
}

.icon-wn {
  margin: 0 auto;  
  display: block;  
  width: 53px;
  height: 53px;
  background-size: contain;
  background-repeat: no-repeat; 
}

.icon-wn-beauty { 
  background-image: url(../img/wellness-needs-icons/beauty.svg);
}

.icon-wn-joint {  
  background-image: url(../img/wellness-needs-icons/joint.svg);
}

.icon-wn-digestive {  
  background-image: url(../img/wellness-needs-icons/probiotic.svg);
}

.icon-wn-energy { 
  background-image: url(../img/wellness-needs-icons/metabolism-energy.svg);
}

@media (min-width: 1px) and (max-width: 1238px) {
    .icon-wn-energy {      
      bottom:-25px;
      position: relative;
    }  
}

.icon-wn-eye {  
  background-image: url(../img/wellness-needs-icons/eye-health.svg);
}

.icon-wn-heart {  
  background-image: url(../img/wellness-needs-icons/heart.svg);
}

.icon-wn-immunity-1 { 
  background-image: url(../img/wellness-needs-icons/vitamin-c.svg);
}

.icon-wn-immunity-2 { 
  background-image: url(../img/wellness-needs-icons/antioxidant.svg);
}

.icon-wn-immunity-3 { 
  background-image: url(../img/wellness-needs-icons/immune.svg);
}

.icon-wn-mens { 
  background-image: url(../img/wellness-needs-icons/mens.svg);
}

.icon-wn-prenatal { 
  background-image: url(../img/wellness-needs-icons/womens.svg);
}

@media (min-width: 1px) and (max-width: 991px) {
    .icon-wn-prenatal {      
      bottom:-10px;
      position: relative;
    }  
}

@media (min-width: 992px) {
    .icon-wn-prenatal {      
      bottom:-35px;
      position: relative;
    }  
}

.icon-wn-sleep {  
  background-image: url(../img/wellness-needs-icons/rest.svg);
}

.icon-wn-weight { 
  /*background-image: url(../img/wellness-needs-icons/weight-control.svg);*/
}

.icon-wn-womens { 
  background-image: url(../img/wellness-needs-icons/womens.svg);
}

.icon-wn-cognitive { 
  background-image: url(../img/wellness-needs-icons/cognitive.svg);
}



/* Both Indexes: Category and WN*/
.section-category-filters {
  margin-top: 55px; 
  font-size:.9rem;
}

.section-category-filters select {  
  font-size:.75rem;
  color:#54565b;
}

.section-category-filters select option[disabled] { color: #e5e5e5; }


.section-category-filters #clearFilters {color:#00ACD7;}



.section-category-listing {
  /*margin: 50px 0 75px 0;*/
  margin: 50px 0;
}

.section-category-listing .row.products {
  /*margin-bottom:48px;*/
  margin-left: 0;
  margin-right: 0;
}

.section-category-listing .index-product {margin-bottom:48px;}
.section-category-listing .index-product img {
  max-width: 100%;
  height:auto;
}

@media (min-width: 992px) {
  .section-category-listing .index-product {width:23.125% !important;}
  .section-category-listing .index-product:nth-child(4n) {
    margin-right: 0px;    
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .section-category-listing .index-product {width:31.66% !important;}
  .section-category-listing .index-product:nth-child(3n) {margin-right: 0px;}
}

@media (min-width: 1px) and (max-width: 767px) {
  .section-category-listing .index-product {width:48.75% !important;}
  .section-category-listing .index-product:nth-child(2n) {margin-right: 0px;}
}

.section-category-listing .index-product  {  
  text-align: center; 
  padding:10px;
  margin-right: 2.5%;   
  border: 1px solid #e6e6e6;
  border-radius: 0px;  
}

.section-category-listing .index-product > a {
  color: #757575;
  font-size: 14px;    
}

.section-category-listing .index-product > a:hover {  
  text-decoration: none;
  color: inherit; 
}

.section-category-listing .index-product:hover {
  text-decoration: none;
  color: inherit;     
}

.section-category-listing .index-product small {
  font-size: 12px;
  text-transform: uppercase; }

.section-category-listing .index-product img {margin: 0 auto;}

.index-product.hide, .index-blog.hide {display:none !important;}


/* Both Indexes: Filters */
@media (max-width: 767px) {
  #filters {text-align: center;}
}

#filters span#directive {
  margin-bottom:10px;
  margin-right:0px;
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;   
  font-weight: 700;
  font-size: 16px;    
  display: block;
}
#filters span#prefilter, #filters span#ddDR, #filters span#ddFRM {margin-right:15px;}

@media (max-width: 375px) {
  #filters span#ddDR, #filters span#ddFRM {margin-bottom:10px; display:block;}  
}

@media (min-width: 768px) {
  #filters span#directive {
    margin-bottom:0px;
    margin-right:24px;
    display:inline;
  }
}

@media (max-width: 575px) {
  #filters span#clear {
    margin-top:3px;
    display: block;
    margin-right:0px;
    margin-left:0px; 
  }
}


/* Product Detail */

.section-product-info {
  padding-top: 72px;
  padding-bottom: 20px;
  position: relative;
  min-height: 220px;
}

span.bg-product-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 220px;
    background-color: #fff;
    background-image: url("../media/bg-section-product-detail-sm.jpg");    
    background-size: cover;
    background-repeat: no-repeat;  
}

@media (min-width: 768px) {
  span.bg-product-info {
    background-image: url("../media/bg-section-product-detail-md.jpg");      
  } 
}
@media (min-width: 992px) {
  span.bg-product-info {
    background-image: url("../media/bg-section-product-detail-lg.jpg");      
  } 
}
@media (min-width: 1300px) {
  span.bg-product-info {
    background-image: url("../media/bg-section-product-detail-xl.jpg");      
  } 
}


.section-product-info img {vertical-align: top;}

.section-product-info .icons {
  height:400px;
  padding-right: 0px;
  width: 47px;
  display: inline-block;
  float: left;    
}

.section-product-info .icons img {width: 47px;}

.section-product-info .icons .vertical-middle {
  top:39%;
  position: relative;  
}
.section-product-info .icons .vertical-middle span {display:block;}
.section-product-info .icons .vertical-middle span:nth-child(2n) {margin-top: 18px;}

@media (max-width: 369px) {
  .section-product-info .icons {height:250px;}
  .section-product-info .icons .vertical-middle {
    top:56%;
    position: relative;  
  }
}

@media (min-width: 370px) and (max-width: 767px) {  
  .section-product-info .icons .vertical-middle {
    top:35%;
    position: relative;  
  }
}

@media (max-width: 767px) {
  .section-product-info {padding-top: 18px;}  
}

@media (max-width: 387px) {
  .section-product-info .detail {  
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  #fcn-and-gf {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }

  .section-product-info .detail img {max-width: 100%;}  
}

@media (min-width: 387px) {
  .section-product-info .detail {width: 300px;}
}

@media (min-width: 768px) and (max-width: 1199px) {
  .section-product-info .images {text-align: right;}
}

@media (min-width: 768px) {
.section-product-info .info .primary {
  /*height:148px;*/
  min-height:148px; /* post deploy mod */
  height: auto;     /* post deploy mod */ }}

@media (max-width: 767px) {
  .section-product-info .info .primary {height:auto;} 
  .section-product-info .info {padding-top: 30px;}
}

.section-product-info .info .primary h1 {
    font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-size: 42px;
    line-height: 0.9;    
}

.section-product-info .info .primary h1 span.lcase {text-transform: none;}

@media (max-width: 767px) { 
  .section-product-info .info .secondary {    
    padding-top: 5px;
  }
}

@media (min-width: 768px) { 
  .section-product-info .info .secondary {padding-top: 10px;}
}

.section-product-info .info .secondary div#mobile {display: none;}

@media (max-width: 767px) {
  .section-product-info .info .secondary div#mobile {display: block;}
  .section-product-info .info .secondary div#non-mobile {display: none;}  
}

@media (max-width: 479px) {
  .section-product-info .info .secondary div#mobile .col-5, .section-product-info .info .secondary div#mobile .col-7 {      
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }

  .section-product-info .info .secondary div#mobile .col-5 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 2;
      order: 2;
    }
    .section-product-info .info .secondary div#mobile .col-7 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 1;
      order: 1;
    }

}

.section-product-info .info .secondary p.tertiary {margin-top: -1rem;}

.section-product-info .info .secondary ul {padding-left:15px;}

.section-product-info .info .secondary span#retailer{
  margin-bottom: 1rem; 
  display: block;
}

.section-product-info .info .secondary .bulk {
  font-size: .8rem;
  margin-top: -.75rem;
}

/* retailer buttons */
.btn-primary.dark-blue {
  color: #fff;
  background-color: #004A98;
  border-color: #004A98; }
  .btn-primary.dark-blue:hover {
    color: #fff;
    background-color: #00438a;
    border-color: #00438a; }  
  .btn-primary.dark-blue.disabled, .btn-primary.dark-blue:disabled {
    background-color: #004A98;
    border-color: #004A98; }
  .btn-primary.dark-blue:active, .btn-primary.dark-blue.active,
  .show > .btn-primary.dark-blue.dropdown-toggle {
    background-color: #00438a;
    background-image: none;
    border-color: #00438a; }

.btn-primary.dark-blue.zoofriends {
  color: #fff;
  background-color: #0057A3;
  border-color: #0057A3; }
  .btn-primary.dark-blue.zoofriends:hover {
    color: #fff;
    background-color: #004480;
    border-color: #004480; }  
  .btn-primary.dark-blue.zoofriends.disabled, .btn-primary.dark-blue.zoofriends:disabled {
    background-color: #0057A3;
    border-color: #0057A3; }
  .btn-primary.dark-blue.zoofriends:active, .btn-primary.dark-blue.zoofriends.active,
  .show > .btn-primary.dark-blue.zoofriends.dropdown-toggle {
    background-color: #004480;
    background-image: none;
    border-color: #004480; }

.btn-primary.dark-green {
  color: #fff;
  background-color: #005844;
  border-color: #005844; }
  .btn-primary.dark-green:hover {
    color: #fff;
    background-color: #004d3b;
    border-color: #004737; }  
  .btn-primary.dark-green.disabled, .btn-primary.dark-green:disabled {
    background-color: #005844;
    border-color: #005844; }
  .btn-primary.dark-green:active, .btn-primary.dark-green.active,
  .show > .btn-primary.dark-green.dropdown-toggle {
    background-color: #004d3b;
    background-image: none;
    border-color: #004737; }

.btn-primary.light-blue {
  color: #fff;
  background-color: #007da5;
  border-color: #007da5; }
  .btn-primary.light-blue:hover {
    color: #fff;
    background-color: #006a8c;
    border-color: #006a8c; }
  .btn-primary.light-blue.disabled, .btn-primary.light-blue:disabled {
    background-color: #007da5;
    border-color: #007da5; }
  .btn-primary.light-blue:active, .btn-primary.light-blue.active,
  .show > .btn-primary.light-blue.dropdown-toggle {
    background-color: #006a8c;
    background-image: none;
    border-color: #006a8c; }

.btn-primary.light-green {
  color: #fff;
  background-color: #0b8604;
  border-color: #0b8604; }
  .btn-primary.light-green:hover {
    color: #fff;
    background-color: #0a7a04;
    border-color: #0a7a04; }  
  .btn-primary.light-green.disabled, .btn-primary.light-green:disabled {
    background-color: #0b8604;
    border-color: #0b8604; }
  .btn-primary.light-green:active, .btn-primary.light-green.active,
  .show > .btn-primary.light-green.dropdown-toggle {
    background-color: #0a7a04;
    background-image: none;
    border-color: #0a7a04; }    

.btn-primary.orange {
  color: #fff;
  background-color: #ce4c08;
  border-color: #ce4c08; }
  .btn-primary.orange:hover {
    color: #fff;
    background-color: #ba4507;
    border-color: #ba4507; }
  .btn-primary.orange.disabled, .btn-primary.orange:disabled {
    background-color: #ce4c08;
    border-color: #ce4c08; }
  .btn-primary.orange:active, .btn-primary.orange.active,
  .show > .btn-primary.orange.dropdown-toggle {
    background-color: #ba4507;
    background-image: none;
    border-color: #ba4507; }    

.btn-primary.purple {
  color: #fff;
  background-color: #a55a9f;
  border-color: #a55a9f; }
  .btn-primary.purple:hover {
    color: #fff;
    background-color: #965291;
    border-color: #965291; }
  .btn-primary.purple.disabled, .btn-primary.purple:disabled {
    background-color: #a55a9f;
    border-color: #a55a9f; }
  .btn-primary.purple:active, .btn-primary.purple.active,
  .show > .btn-primary.purple.dropdown-toggle {
    background-color: #965291;
    background-image: none;
    border-color: #965291; }    

.btn-primary.red {
  color: #fff;
  background-color: #c32032;
  border-color: #c32032; }
  .btn-primary.red:hover {
    color: #fff;
    background-color: #a61b2b;
    border-color: #9c1a28; }
  .btn-primary.red.disabled, .btn-primary.red:disabled {
    background-color: #c32032;
    border-color: #c32032; }
  .btn-primary.red:active, .btn-primary.red.active,
  .show > .btn-primary.red.dropdown-toggle {
    background-color: #a61b2b;
    background-image: none;
    border-color: #9c1a28; }

.btn-primary.light-red {
  color: #fff;
  background-color: #d7141c;
  border-color: #d7141c; }
  .btn-primary.light-red:hover {
    color: #fff;
    background-color: #c21219;
    border-color: #c21219; }  
  .btn-primary.light-red.disabled, .btn-primary.light-red:disabled {
    background-color: #d7141c;
    border-color: #d7141c; }
  .btn-primary.light-red:active, .btn-primary.light-red.active,
  .show > .btn-primary.light-red.dropdown-toggle {
    background-color: #c21219;
    background-image: none;
    border-color: #c21219; }    

.btn-primary.yellow {
  color: #fff;
  background-color: #976E07;
  border-color: #976E07; }
  .btn-primary.yellow:hover {
    color: #fff;
    background-color: #8a6406;
    border-color: #8a6406; }
  .btn-primary.yellow.disabled, .btn-primary.yellow:disabled {
    background-color: #976E07;
    border-color: #976E07; }
  .btn-primary.yellow:active, .btn-primary.yellow.active,
  .show > .btn-primary.yellow.dropdown-toggle {
    background-color: #8a6406;
    background-image: none;
    border-color: #8a6406; }


.btn-primary.royal-blue {
  color: #fff;
  background-color: #0079B8;
  border-color: #0079B8; }
  .btn-primary.royal-blue:hover {
    color: #fff;
    background-color: #006EA8;
    border-color: #006EA8; }
  .btn-primary.royal-blue, .btn-primary.royal-blue:disabled {
    background-color: #0079B8;
    border-color: #0079B8; }
  .btn-primary.royal-blue:active, .btn-primary.royal-blue.active,
  .show > .btn-primary.royal-blue.dropdown-toggle {
    background-color: #006EA8;
    background-image: none;
    border-color: #006EA8; }        


/* Product Detail: tabs */
.nav-tabs {
     border-bottom: 0; 
}

.section-product-tabs .nav-tabs {    
    margin-top: 47px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;    
}

.section-product-tabs .nav-tabs .nav-link.active, .section-product-tabs .nav-tabs .nav-item.show .nav-link {
    color: #005189;    
    /*background-color: #989898;*/
    border: 0px;    
}

.section-product-tabs .nav-tabs .nav-link {
    border: 0px;
    padding: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #757575;
}

.section-product-tabs .nav-tabs .nav-item {
     margin-bottom: 0; 
}


.section-product-tabs .nav-tabs .nav-link {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}


p#generic {
  text-transform: uppercase;
  font-size: .85rem;
  margin-top: 100px;
}

@media (max-width: 767px) {
  p#generic {margin: 20px 0;}
}  


/* Facts Panel: General structure and formatting  */
.supp-facts {
    border: 1px solid #000;
    font-size: 13px;   
    font-weight: 400;
    padding: 5px 5px 0 5px;
    margin-bottom: 10px;
    color:#000;
    /*rwd table setts start*/
    width: 100%;    
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;    
    -webkit-overflow-scrolling: touch;
    /*rwd table setts end*/
}

/*.supp-facts > table > thead > tr > th,
  .supp-facts > table > tbody > tr > th,
  .supp-facts > table > tfoot > tr > th,
  .supp-facts > table > thead > tr > td,
  .supp-facts > table > tbody > tr > td,
  .supp-facts > table > tfoot > tr > td {
    white-space: nowrap;  }
*/
p.pd-sm {    
    font-size: 13px;   
    font-weight: 400;    
    color:#000;    
}


.supp-facts table.supp-facts-table {
  border-collapse: collapse;
}

.supp-facts .supp-facts-table {
    width:100%;
    font-weight: 400;
}

.supp-facts .supp-facts-table thead tr {
    border-bottom: 7px solid #000;
}

.supp-facts .supp-facts-table thead tr.no-border {
    border-bottom: 0px;
}

.supp-facts .supp-facts-table thead tr:last-child {
    border-bottom: 5px solid #000;
}


.supp-facts .supp-facts-table thead tr th {    
    /*font-family: Arial, sans-serif;*/
    font-weight: 900;
    font-size: 32px;
    text-align: left;        
}

.supp-facts .supp-facts-table thead tr th span {   
    display: block;    
    text-align: left;
    /*float:left;*/
    font-size: 13px;    
    font-weight: 400;
}

.supp-facts .supp-facts-table thead tr th span#serving-size {
  display: inline-block;
  float:left;
}

.supp-facts .supp-facts-table thead tr.subtitle th, .supp-facts .supp-facts-table thead tr:nth-child(2) th, .supp-facts .supp-facts-table thead tr:nth-child(3) th {
    font-size: 13px;    
    font-weight: 800;
    text-align: left;        
}

.supp-facts .supp-facts-table thead tr:last-child th:last-child {text-align: right;}

.supp-facts .supp-facts-table thead tr.subtitle th.right {
    text-align: right;
}

.supp-facts .supp-facts-table tbody tr {
    border-bottom: 1px solid #000;
}

.supp-facts .supp-facts-table tbody tr:last-child {
    border-bottom: 7px solid #000;
}

.supp-facts .supp-facts-table tbody tr.thick {
    border-bottom: 7px solid #000;
}

.supp-facts .supp-facts-table tbody tr td {padding-left: 4px;}

.supp-facts .supp-facts-table tbody tr td.indent {
    padding-left: 17px;
}

.supp-facts .supp-facts-table tbody tr td.indent2x {
    padding-left: 34px;
}

.supp-facts .supp-facts-table tbody tr td:nth-child(2) {
    width:23%;
    text-align: center;
}

.supp-facts .supp-facts-table tbody tr td:last-child {
    text-align:right;
}

.supp-facts .supp-facts-table td.right  {
    text-align: right;
}

.supp-facts .supp-facts-table tfoot tr td div {
  height:5px; 
  vertical-align:middle;
}

/* End Facts Panel  */

/* mobile accordion */
div#mobile .card-header {    
    /*background-color: #54565b;*/
    background-color: #fff;
}

div#mobile .card-header a {
  color:#54565b;
  text-transform: uppercase;
}  

div#mobile .card {border:0px;}

#non-mobile .item-product img, .card-block.p-4 .item-product img {width: 112px;}

div#mobile .card #related-article {  
  background-size: cover;  
  position: relative;
  min-height: 250px; 
  text-align: center;    
}

@media (max-width: 767px) {
  div#mobile .card #related-article { 
    background-position: center top !important; 
  }
}





div#mobile .card #related-article div, div#non-mobile #related-article div {    
  top:76%;
  position: absolute;    
  left: 0;
  right: 0;
  margin: auto
}

div#mobile .card #related-article div h2, div#non-mobile #related-article div h2, .section-wr-header h1 {  
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  font-size: 30px;
  line-height: 0.9;
  color:#FFF;
}

div#mobile .card #related-article div h2 a, div#mobile .card #related-article div h2 a:link, div#mobile .card #related-article div h2 a:visited, div#mobile .card #related-article div h2 a:hover, div#mobile .card #related-article div h2 a:active,
div#non-mobile #related-article div h2 a, div#non-mobile #related-article div h2 a:link, div#non-mobile #related-article div h2 a:visited, div#non-mobile #related-article div h2 a:hover, div#non-mobile #related-article div h2 a:active {
  color:#FFF;
  text-decoration: none;
}

div#non-mobile #related-article {  
  background-size: cover;  
  position: relative;
  min-height: 435px; 
  text-align: center;
  margin-bottom: 47px;  
}

.icon-no-article {
  background: url(../img/icon-no-article.png) no-repeat center;
  background-size: contain;
  display: inline-block; 
  width: 70px;
  height: 102px;  
}

.no-article {
  width:50%;
  text-align: center;
  margin: 0 auto;
  padding: 50px 0;
}



div#non-mobile #related-article div h2 {   
  font-size: 38px;  
}

@media (max-width: 991px) {
  #non-mobile .item-product {margin-bottom:48px;}  
}

@media (max-width: 400px) {  
  .card-block.p-4 .item-product img {max-width: 100%;}
}

@media (max-width: 767px) {
  .card-block.p-4 .item-product {margin-bottom:48px;}  
}  

/* Ask Us block */
.section-ask-us .container-fluid#qstn .row {
  /*min-height:156px;*/
  background-color: #227AB9;;
  padding:38px 0;
}

@media (max-width: 360px) {
.section-ask-us .container-fluid#qstn .row {
    padding:10px;
  }
}

.section-ask-us .container-fluid#ans .row {
  border-top: 1px solid #fff;
  /*min-height:248px;*/  
  background-color: #e5e5e5;  
  padding:48px 0;
}

@media (max-width: 767px) {
  .section-ask-us .container-fluid#ans p {margin-top: 0px;}
}

.section-ask-us h2, .btn-submit
{
    color:#fff;
    text-align: center;
    margin-top: 0;
    font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 34px;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.section-ask-us textarea.form-control, .section-about-tour-contact textarea.form-control {    
  height: 100px;
  padding-bottom:0; 
  margin-bottom:0; 
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #7dc9b5;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #931030;
}

.invalid-feedback {
    display: none;
    margin-top: .25rem;
    font-size: .65rem;
    color: #931030;
}

.success-alert,.error-alert, .section-international-contact p .success-alert,.error-alert {
  font-weight: 700;
  color: #757575;
  font-size: .95rem;
}

.error-alert {color: #931030;}

.btn-ask-us {
  color: #227AB9;
  background-color: #fff;
  border-color: #fff;}
  .btn-ask-us:hover {
    color: #227AB9;
    background-color: #e5e5e5;
    border-color: #e5e5e5; }
  /*.btn-ask-us:focus, .btn-ask-us.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(229, 229, 229, 0.95);
            box-shadow: 0 0 0 3px rgba(229, 229, 229, 0.95); }*/
  .btn-ask-us.disabled, .btn-ask-us:disabled {
    background-color: #fff;
    border-color: #fff; }
  .btn-ask-us:active, .btn-ask-us.active,
  .show > .btn-ask-us.dropdown-toggle {
    background-color: #e5e5e5;
    background-image: none;
    border-color: #e5e5e5; }

.btn-submit {
    color: #005189;    
    background-color: #e5e5e5;
    border:0px;
    border-color: #e5e5e5;
}

button.btn-submit:focus {
   /* outline: 1px dotted;
    outline: 5px auto #54565b;*/
}

/* Blog Index */
.section-wr-header {
  background: #eff1f2 url("../media/bg-section-wr-sm.jpg") no-repeat center;
  background-size: cover;  
  position: relative;
  min-height: 220px;     

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
  text-align: center;  
}


.section-wr-header p {
      width:90%;
      margin:0 auto;}

@media (min-width: 440px) {
    .section-wr-header p {
      width:60%;
      margin:0 auto;}}


  @media (min-width: 768px) {
    .section-wr-header {
      background-image: url(../media/bg-section-wr-md.jpg);  
      padding-left: 8%;    
    }     
  }
  @media (min-width: 992px) {
    .section-wr-header {
      background-image: url(../media/bg-section-wr-lg.jpg);      
      padding-left: 0%;
    } 
  }
  @media (min-width: 1300px) {
    .section-wr-header {
      background-image: url(../media/bg-section-wr-xl.jpg);      
    } 
  }

.section-wr-header h1 {
  font-size: 40px;  
  color: #666;  
}

.section-wr-header h2 {
  font-family: "Oranjerie", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 34px;     
}

.section-wr-tabs {margin-bottom: 22px;}

.section-wr-tabs .nav-tabs .nav-link.active, .section-wr-tabs .nav-tabs .nav-item.show .nav-link {
    color: #fff;    
    background-color: #227AB9;
    border: 0px;    
}

.section-wr-tabs .nav-tabs {    
    margin: 37px 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;  
    color: #666;  
}

.section-wr-tabs .nav-tabs .nav-link {
    border: 0px;
    padding: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #666;
}

.section-wr-tabs .nav-tabs .nav-link {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.index-blog {margin-bottom:40px;}

.index-blog img, .related-article img {width: 100%;}

.index-blog h2, .related-article h3, .section-blog-info h1 {
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;  
  margin: 15px 0 5px 0;
  font-size: 19px;
  line-height: 0.9; 
}

.index-blog a, .index-blog a:link, .index-blog a:visited, .index-blog a:hover, .index-blog a:active, .related-article a, .related-article a:link, .related-article a:visited, .related-article a:hover, .related-article a:active {
  text-decoration: none;
  color: #666;
}

.index-blog p a, .index-blog p a:link, .index-blog p a:visited, .index-blog p a:hover, .index-blog p a:active, .related-article p a, .related-article p a:link, .related-article p a:visited, .related-article p a:hover, .related-article p a:active,
.section-blog-info p a, .section-blog-info p a:link, .section-blog-info p a:visited, .section-blog-info p a:hover, .section-blog-info p a:active {
  text-decoration: none;
  color: #005189; }

.index-blog p a:hover, .index-blog p a:active, .related-article p a:hover, .related-article p a:active, .section-blog-info p a:hover, .section-blog-info p a:active {text-decoration: underline;}


.index-blog p a {color:#005189;}

.index-blog p, .related-article p {
  margin-bottom: 0rem;
  font-size: 13px;
}

@media (min-width: 1px) and (max-width: 417px) {
  .section-wr-tabs .nav-tabs .nav-link.recipes,.section-wr-tabs .nav-tabs .nav-link.all {
    padding-top: 37px;
  }
}

@media (min-width: 418px) and (max-width: 675px) {
  .section-wr-tabs .nav-tabs .nav-link.recipes,.section-wr-tabs .nav-tabs .nav-link.all {
    padding-top: 27px;
  }
}

.section-wr-tabs #disclaimer p {
  margin:0;
  font-size: 11px;
  text-align: center;
  padding: 0 35px;
}

.load_more {margin-bottom:15px;}

.load_more hr {margin-top: 3rem;}

.btn-secondary.blog {
  border-radius: 50%;
  height:100px;
  width:100px;
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size:1.275rem;
  line-height: 1.35rem;
  font-weight: 300;
  cursor: pointer;
}

@media (min-width: 1px) and (max-width: 469px) {
    #load_more hr {margin-top: 1.5rem;}

    .btn-secondary.blog {
        /*height:50px;
        width:50px;
        font-size:.6rem;
        line-height: .7rem;*/
        padding:0 !important;
    }
    #load_more .btn {padding: 0 !important;}
}

@media (max-width: 649px) {
    #load_more {padding:0;}
    #load_more hr {margin-top: 2rem;}

    .btn-secondary.blog {
       /* height:70px;
        width:70px;
        font-size:.9rem;
        line-height: 1.05rem;        */
    }    
}

.btn-secondary.blog {
  color: #fff;
  background-color: #227AB9;
  border-color: #227AB9; }
  .btn-secondary.blog:hover {
    color: #fff;
    background-color: #005189;
    border-color: #005189; }  
  .btn-secondary.blog.disabled, .btn-secondary.blog:disabled {
    background-color: #227AB9;
    border-color: #227AB9; }
  .btn-secondary.blog:active, .btn-secondary.blog.active,
  .show > .btn-secondary.blog.dropdown-toggle {
    background-color: #005189;
    background-image: none;
    border-color: #005189; }


/* Blog Detail */
/*.section-blog-info {margin:0 0 39px 0;}*/
.section-blog-info {margin:0;}

.section-blog-info h1 {    
    margin: 39px 0 20px;
    font-size: 43px;    
    color: #666;
}

img#blog-lg {width:100%;}


.section-blog-info p#author {
    font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;  
    margin: 0 0 10px 0;
    font-size: .9rem;
    line-height: 0.95; 
    color: #666; 
    text-align: center;
}

.section-blog-info div#author-bio p {
  font-size: .75rem;
  margin-bottom: 39px;
}

.section-blog-info .social {margin-bottom:22px;}
.section-blog-info .social span {padding-right:15px;}
.section-blog-info .social span#last {padding-right:0px;}

.section-blog-related-products > .container {
  border-top: 1px solid #cacaca;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.section-blog-related-products {
  padding-bottom: 60px;
  padding-top: 0px;  
  position: relative;
  max-height: 500px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .section-new-products {
      padding-bottom: 40px;
      padding-top: 30px; } }
  @media (min-width: 992px) {
    .section-new-products {
      padding-bottom: 65px;
      padding-top: 60px; } }

.section-blog-related-products .bg-related-products {
  position: absolute;
  left: 0;
  right: 0;
  top: 170px;
  height: 40px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#ffffff));
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
  background-repeat: repeat-x; }
  @media (min-width: 768px) {
    .bg-new-products {
      top: 185px; } }
  @media (min-width: 992px) {
    .bg-new-products {
      top: 319px;
      /*top: 215px;*/ } }

.section-blog-related-products h2.heading-section, .section-blog-related-articles h2.heading-section {
  font-size: 30px;
  margin:23px 0 25px 0;
}

.section-blog-related-products img {
  width:112px;
  height:138px;
}

@media (max-width: 767px) {
  .section-blog-related-products img {
  max-width:100%;
  height:auto;
}
}


.section-blog-related-articles > .container {
  border-top: 1px solid #cacaca;
  margin-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
}

 @media (max-width: 767px) {  
    .section-blog-related-products  .col-5.col-md-3:last-child, .section-blog-related-articles  .col-6.col-md-4:last-child{
    display: none;
  }
}

/* Buy now (formerly Store Locator) */
.section-store-header {
  background-color: #eff1f2;  
  position: relative;
  min-height: 400px;     
  text-align: center;  
}

.section-store-header h1, .section-search-header h1, .section-brand-header h1, .section-store-carousel h1 {
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;  
  margin: 0 0 27px 0;
  font-size: 42px;
  line-height: 0.9; 
  color: #666;  
}

.section-store-header p {
  margin-bottom: 0px;
  color:#54565b;
}


.icon-where-to-buy, .icon-where-to-buy-retailers {
  background-size: contain;
  display: inline-block; 
}

.icon-where-to-buy {  
  background: url(../img/icon-where-to-buy.svg) no-repeat center;
  width: 50px;
  height: 80px; 
}

.icon-where-to-buy-retailers {  
  background: url(../img/icon-where-to-buy-mortar.svg) no-repeat center;
  width: 81px;
  height: 66px; 
}

@media (min-width: 768px) {
  span#retailer {display:block;}
}


/*.section-store-carousel {min-height: 425px;}*/
.section-store-carousel {min-height: 295px;}
.section-store-carousel h1 {margin: 15px 0 25px 0;}
.carousel-online-retailers, .carousel-mass-retailers {margin-top: 25px;}

.carousel-online-retailers .slick-arrow:after, .carousel-mass-retailers .slick-arrow:after {
    position: absolute;
    top: 5px;
    display: block; 
}

.carousel-online-retailers img, .carousel-mass-retailers img {width:100% !important;}
.carousel-online-retailers .slick-prev, .carousel-mass-retailers .slick-prev {left: -35px;}
.carousel-online-retailers .slick-next, .carousel-mass-retailers .slick-next {right: -35px;}

.carousel-online-retailers .slick-prev.slick-arrow.slick-disabled,.carousel-online-retailers .slick-next.slick-arrow.slick-disabled {  
  /* use this selector for different color button */
  /*opacity: .25;*/
  /*display:none !important;*/
  visibility: hidden;
}

/* Search Results */
.section-search-header {
  background: #eff1f2 url("../media/bg-section-category-sm.jpg") no-repeat center;
  background-size: cover;
  padding-top: 47px;
  padding-bottom: 20px;
  position: relative;
  min-height: 220px; 
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
  text-align: center;
}
@media (min-width: 768px) {
    .section-search-header {
      background-image: url(../media/bg-section-category-md.jpg);      
    } 
  }
  @media (min-width: 992px) {
    .section-search-header {
      background-image: url(../media/bg-section-category-lg.jpg);      
    } 
  }
  @media (min-width: 1300px) {
    .section-search-header {
      background-image: url(../media/bg-section-category-xl.jpg);      
    } 
  }
/*.section-search-header > .container > .row {min-height: 220px;}*/
.section-search-header h1 { 
    font-size: 49px;  
}

.section-search-header h2 {  
  font-weight: 300;
  text-transform: uppercase;  
  margin: 0 0 0px 0;
  font-size: 35px;
  letter-spacing: -1px;
  line-height: 0.9; 
  color: #666;  
}

.section-search-tabs .nav-pills { margin: 36px 0 56px 0;}
.section-search-tabs .nav-pills .nav-link.active, .section-search-tabs .nav-pills .nav-item.show .nav-link {
    color: #227AB9;        
    border: 0px;   
    background-color: #fff; 
}

.section-search-tabs .nav-pills .nav-link {   
    text-transform: uppercase;
    font-weight: 300;    
    font-size: 22px;
    letter-spacing: -1px;
    line-height: 0.9; 
    color: #54565b;
}

.section-search-tabs .nav-pills .nav-item {margin-bottom: 0;}

.section-search-tabs hr {margin-top: 3rem;}
.btn-secondary.search {
  border-radius: 50%;
  height:100px;
  width:100px;
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size:1.45rem;
  letter-spacing: -1px;
  line-height: 1.35rem;
  font-weight: 300;
}

.section-search-tabs .item-product img {
  width:112px;
  height:138px;
}

@media (max-width: 469px) {
  .section-search-tabs .item-product img {
   max-width: 100%;
   height:auto;
  }  
}

.section-search-tabs .related-article {margin-bottom:40px;}
.section-search-tabs .item-product {margin-bottom: 48px;}
.section-search-tabs .hide {display:none;}
.section-search-tabs button.view-more {
  float:right; 
  margin-right:5%;
  cursor: pointer;}

.btn-secondary.search {
  color: #fff;
  background-color: #227AB9;
  border-color: #227AB9; }
  .btn-secondary.search:hover {
    color: #fff;
    background-color: #227AB9;
    border-color: #227AB9; }
 
  .btn-secondary.search.disabled, .btn-secondary.search:disabled {
    background-color: #227AB9;
    border-color: #227AB9; }
  .btn-secondary.search:active, .btn-secondary.search.active,
  .show > .btn-secondary.search.dropdown-toggle {
    background-color: #227AB9;
    background-image: none;
    border-color: #227AB9; }

/* Brand Index */
.section-brand-header {
  background: #eff1f2 url("../media/bg-section-brand-all.jpg") no-repeat center;
  background-size: cover;  
  position: relative;
  min-height: 548px;   
  text-align: center;     
}

.icon-brand-index {  
  background: url(../img/icon-brand-index.svg) no-repeat center;
  width: 234px;
  height: 199px;       
  background-size: contain;
  display: inline-block;   
  margin: 50px 0 0;
}

.section-brand-header h1 {
  margin: 10px 0 10px 0;
  font-size: 40px;  
  color: #227ab9;  
}

.section-brand-header p {  
  color: #5a5a5a; 
  width: 90%; 
  margin: 0 auto;
  font-size: 15px;
}

@media (min-width: 600px) {    
  .section-brand-header p {    
    width: 80%; }}
@media (min-width: 768px) {  
  .section-brand-header h1 {font-size: 45px;}
  .section-brand-header p {
    font-size: 16px;
    width: 70%; }}
@media (min-width: 992px) {     
  .section-brand-header h1 {font-size: 49px;}
  .section-brand-header p {
    font-size: 18px;
    width: 75%; }}
@media (min-width: 1180px) {
  .section-brand-header p {width: 55%;}}
@media (min-width: 1300px) {
  .section-brand-header {background-image: url(../media/bg-section-brand-xl_2020.jpg);}}

.section-brand-products-index {
  margin-top: -55px;  
  background-size: cover;  
  position: relative;  
  min-height: 244px;     
  text-align: center;}
  @media (min-width: 375px) {
    .section-brand-products-index { 
      margin-top: -75px; 
      min-height: 264px; }}
  @media (min-width: 416px) {
    .section-brand-products-index { 
      margin-top: -100px; 
      min-height: 294px; }}
  @media (min-width: 480px) {
    .section-brand-products-index { 
      margin-top: -100px;
      min-height: 314px; }}
  @media (min-width: 768px) {
    .section-brand-products-index { 
      margin-top: -105px;
      min-height: 264px; }}
  @media (min-width: 992px) {
    .section-brand-products-index { 
      margin-top: -100px;
      min-height: 314px; }}

.section-brand-products-index p {font-size: 14px;}
.section-brand-products-index p:last-child {
  padding:0;
  margin: 0;}
  

/* About Index */
.section-about-index-header {
  background: #eff1f2 url("../media/bg-section-about-index-sm.jpg") no-repeat center;
  background-size: cover;  
  position: relative;
  min-height: 300px;  
  padding-bottom: 0px; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
  text-align: center;    
}

.icon-about-index {  
  background: url(../img/icon-about-index.jpg) no-repeat center;
  width: 160px;
  height: 35px;     
  background-size: contain;
  display: inline-block; 
}

.section-about-index-header h1,.section-about-index-reputation h2, .section-about-index-leaders h2, .section-about-index-community h2, .section-about-index-footprint h2, .section-about-tour-header h1, .section-about-tour-contact h2, .section-about-contact-header h1, .section-about-contact-info h2, .section-404-header h1, .section-about-careers-header h1, .section-about-careers-resume h1, .section-about-careers-contact h2, .section-ccpa-header h1 {
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;  
  margin: 9px 0 10px 0;
  font-size: 40px;
  line-height: 0.9; 
  color: #5a5a5a;  
}

.section-about-index-header p, .section-about-index-reputation p, .section-about-index-community p, .section-about-index-footprint p {  
  color: #5a5a5a; 
  width: 85%;
  margin: 0 auto;
  font-size: 14px;
}


@media (min-width: 768px) {
  .section-about-index-header {
    background-image: url(../media/bg-section-about-index-md.jpg);      
    min-height: 341px;   
  } 
  /*.section-about-index-header > .container > .row {min-height: 341px;}*/
  .section-about-index-header h1, .section-about-index-header h1, .section-about-index-reputation h2, .section-about-index-leaders h2, .section-about-index-community h2, .section-about-index-footprint h2, .section-about-tour-header h1, .section-about-contact-header h1, .section-about-contact-info h2, .section-about-careers-header h1, .section-about-careers-resume h1, .section-about-careers-contact h2, .section-ccpa-header h1 {font-size: 45px;}
  .section-about-index-header p, .section-about-index-reputation p, .section-about-index-community p, .section-about-index-footprint p {
    font-size: 15px;
    width: 75%;
  }
}

@media (min-width: 992px) {
  .section-about-index-header {
    background-image: url(../media/bg-section-about-index-lg.jpg);      
    min-height: 370px;        
  } 
  /*.section-about-index-header > .container > .row {min-height: 370px;}*/
  .section-about-index-header h1, .section-about-index-header h1,.section-about-index-reputation h2, .section-about-index-leaders h2, .section-about-index-community h2, .section-about-index-footprint h2, .section-about-tour-header h1, .section-about-contact-header h1, .section-about-contact-info h2, .section-about-careers-header h1, .section-about-careers-resume h1, .section-about-careers-contact h2, .section-ccpa-header h1 {font-size: 49px;}
  .section-about-index-header p, .section-about-index-reputation p, .section-about-index-community p, .section-about-index-footprint p {
    font-size: 18px;
    width: 65%; 
  }
}

@media (min-width: 1300px) {
  .section-about-index-header {background-image: url(../media/bg-section-about-index-xl.jpg);} 
}

@media (min-width: 1125px) {
  .section-about-index-header p {width: 55%;}
}


.section-about-index-reputation {
  background-color: #757575;    
  position: relative;
  min-height: 400px;  
  padding-bottom: 0px;   
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
  text-align: center;
}

.section-about-index-reputation h2 {color: #fff;}

.section-about-index-reputation h2.tagline, .section-about-index-leaders h2.tagline, .carousel-about-leaders h2 {
    color:#fff;
    text-align: center;
    margin-top: 0;
    font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -1px;
}

.section-about-index-reputation p {  
  color: #fff; 
  width: 95%;
  margin: 0 auto;
  font-size: 14px;
  padding: 10px 0;
}

@media (min-width: 992px) {
  .section-about-index-reputation p {font-size: 17px;}}



.brand-index-icons {margin:10px 0;}

.brand-index-icons span {
  display: inline-block;
  margin-right: 20px;
}
.brand-index-icons span:last-child{margin-right: 0px;}

.icon-brand-cgmp {  
  background: url(../img/icon-brand-cgmp-sm.png) no-repeat center;
  width: 60px;
  height: 58px;   
  
}
.icon-brand-sqf {  
  background: url(../img/icon-brand-sqf-sm.png) no-repeat center;
  width: 93px;
  height: 58px;     
}
.icon-brand-quality {  
  background: url(../img/icon-brand-quality-sm.png) no-repeat center;
  width: 57px;
  height: 56px;   
}

.icon-brand-nsf {  
  background: url(../img/icon-brand-nsf_sm.png) no-repeat center;
  width: 57px;
  height: 57px;     
}

.icon-brand-ul {  
    background: url(../img/icon-brand-ul-sm.png) no-repeat center;
    width: 56px;
    height: 58px;     
  }

@media (min-width: 768px) {
  .section-about-index-reputation {    
    background: #757575 url("../media/bg-section-about-index-reputation-md.png") no-repeat center;
    background-size: cover;  
    min-height: 400px;   
  } 
  
  .section-about-index-reputation p {width: 55%;}
  /*.brand-index-icons {margin-top: -200px;}*/
  .brand-index-icons {margin-top: -250px;}
  .brand-index-icons span {
    display:block;
    margin-bottom: 15px;
  }  
  .brand-index-icons span:last-child{margin-bottom: 0;}
  .icon-brand-cgmp {  
    background: url(../img/icon-brand-cgmp.png) no-repeat center;
    width: 84px;
    height: 81px;           
  }
  .icon-brand-sqf {  
    background: url(../img/icon-brand-sqf.png) no-repeat center;
    width: 93px;
    height: 38px;     
  }
  .icon-brand-quality {  
    background: url(../img/icon-brand-quality.png) no-repeat center;
    width: 78px;
    height: 76px;   
  }

  .icon-brand-nsf {  
    background: url(../img/icon-brand-nsf.png) no-repeat center;
    width: 76px;
    height: 76px;     
  }

  .icon-brand-ul {  
    background: url(../img/icon-brand-ul.png) no-repeat center;
    width: 78px;
    height: 81px;     
  }
}

@media (min-width: 768px) {
  .brand-index-icons {
    margin-left:70px;
  }
}

@media (min-width: 992px) {
  .brand-index-icons {
    margin-left:130px;
  }
}

@media (min-width: 1092px) {
  .brand-index-icons {
    margin-left:150px;
  }
}

@media (min-width: 1130px) {
  .brand-index-icons {
    margin-left:180px;
  }
}

@media (min-width: 992px) {
  .section-about-index-reputation {
    background-image: url(../media/bg-section-about-index-reputation-lg.png);      
    /*min-height: 347px; */       
    min-height: 387px; 
  } 
  .section-about-index-reputation > .container > .row {min-height: 347px;}  
}

@media (min-width: 1300px) {
  .section-about-index-reputation {background-image: url(../media/bg-section-about-index-reputation-xl.png);} 
}

@media (min-width: 1126px) and (max-width: 1299px) {  
  .section-about-index-reputation p {width: 45%;}
}


.section-about-index-leaders {
  background-color: #fff;    
  position: relative;
  min-height: 154px;  
  padding-bottom: 0px;   
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
  text-align: center; 
}


.section-about-index-leaders h2, .section-about-index-leaders h2.tagline {color:#666;;}

.section-about-index-carousel {
  background-color: #fff;    
  position: relative;
  min-height: 398px;  
  padding-bottom: 75px;   
}

.section-about-index-carousel > .container > .row {min-height: 398px;}


@media (min-width: 1190px) {
.section-about-index-carousel > .container {max-width:1190px;}} /* set max carousel width */

.carousel-about-leaders {
  background-color: #fff;    
  position: relative;
  min-height: 347px;     
  color:#fff;  
  padding-bottom: 0px;   
}

.carousel-about-leaders .slick-list {margin-left: -25px;}

.carousel-about-leaders .slick-slide > div {
  /*min-height: 347px;      */
  position: relative;
  margin-left: 25px;
}

.carousel-about-leaders .slick-slide > div > div {min-height: 347px;}


.carousel-about-leaders .slick-arrow:after {
    position: absolute;
    top: 45%;
    display: block; 
}

.carousel-about-leaders .slick-prev {left: -45px;}
.carousel-about-leaders .slick-next {right: -45px;}

.carousel-about-leaders .slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: -32px; }
  .carousel-about-leaders .slick-dots li {
    display: inline-block;
    margin: 0 5px; }
    @media (min-width: 768px) {
      .carousel-about-leaders .slick-dots li {
        margin: 0 7px; } }
  .carousel-about-leaders .slick-dots button {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #9d9d9d;
    background: #fff;
    font: 0/0 a;
    cursor: pointer; }
    @media (min-width: 768px) {
      .carousel-about-leaders .slick-dots button {
        width: 14px;
        height: 14px; } }
  .carousel-about-leaders .slick-dots li.slick-active button {
    background: #54565b; }


.carousel-about-leaders h2 {   
    color:#5a5a5a;
    margin: 20px 0 7px;    
    font-size: 30px;    
    text-align: left;
    text-transform: uppercase;
}

.carousel-about-leaders p {  
  color: #5a5a5a;   
  text-align: left;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 14px;    
}

@media (min-width: 576px) {
  .carousel-about-leaders p {    
    width: 90%;}}

@media (min-width: 768px) {
  .carousel-about-leaders p {        
    font-size: 15px; }}


.section-about-index-community {
  background: #eff1f2 url("../media/bg-section-about-index-community-sm.jpg") no-repeat center;
  background-size: cover;  
  position: relative;
  min-height: 500px;  
  padding-top: 5px;   
}

.section-about-index-community > .container > .row { min-height: 500px; }
.icon-about-community {  
  background: url(../img/icon-about-community.jpg) no-repeat center;
  width: 160px;
  height: 35px;      
  background-size: contain;
  display: inline-block; 
}



@media (min-width: 375px) {
  .section-about-index-community {padding-top: 50px;}}
@media (min-width: 768px) {
  .section-about-index-community {padding-top: 64px;}}

.section-about-index-community h2 {color:#5a5a5a;}
.section-about-index-community p {  
  color:#5a5a5a;
  width: 100%;
  margin:0 auto;
}

@media (min-width: 576px) {
  .section-about-index-community p {width: 75%;}}


@media (min-width: 768px) {
  .section-about-index-community {
    background-image: url(../media/bg-section-about-index-community-md.jpg);          
  } 
  .section-about-index-community p {      
    width: 50%;    
  }

}

@media (min-width: 992px) {
 .section-about-index-community {
    background-image: url(../media/bg-section-about-index-community-lg.jpg);          
  } 
}
@media (min-width: 1300px) {
  .section-about-index-community {background-image: url(../media/bg-section-about-index-community-xl.jpg);} 
}


.section-about-index-charity {margin:20px 0 20px 0;}
@media (min-width: 768px) {
  .section-about-index-charity {margin:40px 0 40px 0;}  
}
.carousel-about-charity .slick-arrow:after {
    position: absolute;
    top: 25px;
    display: block; 
}

.carousel-about-charity img {width:100% !important;}
.carousel-about-charity .slick-prev, .carousel-brands .slick-prev {left: -35px;}
.carousel-about-charity .slick-next, .carousel-brands .slick-next {right: -35px;}

.carousel-about-charity .slick-prev.slick-arrow.slick-disabled,.carousel-about-charity .slick-next.slick-arrow.slick-disabled,
.carousel-brands .slick-prev.slick-arrow.slick-disabled,.carousel-brands .slick-next.slick-arrow.slick-disabled {visibility: hidden;}

.carousel-brands .slick-slide {text-align: center;}

.section-about-index-footprint {
  background: #eff1f2 url("../media/bg-section-about-index-footprint-xs.jpg") no-repeat center;
  background-size: cover;  
  position: relative;
  min-height: 361px;  
  padding-top: 45px;   
}

.section-about-index-footprint > .container > .row {
  min-height: 361px;    
}

@media (min-width: 480px) {
  .section-about-index-footprint {background-image: url(../media/bg-section-about-index-footprint-sm.jpg);}
}



.section-about-index-footprint h2 {color:#5a5a5a;}
.section-about-index-footprint p {  
  color:#5a5a5a;
  width: 80%;
  margin:0 auto;
}

@media (min-width: 768px) {
  .section-about-index-footprint {
    background-image: url(../media/bg-section-about-index-footprint-md.jpg);          
    min-height: 500px;  
  } 
  .section-about-index-footprint p {  
    color:#5a5a5a;
    width: 80%;
    text-align: center;    
  }  
}

@media (min-width: 992px) {
 .section-about-index-footprint {
    background-image: url(../media/bg-section-about-index-footprint-lg.jpg); } 
  .section-about-index-footprint p {width: 90%;}}

@media (min-width: 1300px) {
  .section-about-index-footprint {background-image: url(../media/bg-section-about-index-footprint-xl.jpg);} 
}


.icon-about-footprint {  
  background: url(../img/icon-about-footprint.jpg) no-repeat center;
  width: 204px;
  height: 35px;     
  background-size: contain;
  display: inline-block; 
}


/* About - Tour */
.section-about-tour-header {
  border-top: 20px solid #e5e5e5;
  position: relative;
  padding-top: 8px;
  padding-bottom: 4px; 
  text-align: center;  
  }

  .section-about-tour-header .player, .section-about-tour-contact #lm-container {
      margin-right: auto !important;
      margin-left: auto !important;
      width: 95%;
  }

  @media (min-width: 768px) {
    .section-about-tour-header {
      border-top-width: 51px;
      padding-top: 15px;
      padding-bottom: 10px; 
      text-align: left;
      } 
  }
  @media (min-width: 992px) {
    .section-about-tour-header {border-top-width: 57px; } 
    .section-about-tour-header .player, .section-about-tour-contact #lm-container {
      margin-right: auto !important;
      margin-left: auto !important;
      width: 80%;
    }
  }

/*.youtube-player {
    width: 100%;
    min-height: 571px;  
    margin:25px 0;
}
*/

 .video-container {  
  position:relative;
  padding-bottom:56.25%;
  /*padding-top:30px;*/
  height:0;
  overflow:hidden;
  margin:25px 0;
}

.video-container iframe, .video-container object, .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;    
}


.section-about-tour-contact #qstn {
  /*height: 98px;*/
  background-color: #e5e5e5;
  padding:37px 0;
}


.section-about-tour-contact #ans {  
  background-color: #fff;
  color:#666;
  font-size: 14px;
}

.section-about-tour-contact #ans > .row {
  /*min-height:475px;*/
  padding:37px 0;
}


@media (min-width: 768px) {
  .section-about-tour-contact #ans > .row {    
    /*min-height: 310px;*/
    font-size: 16px;
    padding:16px 0;
  }  

}

@media (min-width: 992px) {
    .section-about-tour-contact #ans > .row {
      /*min-height: 248px;*/
      padding:20px 0;
    }   
}

.section-about-tour-contact h2 {
  color:#666;
  font-size: 42px;
}

.section-about-tour-contact .btn-submit {
    color: #005189;    
    background-color: #fff;
    border-color: #fff;
}

/* About - Contact Us,  CPPA opt-out */
.section-about-contact-header, .section-ccpa-header {
  color:#666;
  background-color: #e5e5e5;    
  /*min-height: 620px;*/
}

.section-about-contact-header > .container > .row, .section-ccpa-header > .container > .row {
  /*min-height: 620px;*/
  padding:27px 0;
}       

.section-about-contact-header #cu-container, .section-ccpa-header #ccpa-container {
      margin-right: auto !important;
      margin-left: auto !important;
      width: 95%;
  }
@media (min-width: 768px) {
    .section-about-contact-header > .container > .row, .section-ccpa-header > .container > .row {
      /*min-height: 570px;*/
      padding:76px 0;
    }           
}

@media (min-width: 992px) {    
    .section-about-contact-header #cu-container, .section-about-careers-resume #rs-container, .section-ccpa-header #ccpa-container {      
      margin-right: auto !important;
      margin-left: auto !important;
      width: 80%;
  }
}

.section-about-contact-header .form-check-input, .section-ccpa-header .form-check-input {
  position: absolute;
  margin-top: 0.1rem;
  margin-left: 0rem; 
}

.section-about-contact-header .form-check-label, .section-about-contact-header p#note, .section-ccpa-header .form-check-label, .section-ccpa-header p#note {
  font-size: 12px;  
  text-align: left;
}

.section-about-contact-header p#note, .section-ccpa-header p#note {margin-top: 13px;}
.section-about-contact-header .btn-submit,  .section-about-careers-header .btn-submit, .section-about-careers-resume .btn-submit, .section-ccpa-header .btn-submit {color: #005189;}

.section-about-contact-header button.btn-submit:focus,  .section-about-careers-header button.btn-submit:focus, .section-about-careers-resume button.btn-submit:focus, .section-ccpa-header button.btn-submit:focus  {
    /*outline: 1px dotted;
    outline: 5px auto #ccc;*/
}

.section-about-contact-header .was-validated .form-check-input:invalid + .form-check-label, .section-ccpa-header .was-validated .form-check-input:invalid + .form-check-label {color:#931030;}

.section-about-contact-info {
  background-color: #fff;    
  position: relative;
  /*min-height: 265px;  */
  padding-bottom: 0px;   
}

.section-about-contact-info > .container-fluid > .row {
  /*min-height: 265px;  */
  padding:28px 0;
}

.icon-info-location {
  background: url(../img/icon-about-location.png) no-repeat center;
  background-size: contain;
  display: inline-block; 
  width: 81px;
  height: 77px;    
}

.section-about-contact-info .container.address {
  display:inline-block;
  width: 95%;
}

@media (max-width: 380px) {
  .icon-info-location {display: none;}
  
}

.section-about-contact-info .container.address p {font-size: 15px;}

@media (min-width: 480px) { 
    .section-about-contact-info .container.address {width: 85%;}
}

@media (min-width: 668px) { 
    .section-about-contact-info .container.address {width: 70%;}
}

@media (min-width: 992px) { 
    .section-about-contact-info .container.address {width: 65%;}
}

@media (min-width: 1100px) { 
    .section-about-contact-info .container.address {width: 55%;}
}

@media (min-width: 1300px) { 
    .section-about-contact-info .container.address {width: 50%;}
}

@media (min-width: 1500px) { 
    .section-about-contact-info .container.address {width: 45%;}
}

/* Careers */
.section-about-careers-header, .section-about-careers-resume {
  color:#666;
  background-color: #fff;      
  padding-bottom: 25px;
}

@media (min-width: 992px) { 
  .section-about-careers-resume {
    min-height: 400px;
  }
}



.section-about-careers-header > .container > .row, .section-about-careers-resume{  
  padding:50px 0 25px 0;
}

.section-about-careers-contact {
  text-align: left;
  padding: 50px 0;
}

.section-about-careers-contact h2 {margin-top: 0px;}
.section-about-careers-contact .btn-submit {
  color: #005189;
  background-color: #fff;
}

.section-about-careers-contact button.btn-submit:focus {
   /* outline: 1px dotted;
    outline: 5px auto #ccc;*/
}


.section-about-careers-contact > .container > .row {  
  padding: 25px 0;
}

.custom-table {
    margin-top: 25px;
    margin-bottom: 0px;
    text-align: left;
}

.custom-table.table th, .custom-table.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-bottom: 1px solid #808080;
    border-top: 0px;
}

.table-responsive table.custom-table thead tr th.col-job-title {
    width: 50%;
}

.custom-table a, .custom-table a:hover, .custom-table a:active, .custom-table a:visited {
  color:#005189;  
}

#customFile .custom-file-control:lang(en)::after {
  content: "UPLOAD RESUME";
}

.custom-file-input {
  min-width: 30rem;
  font-weight: 300;
}


.help-block .error {
    display: none;
    margin-top: .1rem;
    font-size: .8rem;
    color: #931030;
    text-align: left;
    margin-bottom: 0rem;    
}

/*.file-upload .help-block .error {    
    padding-top: 2.25rem;    
}*/


/* 404 */
.section-404-header {
  background-color: #fff;    
  position: relative;
  min-height: 525px;  
  padding-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
  text-align: center;   
}

.section-404-header {min-height: 525px;}

@media (min-width: 992px) {
    .section-404-header {min-height: 595px;}
}

.icon-page-not-found {
  background: url(../img/icon-page-not-found.png) no-repeat center;
  background-size: contain;
  display: inline-block; 
  width: 126px;
  height: 126px;  
}

.section-404-header h1 {
  font-size: 60px;
  color:#005189;
}

/* International */
.section-carousel-international {position: relative;}
.item-carousel-international {
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  overflow: hidden;
  height: 300px;
  color: #757575; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important; /* mod */
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
  text-align: center;
  margin:0 auto;  
}

_:-ms-fullscreen, :root .item-carousel-international > .container {margin:0 0;} /* IE11 mod */

.section-carousel-international .slick-track .slick-slide > div > div { /* mod */
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
  height:300px;
}
  @media (min-width: 768px) {
    .item-carousel-international, .section-carousel-international .slick-track .slick-slide {
      height: 341; }}
  @media (min-width: 992px) {
    .item-carousel-international, .section-carousel-international .slick-track .slick-slide {
      height: 370px; }}  
  
.carousel-international-01 {   
  background-position: center top;
  /*background-image: url(../media/carousel-international-01-sm.jpg); */ /*480x300*/
  background-image: url(../media/carousel-international-01.jpg);} 
  @media (min-width: 768px) {    
    .carousel-international-01 {
     background-position: center bottom;  
      /*background-image: url(../media/carousel-international-01-md.jpg);*/ }} /*768x341*/
  @media (min-width: 992px) {
    .carousel-international-01 {
      /*background-image: url(../media/carousel-international-01-lg.jpg);*/ }} /*1280x370*/
  @media (min-width: 1300px) {
    .carousel-international-01 {
      background-image: url(../media/carousel-international-01-xl.jpg); }} /*3000x370*/

.carousel-international-02 {
  background-position: center top;
  background-image: url(../media/carousel-international-02.jpg);
  /*background-image: url(../media/carousel-international-02-sm.jpg);*/}
  @media (min-width: 768px) {
    .carousel-international-02 {
      /*background-image: url(../media/carousel-international-02-md.jpg);*/ } }
  @media (min-width: 992px) {
    .carousel-international-02 {
      /*background-image: url(../media/carousel-international-02-lg.jpg);*/ } }
  @media (min-width: 1300px) {
    .carousel-international-02 {
      background-image: url(../media/carousel-international-02-xl.jpg); } }

.carousel-international-03 {
  background-image: url(../media/carousel-international-03.jpg);
  /*background-image: url(../media/carousel-international-03-sm.jpg);*/}
  @media (min-width: 768px) {
    .carousel-international-03 {
      /*background-image: url(../media/carousel-international-03-md.jpg);*/ } }
  @media (min-width: 992px) {
    .carousel-international-03 {
      /*background-image: url(../media/carousel-international-03-lg.jpg);*/ } }
  @media (min-width: 1300px) {
    .carousel-international-03 {
      background-image: url(../media/carousel-international-03-xl.jpg); } }                                                    

.icon-international-sales {  
  background: url(../img/icon-international-sales.png) no-repeat center;
  margin-top: 15px;
  width: 200px;
  height: 30px;     
  background-size: contain;
  display: inline-block; 
}

.section-carousel-international .slick-dots {bottom: 5px;}

.section-international-header h1, .section-international-offices h2, .section-international-contact h2, .section-legal-header h1, .item-carousel-international h1 {
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;  
  margin: 9px 0 10px 0;
  font-size: 40px;
  line-height: 0.9; 
  color: #fff;  
}

.item-carousel-international h1 {color:#5a5a5a;}
.section-international-header p, .item-carousel-international p {  
  color: #5a5a5a; 
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
}

@media (min-width: 416px) {
  .section-international-header p, .item-carousel-international p {width: 90%;}  
  .section-carousel-international .slick-dots {bottom: 15px;}}

@media (min-width: 768px) {
  .section-international-header h1, .section-international-offices h2, .section-international-contact h2, .item-carousel-international h1  {font-size: 45px;}
  .section-international-header p, .item-carousel-international p {
    font-size: 15px;
    width: 75%;}}

@media (min-width: 900px) { 
  .carousel-international-01.item-carousel-international p,.carousel-international-02.item-carousel-international p {width: 65%;}}


@media (min-width: 992px) {
  .section-international-header h1, .section-international-offices h2, .section-international-contact h2 , .item-carousel-international h1{font-size: 49px;}  
  .carousel-international-01.item-carousel-international p, .carousel-international-02.item-carousel-international p {width: 55%;}
  .carousel-international-03.item-carousel-international p {width: 43%;}}
 @media (min-width: 1300px) {
  .carousel-international-01.item-carousel-international p {width: 45%;}}

.section-international-map {
  background: #fff url("../media/international-map-xs.png") no-repeat center;
  background-size: cover;  
  position: relative;
  min-height: 267px;  
  padding-bottom: 0px;   
}

.section-international-map > .container > .row {min-height: 267px;}

.section-international-map .country-list, .section-international-countries {
  margin: 0 auto;
  font-size: 13px;
  color:#666;
}

.section-international-map #countries {margin-left:25px;}

@media (min-width: 481px) {
  .section-international-map {    
    background-image: url(../media/international-map-sm.png); }}

@media (min-width: 768px) {
  .section-international-map {
    background-image: url(../media/international-map-md.png);          
    min-height: 648px; } 
  .section-international-map > .container > .row {min-height: 648px;}  
  .section-international-map p {
    font-size: 16px;
    color:#676464;
    width: 75%; }
  .section-international-map .country-wrapper {
    float:right; 
    margin:0 5px 0;
    background-color: rgba(255, 255, 255, 0.99);  
    padding:0 25px 0;
    min-height: 648px; }
  .section-international-map .scroll {height: 535px;}
  .section-international-map .country-list {
    font-size: 16px;
    color:#676464; }
  .section-international-map h2 {
    color:#666;    
    margin: 20px 0;    
    font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 300; }}

@media (min-width: 992px) {
  .section-international-map {
    background-image: url(../media/international-map-lg.png);      
    min-height: 635px;        
  } 
  .section-international-map > .container > .row {min-height: 635px;}  
  .section-international-map p {width: 65%;}
  .section-international-map .country-wrapper {
    float:right; 
    margin:0;
    background-color: rgba(255, 255, 255, 0.99);  
    padding:0 25px 25px;
    min-height: 635px;
  }
  .section-international-map .scroll {height: 595px;}
}

/*@media (min-width: 1300px) {
  .section-international-map {background-image: url(../media/international-map-xl.jpg);} 
}*/

.section-international-map .ps-container {
    position: relative;
    overflow: hidden;
}

.icon-international-distribution {  
  background: url(../img/icon-international-distribution.png) no-repeat center; 
  width: 200px;
  height: 30px;     
  background-size: contain;
  display: inline-block; 
}

.section-international-countries .country-cols {margin-bottom: 18px;}
.section-international-countries .country-cols .col {border-right: 1px solid #c5c5c5;}
.section-international-countries .country-cols .col:last-of-type {border-right: 0px;}

@media (max-width: 435px) {
  .section-international-countries .country-cols .col:nth-child(3n) {border-right:0px;}
}

@media (max-width: 344px) {
  .section-international-countries .country-cols .col {border-right: 0px;}
}

.section-international-offices {
  background-color: #227AB9;
  position: relative;
  /*min-height: 220px;  */
  padding-bottom: 0px;   
}

.section-international-offices > .container > .row {
  /*min-height: 220px;    */
  padding:41px 0;
}

.section-international-offices h2 {color:#fff; margin-bottom: 15px;}

.btn-secondary.offices {
  border-radius: 50%;
  height:70px;
  width:70px;  
  font-size:1.1rem;
  text-transform: none;
  line-height: 1rem;
  color: #fff;
  background-color: #227AB9;
  border-color: #fff;
  border:1px solid;
  font-weight: 500;
  padding-left: 10px;
  margin-right: 10px;
}

.btn-secondary.offices.singapore {padding-left: 5px;}

@media  (max-width: 613px) {
    .btn-secondary.offices:nth-of-type(4), .btn-secondary.offices:nth-of-type(5), .btn-secondary.offices:nth-of-type(6) { margin-top: 10px;}    
    .section-international-offices .office-wrapper {
      margin:0 auto;
      max-width:300px;}}

@media  (min-width: 614px) {
.btn-secondary.offices:last-of-type {margin-right:0px;}}

.section-international-contact {
  color:#666;
  background-color: #e5e5e5; }

.section-international-contact > .container > .row {padding:38px 0;}       

.section-international-contact #is-container {
      margin-right: auto !important;
      margin-left: auto !important;
      width: 95%;
  }
@media (min-width: 768px) {
    .section-international-contact > .container > .row {
      padding:98px 0;
    }           
}

@media (min-width: 992px) {    
    .section-international-contact #is-container {      
      margin-right: auto !important;
      margin-left: auto !important;
      width: 80%;
  }
}

.section-international-contact .form-check-input {
  position: absolute;
  margin-top: 0.1rem;
  margin-left: 0rem; 
}

.section-international-contact .form-check-label, .section-international-contact p#note {
  font-size: 12px;  
  text-align: left;
}

.section-international-contact h2 {color:#666666;}
.section-international-contact p {
  font-size:14px; 
  color:#54565b;
  margin:20px 0;  
}

.section-international-contact .error-alert {color: #931030;}

@media (min-width: 768px) {
  .section-international-contact p {
  font-size:15px;   
  margin:30px 0;  
  }  
}

.section-international-contact .btn-submit {color: #005189;}
.section-international-contact .was-validated .form-check-input:invalid + .form-check-label {color:#931030;}

/*Legal */
.section-legal-header {
  background-color: #eff1f2;  
  position: relative;
  min-height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
  text-align: center;   
}

.section-legal-header h1 {
  margin: 0 0 27px 0;
  font-size: 42px;  
  color: #666;  
}

.section-legal-header p {
  margin-bottom: 0px;
  color:#54565b;
}

.section-legal-copy {margin: 20px 0;}


/* Searchbox */
.easy-autocomplete {width:100% !important;}
.easy-autocomplete input {
    width:100%;
    border-color: #ccc;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    color: #555;
    float: none;
    padding: 6px 12px;
}

img#spinner {width:70px;}

.section-brands {
  background: #e5e5e5;
  padding: 20px 0; }
  @media (min-width: 440px) {
    .section-brands {
      padding: 30px 0; }}
  @media (min-width: 768px) {
    .section-brands {
      padding: 50px 0; }}

/* 2021 Homepage Carousel: , Stress Set (a), Immune Health (b), Vitajoy (c), Melatonin (d), 30 Years (e)          , Immune Set (5), Elderberry (6), Melantonin (7), AFT (8)*/
.carousel-ad-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; } 

/* 21a - Stress Set Starts */
.section-carousel-ads .carousel-ad-21a .container {
    padding-left: 25px;
    padding-right: 25px;
}
@media (min-width: 768px) {
  .section-carousel-ads .carousel-ad-21a .container {
    padding-left: 40px;
    padding-right: 40px; }}
 
.carousel-ad-21a {
  background-image: url(../media/carousel-bg-21a-xs.jpg); /*375x589 */
  background-position: center left;
  font-size: 16px; } 
  @media (min-width: 376px) {
    .carousel-ad-21a {
      background-image: url(../media/carousel-bg-21a-sm.jpg); /*480x589 */
      background-position: center right;  } }
  @media (min-width: 600px) {
    .carousel-ad-21a {
      background-image: url(../media/carousel-bg-21a-sm_b.jpg); /* 767x589 */
      background-position: center;  } }
  @media (min-width: 768px) {
    .carousel-ad-21a {
      background-image: url(../media/carousel-bg-21a-md.jpg); /* 768x430*/    
      background-position: center left;
      font-size: 15px; } }
  @media (min-width: 992px) {
    .carousel-ad-21a {
      background-image: url(../media/carousel-bg-21a-lg.jpg); /* 1280x680*/    
      font-size: 16px; } }
  @media (min-width: 1425px) {
    .carousel-ad-21a {
      background-image: url(../media/carousel-bg-21a-xl.jpg); /* 3000x680*/   
      background-position: center;
      font-size: 16px; } }

.carousel-ad-21a .row-carousel-ad {    
    padding-bottom: 0px;
}

@media (min-width: 440px) {
  .carousel-ad-21a .row-carousel-ad {         
    padding-top: 25px; }}

@media (min-width: 600px) {
  .carousel-ad-21a .row-carousel-ad {    
     -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 35px; }}

@media (min-width: 768px) {
  .carousel-ad-21a .row-carousel-ad {    
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0px;
    padding-bottom: 3rem; }}    

@media (min-width: 992px) {
  .carousel-ad-21a .row-carousel-ad {    
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 125px; }}

.carousel-ad-21a h2 {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  color: #ba2f2c;
  font-size: 38px;
  line-height: 34px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.carousel-ad-21a h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #ba2f2c;
  font-size: 26px;
  line-height: 24px;
  text-align: left;
  text-transform: none;
  /*letter-spacing: -2px;*/
}

.carousel-ad-21a h2:last-of-type, .carousel-ad-21a h3:last-of-type {display: none;}

@media (min-width: 375px) {    
.carousel-ad-21a h2:first-of-type, .carousel-ad-21a h3:first-of-type {display: none;}
.carousel-ad-21a h2:last-of-type, .carousel-ad-21a h3:last-of-type {display: block;}}

@media (min-width: 768px) {    
    .carousel-ad-21a h2:first-of-type, .carousel-ad-21a h3:first-of-type {display: block;}
    .carousel-ad-21a h2:last-of-type, .carousel-ad-21a h3:last-of-type {display: none;}}

.carousel-ad-21a p {    
    position: absolute;
    bottom: 10%;
    text-align: left;
}

@media (min-width: 768px) {
    .carousel-ad-21a p {
        margin-top: 20px;
        position: relative;
        padding-top: 0;
      }}

@media (min-width: 992px) {
    .carousel-ad-21a p {
      margin-top: 20px;
      padding-top: 0px;    
      text-align: left; }
    .carousel-ad-21a h2 {
      font-size: 58px;
      line-height: 56px; }
    .carousel-ad-21a h3 {
      font-size: 40px;
      line-height: 38px;  
      /*letter-spacing: -4px;*/ }}

@media (max-width: 767px) {
  .btn-carousel-21a {
    padding: 4px 0.45rem;
    font-size: .7rem; }}

@media (max-width: 991px) {
  .btn-carousel-21a {
    padding: 5px 0.5rem;
    font-size: .9rem; }}

.btn-carousel-21a {  
  color: #fff;
  background-color: #b17308;
  border-color: #b17308; }
.btn-carousel-21a:hover {  
  color: #fff;
  background-color: #c9830a; }
.btn-carousel-21a.disabled, .btn-carousel-21a:disabled {
  background-color: #8c8c8c;
  border-color: #8c8c8c; }
.btn-carousel-21a:active, .btn-carousel-21a.active,
.show > .btn-carousel-21a.dropdown-toggle {
  color: #fff;
  background-color: #b17308;
  background-image: none;
  border-color: #b17308; }

@media (min-width: 375px) {
 .btn-carousel-21a {
  color: #fff;
  background-color: #ba2f2c;
  border: 1px solid #ba2f2c;}
.btn-carousel-21a:hover {
  color: #fff;
  background-color: #c10212;
  border-color: #c10212; }
.btn-carousel-21a.disabled, .btn-carousel-21a:disabled {
  background-color: #8c8c8c;
  border-color: #8c8c8c; }
.btn-carousel-21a:active, .btn-carousel-21a.active,
.show > .btn-carousel-21a.dropdown-toggle {
  color: #fff;
  background-color: #b17308;
  background-image: none;
  border-color: #b17308; }}

/* 21a - Stress Set Ends */

/* 21b - Immune Health Starts */
.section-carousel-ads .carousel-ad-21b .container {
    padding-left: 25px;
    padding-right: 25px;
}
@media (min-width: 768px) {
  .section-carousel-ads .carousel-ad-21b .container {
    padding-left: 40px;
    padding-right: 40px; }}
 
.carousel-ad-21b {
  background-image: url(../media/carousel-bg-21b-xs.jpg); /*375x589 */
  background-position: center left;
  font-size: 16px; } 
  /*@media (min-width: 376px) {*/
    @media (min-width: 420px) {
    .carousel-ad-21b {
      background-image: url(../media/carousel-bg-21b-sm.jpg); /*480x589 */
      background-position: center right;  } }
  @media (min-width: 600px) {
    .carousel-ad-21b {
      background-image: url(../media/carousel-bg-21b-sm_b.jpg); /* 767x589 */
      background-position: center;  } }
  @media (min-width: 768px) {
    .carousel-ad-21b {
      background-image: url(../media/carousel-bg-21b-md.jpg); /* 768x430*/    
      background-position: center left;
      font-size: 15px; } }
  @media (min-width: 992px) {
    .carousel-ad-21b {
      background-image: url(../media/carousel-bg-21b-lg.jpg); /* 1280x680*/    
      font-size: 16px; } }
  @media (min-width: 1425px) {
    .carousel-ad-21b {
      background-image: url(../media/carousel-bg-21b-xl.jpg); /* 3000x680*/   
      background-position: center;
      font-size: 16px; } }

.carousel-ad-21b .row-carousel-ad {    
    padding-bottom: 0px;
}

@media (min-width: 440px) {
  .carousel-ad-21b .row-carousel-ad {         
    padding-top: 25px; }}

@media (min-width: 600px) {
  .carousel-ad-21b .row-carousel-ad {    
     -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 35px; }}

@media (min-width: 768px) {
  .carousel-ad-21b .row-carousel-ad {    
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0px;
    padding-bottom: 3rem; }}    

@media (min-width: 992px) {
  .carousel-ad-21b .row-carousel-ad {    
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 125px; }}

.carousel-ad-21b h2 {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  color: #ce588a;
  font-size: 38px;
  line-height: 34px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.carousel-ad-21b h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #ce588a;
  font-size: 26px;
  line-height: 24px;
  text-align: left;
  text-transform: none;
  /*letter-spacing: -2px;*/
}

.carousel-ad-21b h2:last-of-type, .carousel-ad-21b h3:last-of-type {display: none;}

@media (min-width: 375px) {    
.carousel-ad-21b h2:first-of-type, .carousel-ad-21b h3:first-of-type {display: none;}
.carousel-ad-21b h2:last-of-type, .carousel-ad-21b h3:last-of-type {display: block;}}

@media (min-width: 768px) {    
    .carousel-ad-21b h2:first-of-type, .carousel-ad-21b h3:first-of-type {display: block;}
    .carousel-ad-21b h2:last-of-type, .carousel-ad-21b h3:last-of-type {display: none;}}

.carousel-ad-21b p {    
    position: absolute;
    bottom: 10%;
    text-align: left;
}

@media (min-width: 768px) {
    .carousel-ad-21b p {
        margin-top: 20px;
        position: relative;
        padding-top: 0;
      }}

@media (min-width: 992px) {
    .carousel-ad-21b p {
      margin-top: 20px;
      padding-top: 0px;    
      text-align: left; }
    .carousel-ad-21b h2 {
      font-size: 58px;
      line-height: 52px; }
    .carousel-ad-21b h3 {
      font-size: 40px;
      line-height: 38px;  
      /*letter-spacing: -4px;*/ }}

@media (max-width: 767px) {
  .btn-carousel-21b {
    padding: 4px 0.45rem;
    font-size: .7rem; }}

@media (max-width: 991px) {
  .btn-carousel-21b {
    padding: 5px 0.5rem;
    font-size: .9rem; }}
    
.btn-carousel-21b {  
  color: #fff;
  background-color: #da600f;
  border-color: #da600f; }
.btn-carousel-21b:hover {  
  color: #fff;
  background-color: #f26b11; }
.btn-carousel-21b.disabled, .btn-carousel-21b:disabled {
  background-color: #8c8c8c;
  border-color: #8c8c8c; }
.btn-carousel-21b:active, .btn-carousel-21b.active,
.show > .btn-carousel-21b.dropdown-toggle {
  color: #fff;
  background-color: #da600f;
  background-image: none;
  border-color: #da600f; }

@media (min-width: 375px) {
 .btn-carousel-21b {
  color: #fff;
  background-color: #ce588a;
  border: 1px solid #ce588a;}
.btn-carousel-21b:hover {
  color: #fff;
  background-color: #e84489;
  border-color: #e84489; }
.btn-carousel-21b.disabled, .btn-carousel-21b:disabled {
  background-color: #8c8c8c;
  border-color: #8c8c8c; }
.btn-carousel-21b:active, .btn-carousel-21b.active,
.show > .btn-carousel-21b.dropdown-toggle {
  color: #fff;
  background-color: #da600f;
  background-image: none;
  border-color: #da600f; }}

/* 21b - Immune Set Ends */

/* 21c - Vitajoy Set Starts */
.section-carousel-ads .carousel-ad-21c .container {
    padding-left: 25px;
    padding-right: 25px;
}
@media (min-width: 768px) {
  .section-carousel-ads .carousel-ad-21c .container {
    padding-left: 40px;
    padding-right: 40px; }}
 
.carousel-ad-21c {
  background-image: url(../media/carousel-bg-21c-xs.jpg); /*375x589 */
  background-position: center left;
  font-size: 16px; } 
  /*@media (min-width: 376px) {*/
    @media (min-width: 420px) {
    .carousel-ad-21c {
      background-image: url(../media/carousel-bg-21c-sm.jpg); /*480x589 */
      background-position: center right;  } }
  @media (min-width: 600px) {
    .carousel-ad-21c {
      background-image: url(../media/carousel-bg-21c-sm_b.jpg); /* 767x589 */
      background-position: center;  } }
  @media (min-width: 768px) {
    .carousel-ad-21c {
      background-image: url(../media/carousel-bg-21c-md.jpg); /* 768x430*/    
      background-position: center left;
      font-size: 15px; } }
  @media (min-width: 992px) {
    .carousel-ad-21c {
      background-image: url(../media/carousel-bg-21c-lg.jpg); /* 1280x680*/    
      font-size: 16px; } }
  @media (min-width: 1425px) {
    .carousel-ad-21c {
      background-image: url(../media/carousel-bg-21c-xl.jpg); /* 3000x680*/   
      background-position: center;
      font-size: 16px; } }

.carousel-ad-21c .row-carousel-ad {    
    padding-bottom: 0px;
}

@media (min-width: 440px) {
  .carousel-ad-21c .row-carousel-ad {         
    padding-top: 25px; }}

@media (min-width: 600px) {
  .carousel-ad-21c .row-carousel-ad {    
     -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 35px; }}

@media (min-width: 768px) {
  .carousel-ad-21c .row-carousel-ad {    
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0px;
    padding-bottom: 3rem; }}    

@media (min-width: 992px) {
  .carousel-ad-21c .row-carousel-ad {    
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 125px; }}

.carousel-ad-21c h2 {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  color: #8b0005;
  font-size: 38px;
  line-height: 34px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.carousel-ad-21c h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #8b0005;
  font-size: 26px;
  line-height: 24px;
  text-align: left;
  text-transform: none;
  /*letter-spacing: -2px;*/
}

.carousel-ad-21c h2:last-of-type, .carousel-ad-21c h3:last-of-type {display: none;}

@media (min-width: 375px) {    
.carousel-ad-21c h2:first-of-type, .carousel-ad-21c h3:first-of-type {display: none;}
.carousel-ad-21c h2:last-of-type, .carousel-ad-21c h3:last-of-type {display: block;}}

@media (min-width: 768px) {    
    .carousel-ad-21c h2:first-of-type, .carousel-ad-21c h3:first-of-type {display: block;}
    .carousel-ad-21c h2:last-of-type, .carousel-ad-21c h3:last-of-type {display: none;}}

.carousel-ad-21c p {    
    position: absolute;
    bottom: 10%;
    text-align: left;
}

@media (min-width: 768px) {
    .carousel-ad-21c p {
        margin-top: 20px;
        position: relative;
        padding-top: 0;
      }}

@media (min-width: 992px) {
    .carousel-ad-21c p {
      margin-top: 20px;
      padding-top: 0px;    
      text-align: left; }
    .carousel-ad-21c h2 {
      font-size: 58px;
      line-height: 52px; }
    .carousel-ad-21c h3 {
      font-size: 40px;
      line-height: 38px;  
      /*letter-spacing: -4px;*/ }}

@media (max-width: 767px) {
  .btn-carousel-21c {
    padding: 4px 0.45rem;
    font-size: .7rem; }}

@media (max-width: 991px) {
  .btn-carousel-21c {
    padding: 5px 0.5rem;
    font-size: .9rem; }}
    
.btn-carousel-21c {  
  color: #fff;
  background-color: #1c8602;
  border-color: #1c8602; }
.btn-carousel-21c:hover {  
  color: #fff;
  background-color: #21a102; }
.btn-carousel-21c.disabled, .btn-carousel-21c:disabled {
  background-color: #8c8c8c;
  border-color: #8c8c8c; }
.btn-carousel-21c:active, .btn-carousel-21c.active,
.show > .btn-carousel-21c.dropdown-toggle {
  color: #fff;
  background-color: #1c8602;
  background-image: none;
  border-color: #1c8602; }

@media (min-width: 375px) {
 .btn-carousel-21c {
  color: #fff;
  background-color: #8b0005;
  border: 1px solid #8b0005;}
.btn-carousel-21c:hover {
  color: #fff;
  background-color: #fe0000;
  border-color: #fe0000; }
.btn-carousel-21c.disabled, .btn-carousel-21c:disabled {
  background-color: #8e0001;
  border-color: #8e0001; }
.btn-carousel-21c:active, .btn-carousel-21c.active,
.show > .btn-carousel-21c.dropdown-toggle {
  color: #fff;
  background-color: #1c8602;
  background-image: none;
  border-color: #1c8602; }}

/* 21c - Vitajoy Set Ends */

/* 21d - Melatonin Starts */
.section-carousel-ads .carousel-ad-21d .container {
    padding-left: 25px;
    padding-right: 25px;
}
@media (min-width: 768px) {
  .section-carousel-ads .carousel-ad-21d .container {
    padding-left: 40px;
    padding-right: 40px; }}
 
.carousel-ad-21d {
  background-image: url(../media/carousel-bg-21d-xs.jpg); /*375x589 */
  background-position: center left;
  font-size: 16px; } 
  /*@media (min-width: 376px) {*/
    @media (min-width: 420px) {
    .carousel-ad-21d {
      background-image: url(../media/carousel-bg-21d-sm.jpg); /*480x589 */
      background-position: center right;  } }
  @media (min-width: 600px) {
    .carousel-ad-21d {
      background-image: url(../media/carousel-bg-21d-sm_b.jpg); /* 767x589 */
      background-position: center;  } }
  @media (min-width: 768px) {
    .carousel-ad-21d {
      background-image: url(../media/carousel-bg-21d-md.jpg); /* 768x430*/    
      background-position: center left;
      font-size: 15px; } }
  @media (min-width: 992px) {
    .carousel-ad-21d {
      background-image: url(../media/carousel-bg-21d-lg.jpg); /* 1280x680*/    
      font-size: 16px; } }
  @media (min-width: 1425px) {
    .carousel-ad-21d {
      background-image: url(../media/carousel-bg-21d-xl.jpg); /* 3000x680*/   
      background-position: center;
      font-size: 16px; } }

.carousel-ad-21d .row-carousel-ad {    
    padding-bottom: 0px;
}

@media (min-width: 440px) {
  .carousel-ad-21d .row-carousel-ad {         
    padding-top: 25px; }}

@media (min-width: 600px) {
  .carousel-ad-21d .row-carousel-ad {    
     -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 35px; }}

@media (min-width: 768px) {
  .carousel-ad-21d .row-carousel-ad {    
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0px;
    padding-bottom: 3rem; }}    

@media (min-width: 992px) {
  .carousel-ad-21d .row-carousel-ad {    
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 125px; }}

.carousel-ad-21d h2 {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 38px;
  line-height: 34px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.carousel-ad-21d h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 26px;
  line-height: 24px;
  text-align: left;
  text-transform: none;
  /*letter-spacing: -2px;*/
}

.carousel-ad-21d h2:last-of-type, .carousel-ad-21d h3:last-of-type {display: none;}

@media (min-width: 408px) {    
    .carousel-ad-21d h2:first-of-type, .carousel-ad-21d h3:first-of-type {display: none;}
    .carousel-ad-21d h2:last-of-type, .carousel-ad-21d h3:last-of-type {display: block;}}

@media (min-width: 768px) {    
    .carousel-ad-21d h2:first-of-type, .carousel-ad-21d h3:first-of-type {display: block;}
    .carousel-ad-21d h2:last-of-type, .carousel-ad-21d h3:last-of-type {display: none;}}    

.carousel-ad-21d p {    
    position: absolute;
    bottom: 10%;
    text-align: left;
}

@media (min-width: 768px) {
    .carousel-ad-21d p {
        margin-top: 20px;
        position: relative;
        padding-top: 0;
      }}

@media (min-width: 992px) {
    .carousel-ad-21d p {
      margin-top: 20px;
      padding-top: 0px;    
      text-align: left; }
    .carousel-ad-21d h2 {
      font-size: 58px;
      line-height: 52px; }
    .carousel-ad-21d h3 {
      font-size: 40px;
      line-height: 38px;  
      /*letter-spacing: -4px;*/ }}

@media (max-width: 767px) {
  .btn-carousel-21d {
    padding: 4px 0.45rem;
    font-size: .7rem; }}

@media (max-width: 991px) {
  .btn-carousel-21d {
    padding: 5px 0.5rem;
    font-size: .9rem; }}
    
.btn-carousel-21d {  
  color: #fff;
  background-color: #5d41ab;
  border-color: #5d41ab; }
.btn-carousel-21d:hover {  
  color: #fff;
  background-color: #6b4bc4; }
.btn-carousel-21d.disabled, .btn-carousel-21d:disabled {
  background-color: #8c8c8c;
  border-color: #8c8c8c; }
.btn-carousel-21d:active, .btn-carousel-21d.active,
.show > .btn-carousel-21d.dropdown-toggle {
  color: #fff;
  background-color: #5d41ab;
  background-image: none;
  border-color: #5d41ab; }

@media (min-width: 375px) {
 .btn-carousel-21d {
  color: #fff;
  background-color: #c37439;
  border: 1px solid #c37439;}
.btn-carousel-21d:hover {
  color: #fff;
  background-color: #d9ad70;
  border-color: #d9ad70; }
.btn-carousel-21d.disabled, .btn-carousel-21d:disabled {
  background-color: #8c8c8c;
  border-color: #8c8c8c; }
.btn-carousel-21d:active, .btn-carousel-21d.active,
.show > .btn-carousel-21d.dropdown-toggle {
  color: #fff;
  background-color: #5d41ab;
  background-image: none;
  border-color: #5d41ab; }}

/* 21d - Melatonin Ends */

/* 21e - 30 Years Starts */
.section-carousel-ads .carousel-ad-21e .container {
    padding-left: 25px;
    padding-right: 25px;
}
@media (min-width: 768px) {
  .section-carousel-ads .carousel-ad-21e .container {
    padding-left: 40px;
    padding-right: 40px; }}
 
.carousel-ad-21e {
  background-image: url(../media/carousel-bg-21e-xs.jpg); /*375x589 */
  background-position: center right;
  font-size: 16px; } 
  @media (min-width: 376px) {
    .carousel-ad-21e {
      background-image: url(../media/carousel-bg-21e-sm.jpg); /*480x589 */
      background-position: center; } }
      
  @media (min-width: 600px) {
    .carousel-ad-21e {
      background-image: url(../media/carousel-bg-21e-sm_b.jpg); /* 767x589 */
      background-position: center;  } }
  @media (min-width: 768px) {
    .carousel-ad-21e {
      background-image: url(../media/carousel-bg-21e-md.jpg); /* 768x430*/    
      background-position: center left;
      font-size: 15px; } }
  @media (min-width: 992px) {
    .carousel-ad-21e {
      background-image: url(../media/carousel-bg-21e-lg.jpg); /* 1280x680*/    
      font-size: 16px; } }
  @media (min-width: 1425px) {
    .carousel-ad-21e {
      background-image: url(../media/carousel-bg-21e-xl.jpg); /* 3000x680*/   
      background-position: center;
      font-size: 16px; } }

.carousel-ad-21e .row-carousel-ad {    
    padding-bottom: 0px;
}

@media (min-width: 440px) {
  .carousel-ad-21e .row-carousel-ad {         
    padding-top: 25px; }}

@media (min-width: 600px) {
  .carousel-ad-21e .row-carousel-ad {    
     -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 146px; }}

@media (min-width: 768px) {
  .carousel-ad-21e .row-carousel-ad {    
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 70px; }
   
   .carousel-ad-21e .carousel-ad-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 45%; }}    

@media (min-width: 992px) {
  .carousel-ad-21e .row-carousel-ad {    
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 100px; }
  
  .carousel-ad-21e .carousel-ad-content {
      width: 50%; }}

@media (min-width: 1200px) {
  .carousel-ad-21e .row-carousel-ad {    
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 100px; }
  .carousel-ad-21e .carousel-ad-content {
      width: 40%; }}    

.carousel-ad-21e h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  text-transform: none; 
  position: absolute;
  bottom: 2rem;       
}

@media (max-width: 599px) {
  .carousel-ad-21e h3 {
    left:0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    width: 80%; }}

@media (min-width: 376px) {    
  .carousel-ad-21e h3 {
      bottom: 3.5rem;  }}
@media (min-width: 510px) {    
  .carousel-ad-21e h3 {
      bottom: 2.75rem; }}   
@media (min-width: 550px) {    
  .carousel-ad-21e h3 {
      bottom: 2rem; }}  
@media (min-width: 600px) {    
  .carousel-ad-21e h3 {
      font-size: 25px;
      line-height: 25px;
      bottom: 5%;
      width: 30%; }}        
@media (min-width: 672px) {    
  .carousel-ad-21e h3 {            
      bottom: 10%; }}      
@media (min-width: 694px) and (max-width: 767px) {      
    .carousel-ad-21e h3 {      
      bottom: 14%; }}      
/*@media (min-width: 768px) {    
.carousel-ad-21e h3 {
  width:100%;}}*/

.carousel-ad-21e h3:last-of-type {display: none;}

@media (min-width: 375px) {    
.carousel-ad-21e h3:first-of-type {display: none;}
.carousel-ad-21e h3:last-of-type {display: block; }}

@media (min-width: 768px) {    
    .carousel-ad-21e h3 { 
      padding-top: 3%;
      width: 100%;
      position: relative;      
      font-size: 21px;
      line-height: 21px;} 

    .carousel-ad-21e h3:first-of-type {display: block;}
    .carousel-ad-21e h3:last-of-type {display: none;}}

@media (min-width: 900px) and (max-width: 991px) {
  .carousel-ad-21e h3 {        
      padding-top: 7%;
      /*padding-top: 10px;*/ }}

@media (min-width: 992px) {      
    .carousel-ad-21e h3 {
      font-size: 34px;
      line-height: 34px;  
      /*padding-top: 10px;*/
      /*padding-top: 45px;*/ }}

  .icon-carousel-ad-21e {
    display: block;
    width: 181px;
    height: 176px;
    background: url(../media/carousel-icon-21e.png) no-repeat;    
    /*margin-bottom: 20px;*/        
    background-size: contain; } 

   @media (min-width: 600px) {
    .icon-carousel-ad-21e {      
      width: 226px;
      height: 219px;  }}

  @media (min-width: 768px) {
    .icon-carousel-ad-21e {            
      margin: 0 auto 5%;      
      width: 241px;
      height: 232px; }}

  @media (min-width: 992px) {
    .icon-carousel-ad-21e {
      width: 382px;
      height: 368px; }}
/* 21e - 30 year Ends */




/* End Home carousel */

@media (max-width: 767px) {
  .btn-search {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    position: absolute;
    width: 80px;
    top: 0;
    right: 0px !important; 
    bottom: 0;
    padding-left: 0px;     
  } }

.nav-main > li.nav-main-international.active .icon-head-international, .nav-secondary > li.international.active .icon-head-international {    
    background-position: 0 0px;
}


/* Brands */

/* Arthriflex */
.section-brand-hero-04 {
  color: #5a5a5a;
  background: #f6f8f7 url("../media/bg-brand-hero-04-md.jpg") no-repeat center center; }


@media (max-width: 767px) {
.section-brand-hero-04  .container-brand-hero {margin-top: -15px;}}

@media (min-width: 768px) {
.section-brand-hero-04  .container-brand-hero {padding-left: 75px;}}


  
  @media (min-width: 992px) {
    .section-brand-hero-04 {
      background-image: url("../media/bg-brand-hero-04-lg.jpg"); } }
  @media (min-width: 1300px) {
    .section-brand-hero-04 {
      background-image: url("../media/bg-brand-hero-04-xl.jpg"); } }

@media (min-width: 992px) {
    .section-brand-hero-04 .container-brand-hero {
      max-width: 510px; } }          

@media (min-width: 768px) {
  .img-brand-hero-04 {
    width: 276px; } }

@media (min-width: 992px) {
  .img-brand-hero-04 {
    width: 365px; } }

.item-brand-04-detail .item-brand-detail-info {
    max-width: 440px; }
    @media (min-width: 768px) {
      .item-brand-04-detail .item-brand-detail-info {
        max-width: 335px; } }
    @media (min-width: 992px) {
      .item-brand-04-detail .item-brand-detail-info {
        max-width: 440px; } }          

.item-brand-04-detail .item-brand-detail-image {
    margin-left: -20px;    
    margin-bottom: -15px;}    
.item-brand-04-detail.item-brand-04-detail-02 .item-brand-detail-image {margin-left: 20px;}

    @media (min-width: 768px) {
      .item-brand-04-detail .item-brand-detail-image {
        margin-left: 20px; }}
    

    @media (min-width: 992px) {
      .item-brand-04-detail .item-brand-detail-image img {        
        width: 343px;
        height: auto; }}


.section-brand-04-detail .heading-brand-detail {
  color: #002e6d; 
  margin-top: 0px;
}                    

.section-brand-04-detail-info .carousel-brand-detail-info {display:block;}
  @media (max-width: 767px) {
  .section-brand-04-detail-info .carousel-brand-detail-info {
      margin-left: 0px;
      margin-right: 0px; }}

.item-brand-04-detail-info-01 {
  background-color: #082e6d; 
  min-height: 300px; } 
.item-brand-04-detail-info-02 {
  background-color: #0d5bab;  
  min-height: 300px; }
 @media (min-width: 576px) {
    .item-brand-04-detail-info-01,.item-brand-04-detail-info-02 {min-height: 375px;}}

@media (min-width: 768px) {
    .item-brand-04-detail-info-01,.item-brand-04-detail-info-02 {min-height: 300px;}}    
@media (min-width: 992px) {
    .item-brand-04-detail-info-01,.item-brand-04-detail-info-02 {min-height: 375px;}}    

.item-brand-04-detail-info-01 img, .item-brand-04-detail-info-02 img {
  margin: 0 auto;
  display: inline-block !important;
  max-width: 100%;
}

@media (min-width: 480px) {
  .item-brand-04-detail-info-01 img, .item-brand-04-detail-info-02 img {  
   max-width: 85%; }}

@media (min-width: 576px) {
  .item-brand-04-detail-info-01 img, .item-brand-04-detail-info-02 img {  
   max-width: 75%; }}   

 @media (min-width: 768px) {
  .item-brand-04-detail-info-01 img, .item-brand-04-detail-info-02 img {  
   max-width: 100%; }}



.item-brand-04-detail-info-01, .item-brand-04-detail-info-02 { 
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
}




.icon-brand-04-callout-01 {
  width: 79px;
  height: 46px;
  background-image: url("../img/icon-brand-04-callout-01.svg");
  background-size: 79px 46px; }
  @media (min-width: 768px) {
    .icon-brand-04-callout-01 {
      width: 86px;
      height: 50px;
      background-size: 86px 50px;
      background-position: center bottom; } }

.icon-brand-04-callout-02 {
  width: 54px;
  height: 46px;
  background-image: url("../img/icon-brand-01-callout-02.svg");
  background-size: 54px 46px; }
  @media (min-width: 768px) {
    .icon-brand-04-callout-02 {
      width: 67px;
      height: 58px;
      background-size: 67px 58px; } }


/* Slimming Teas */
.section-brand-hero-05 {
  color: #231f20;
  background: #e5e5e5 url("../media/bg-brand-hero-05-sm.jpg") no-repeat center center; }

.section-brand-hero-05 span {
  display:inline-block;
  width: 50%;
  text-align: left;
}
.section-brand-hero-05 .container-brand-hero {
    max-width: 510px; 
    margin-top:-100px;
}  
.img-brand-hero-05 {
      width: 166px;
      float: left;
}

@media (max-width: 419px) {
  .section-brand-hero-05 span {display:none;}  
}

@media (min-width: 768px) {
  .section-brand-hero-05 {
    background-image: url("../media/bg-brand-hero-05-md.jpg"); } 
  .section-brand-hero-05 .container-brand-hero {margin-top:0px;}
  .section-brand-hero-05 span {width: 35%;}
  .img-brand-hero-05 {
    width: 225px;
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .section-brand-hero-05 {
    background-image: url("../media/bg-brand-hero-05-lg.jpg"); } }
@media (min-width: 1300px) {
  .section-brand-hero-05 {
   background-image: url("../media/bg-brand-hero-05-xl.jpg"); } }


@media (max-width: 767px) {
.item-brand-detail.item-brand-05-detail, .item-brand-detail.item-brand-06-detail {
    padding-left: 0px;
    padding-right: 0px;}}

  .section-brand-05-detail .bg-brand-detail {top: 50px !important;}
  @media (min-width: 320px) {
  .section-brand-05-detail .bg-brand-detail {top: 15% !important;}}
  @media (min-width: 385px) {
  .section-brand-05-detail .bg-brand-detail {top: 20% !important;}}
  @media (min-width: 450px) {
  .section-brand-05-detail .bg-brand-detail {top: 25% !important;}}
   @media (min-width: 768px) {
    .section-brand-05-detail .bg-brand-detail {top: 35% !important; }}
  @media (min-width: 992px) {
    .section-brand-05-detail .bg-brand-detail {top: 190px !important;}}

@media (min-width: 768px) {
  .item-brand-05-detail .item-brand-detail-image {
    margin-left: -30px; } }
@media (min-width: 992px) {
  .item-brand-05-detail .item-brand-detail-image {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px; } }   

.item-brand-05-detail .item-brand-detail-info {
    max-width: 380px; }
    @media (min-width: 768px) {
      .item-brand-05-detail .item-brand-detail-info {
        max-width: 560px; } }
    @media (min-width: 992px) {
      .item-brand-05-detail .item-brand-detail-info {
        max-width: 560px; } }          

.section-brand-05-detail .heading-brand-detail {
    color: #00783e;
}

.btn-07 {
  color: #fff;
  background-color: #76bd1d;
  border-color: #76bd1d;
  color: #fff;}
.btn-07:hover {
  color: #fff;
  background-color: #64a119;
  border-color: #5e9617; }
.btn-07.disabled, .btn-07:disabled {
  background-color: #76bd1d;
  border-color: #76bd1d; }
.btn-07:active, .btn-07.active,
.show > .btn-07.dropdown-toggle {
  background-color: #64a119;
  background-image: none;
  border-color: #5e9617; }
.btn-07:hover {
  color: #fff; }

.section-brand-05-info {
overflow: hidden; }
.section-brand-05-info > .container {
  padding-left: 0;
  padding-right: 0; }
.section-brand-05-info ul {
  margin: 0; }
  @media (max-width: 767px) {
    .section-brand-05-info ul {
      display: none; } }
  .section-brand-05-info ul li {
    margin-bottom: 10px;
    font-size: 14px; }
    @media (min-width: 992px) {
      .section-brand-05-info ul li {
        font-size: 16px; } }
    .section-brand-05-info ul li:last-child {
      margin-bottom: 0; }

.row-item-brand-05 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.row-item-brand-05 {
  margin: 0 -2px; }
  @media (min-width: 768px) {
    .row-item-brand-05 {
      margin: 0 -4px; } }
  @media (min-width: 992px) {
    .row-item-brand-05 {
      margin: 0 -10px; } }
  .row-item-brand-05 > div {
    padding-left: 2px !important;
    padding-right: 2px !important; }
    @media (min-width: 768px) {
      .row-item-brand-05 > div {
        padding-left: 4px !important;
        padding-right: 4px !important; } }
    @media (min-width: 992px) {
      .row-item-brand-05 > div {
        padding-left: 5px !important;
        padding-right: 5px !important; } }
  


.item-brand-05 {
  color: #fff;
  width: 100%;
  /*padding: 10px;   */
  position: relative;
  min-height: 294px;  
  padding-bottom: 0px; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
  text-align: center;    

}
@media (min-width: 768px) {
  .item-brand-05 {min-height: 375px;}
}

@media (min-width: 1800px) {
  .item-brand-05 {min-height: 475px;}
}

@media (min-width: 2200px) {
  .item-brand-05 {min-height: 575px;}
} 

.item-brand-05-raspberry {background: #d51465;}

.item-brand-05-leaf {  
  background: #0b8604 url("../media/bg-item-brand-05-leaf.png") no-repeat center;
  background-size: cover;    
  position: relative;
}
.item-brand-05-lemon {  
  background: #a76703 url("../media/bg-item-brand-05-lemon-sm.png") no-repeat center;
  background-size: cover;    
  position: relative;
}

@media (min-width: 576px) {
  .item-brand-05-lemon {
    background-image: url("../media/bg-item-brand-05-lemon.png"); 
  }  
}


.icon-item-brand-05 {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: -10px;
  background-repeat: no-repeat;
  background-size: contain;  
   }
  
.icon-item-brand-05-bg {  
  position:absolute;
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  max-width: 100%;  
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-item-brand-05-raspberry {
    background-image: url("../img/icon-item-brand-05-raspberry-sm.png"); 
    width: 100px;
    height: 109px; 
  }

.icon-item-brand-05-bg-cranberry {
    background-image: url("../img/icon-brand-05-cranberry.png"); 
    width: 52px;
    height: 51px; 
    position: absolute;
    top:-15px;
    bottom:0;
    left:35%;
    right:0;
  }  

.icon-item-brand-05-bg-raspberry-2 {
    background-image: url("../img/icon-brand-05-raspberry-2.png"); 
    width: 79px;
    height: 61px; 
    position: absolute;
    top:85%;
    bottom:0;
    left:10%;
    right:0;
  }

  .icon-item-brand-05-leaf {
    background-image: url("../img/icon-item-brand-05-leaf.png"); 
    width: 100px;
    height: 100px; 
  }

  .icon-item-brand-05-lemon {
    background-image: url("../img/icon-item-brand-05-lemon-sm.png"); 
    width: 100px;
    height: 159px; 
    margin-top: -20%;
  }    

@media (min-width: 376px) {
.icon-item-brand-05-raspberry {
    background-image: url("../img/icon-item-brand-05-raspberry-sm.png"); 
    width: 116px;
    height: 126px; 
  }
  .icon-item-brand-05-bg-raspberry-1 {
    background-image: url("../img/icon-brand-05-raspberry-1.png"); 
    width: 75px;
    height: 69px; 
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:100%;
  }
  .icon-item-brand-05-bg-cranberry {
    background-image: url("../img/icon-brand-05-cranberry.png"); 
    width: 52px;
    height: 51px; 
    position: absolute;
    top:-15px;
    bottom:0;
    left:55%;
    right:0;
  }
  .icon-item-brand-05-bg-raspberry-2 {
    background-image: url("../img/icon-brand-05-raspberry-2.png"); 
    width: 79px;
    height: 61px; 
    position: absolute;
    top:82%;
    bottom:0;
    left:35%;
    right:0;
  }
  .icon-item-brand-05-leaf {
    background-image: url("../img/icon-item-brand-05-leaf.png"); 
    width: 118px;
    height: 118px; 
  }
  .icon-item-brand-05-lemon {
    background-image: url("../img/icon-item-brand-05-lemon-sm.png"); 
    width: 116px;
    height: 184px; 
  }      
}

@media (min-width: 768px) {
  .icon-item-brand-05-raspberry {
    background-image: url("../img/icon-item-brand-05-raspberry.png"); 
    width: 193px;
    height: 149px; 
  }
  .icon-item-brand-05-bg-raspberry-1 {
    background-image: url("../img/icon-brand-05-raspberry-1.png"); 
    width: 90px;
    height: 84px; 
    position: absolute;
    top:25px;
    bottom:0;
    left:5%;
    right:100%;
  }
  .icon-item-brand-05-bg-cranberry {
    background-image: url("../img/icon-brand-05-cranberry.png"); 
    width: 64px;
    height: 63px; 
    position: absolute;
    top:-15px;
    bottom:0;
    left:70%;
    right:0;
  }
  .icon-item-brand-05-bg-raspberry-2 {
    background-image: url("../img/icon-brand-05-raspberry-2.png"); 
    width: 94px;
    height: 72px; 
    position: absolute;
    top:80%;
    bottom:0;
    left:60%;
    right:0;
  }
  .icon-item-brand-05-leaf {
    background-image: url("../img/icon-item-brand-05-leaf.png"); 
    width: 139px;
    height: 139px; 
  }

  .icon-item-brand-05-lemon {
    background-image: url("../img/icon-item-brand-05-lemon.png"); 
    width: 186px;
    height: 230px; 
  }      
}

@media (min-width: 992px) {
  .icon-item-brand-05-raspberry {
    background-image: url("../img/icon-item-brand-05-raspberry.png"); 
    width: 230px;
    height: 177px; 
  } 
  .icon-item-brand-05-bg-raspberry-1 {
    background-image: url("../img/icon-brand-05-raspberry-1.png"); 
    width: 104px;
    height: 97px; 
    position: absolute;
    top:25px;
    bottom:0;
    left:5%;
    right:100%;
  }
  .icon-item-brand-05-bg-cranberry {
    background-image: url("../img/icon-brand-05-cranberry.png"); 
    width: 73px;
    height: 72px; 
    position: absolute;
    top:-15px;
    bottom:0;
    left:70%;
    right:0;
  }
  .icon-item-brand-05-bg-raspberry-2 {
    background-image: url("../img/icon-brand-05-raspberry-2.png"); 
    width: 109px;
    height: 83px; 
    position: absolute;
    top:80%;
    bottom:0;
    left:60%;
    right:0;
  }
   .icon-item-brand-05-leaf {
    background-image: url("../img/icon-item-brand-05-leaf.png"); 
    width: 155px;
    height: 155px; 
  }

  .icon-item-brand-05-lemon {
    background-image: url("../img/icon-item-brand-05-lemon.png"); 
    width: 226px;
    height: 279px; 
  }      
}


.section-brand-05-callout, .section-brand-disclaimer {background: #e5e5e5; }
.section-brand-disclaimer {
  font-size:11px;
  color:#231f20;
  text-align: center;
}



.icon-brand-05-callout-01 {
  width: 47px;
  height: 48px;
  background-image: url("../img/icon-brand-05-callout-01.svg");
  background-size: 47px 48px; }
  @media (min-width: 768px) {
    .icon-brand-05-callout-01 {
      width: 59px;
      height: 60px;
      background-size: 59px 60px;
      background-position: center bottom; } } 

.icon-brand-05-callout-02 {
  width: 54px;
  height: 46px;
  background-image: url("../img/icon-brand-05-callout-02.svg");
  background-size: 54px 46px; }
  @media (min-width: 768px) {
    .icon-brand-05-callout-02 {
      width: 67px;
      height: 58px;
      background-size: 67px 58px;
      background-position: center bottom; } }        

.icon-brand-05-callout-03 {
  width: 50px;
  height: 50px;
  background-image: url("../img/icon-brand-05-callout-03.svg");
  background-size: 50px 50px; }
  @media (min-width: 768px) {
    .icon-brand-05-callout-03 {
      width: 62px;
      height: 62px;
      background-size: 62px 62px;
      background-position: center bottom; } }              


/* Vitajoy */
.section-brand-hero-06 {
  color: #231f20;
  background: #f6f8f7 url("../media/bg-brand-hero-06-sm.jpg") no-repeat center center; }
  @media (min-width: 768px) {
    .section-brand-hero-06 {
      background-image: url("../media/bg-brand-hero-06-md.jpg");
      background-position: center center; } }
  @media (min-width: 992px) {
    .section-brand-hero-06 {
      background-image: url("../media/bg-brand-hero-06-lg.jpg"); } }
  @media (min-width: 1300px) {
    .section-brand-hero-06 {
     background-image: url("../media/bg-brand-hero-06-xl.jpg"); } }

  @media (max-width: 575px) {
    .section-brand-hero-06 .container-brand-hero p:last-of-type {          
          margin-bottom: 50px;
    }
  }
         
  .section-brand-hero-06 .container-brand-hero {max-width: 300px;}

   @media (min-width: 768px) {
      .section-brand-hero-06 .container-brand-hero {max-width: 370px;} 
      .img-brand-hero-06 {width: 255px;}       
   }
   @media (min-width: 992px) {
      .section-brand-hero-06 .container-brand-hero {
        max-width: 400px; 
        margin-bottom: 0px !important;
        }
      .img-brand-hero-06 {width: 303px;}       
   }
  
  .section-brand-06-detail .heading-brand-detail {color: #008A0C;} 

  .item-brand-06-detail .item-brand-detail-info {max-width: 380px;}

.section-brand-06-detail .bg-brand-detail {top: 50px !important;}
  @media (min-width: 320px) {
  .section-brand-06-detail .bg-brand-detail {top: 15% !important;}}
  @media (min-width: 385px) {
  .section-brand-06-detail .bg-brand-detail {top: 20% !important;}}
  @media (min-width: 450px) {
  .section-brand-06-detail .bg-brand-detail {top: 25% !important;}}
   @media (min-width: 768px) {
    .section-brand-06-detail .bg-brand-detail {top: 35% !important; }}
  @media (min-width: 992px) {
    .section-brand-06-detail .bg-brand-detail {top: 190px !important;}}

  @media (max-width: 480px) {
    .item-brand-06-detail .item-brand-detail-info {
      margin-top: 0px; }}

  @media (min-width: 768px) {
     .item-brand-06-detail .item-brand-detail-info {max-width: 600px; }
  }
  @media (min-width: 992px) {
      .item-brand-06-detail .item-brand-detail-info {max-width: 560px; }
  }
  
  @media (min-width: 768px) {
     .item-brand-06-detail .item-brand-detail-info {max-width: 600px; }
  }
  @media (min-width: 992px) {
     .item-brand-06-detail .item-brand-detail-info {max-width: 560px; } 
  }    

  .item-brand-06-detail .item-brand-detail-image {
    margin-right: -40px;
    margin-bottom: -5px;
    margin-top: 30px; }
    @media (min-width: 768px) {
      .item-brand-06-detail .item-brand-detail-image {
        margin-right: -100px; } }
    @media (min-width: 992px) {
      .item-brand-06-detail .item-brand-detail-image {
        margin-right: -100px;
        margin-top: 30px;
        margin-bottom: 10px; } }

@media (min-width: 768px) {
  .img-brand-06-detail {
    width: 681px; } }

@media (min-width: 992px) {
  .img-brand-06-detail {
    width: 898px; } }        

.btn-08 {
  color: #fff;
  background-color: #a2d06b;
  border-color: #a2d06b;
  color: #fff;}
.btn-08:hover {
  color: #fff;
  background-color: #8bb35c;
  border-color: #83a857; }
/*.btn-08:focus, .btn-08.focus {
  -webkit-box-shadow: 0 0 0 3px rgba(162, 208, 107, 0.5);
          box-shadow: 0 0 0 3px rgba(162, 208, 107, 0.5); }*/
.btn-08.disabled, .btn-08:disabled {
  background-color: #a2d06b;
  border-color: #a2d06b; }
.btn-08:active, .btn-08.active,
.show > .btn-08.dropdown-toggle {
  background-color: #8bb35c;
  background-image: none;
  border-color: #83a857; }
.btn-08:hover {
  color: #fff; }    

.section-brand-callout.section-brand-06-callout, .section-brand-06-info {
  background-color: #008A0C;
  color:#fff;
  position: relative;
}

.section-brand-06-info {  
  text-align: center;
  margin-top:40px;    
}  

 .section-brand-06-info p {
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    max-width: 400px;
  }

.section-brand-06-info h2.heading-brand-info {color:#fff;}
@media (min-width: 768px) {
    .section-brand-06-info p {font-size: 15px;} 
}
     
    @media (min-width: 768px) {
      .section-brand-06-info p {
        max-width: 400px; } }
    
    @media (min-width: 992px) {    
    .section-brand-06-info p {
      line-height: 1.1;
      max-width: 630px;
      }}
    
    
 .section-brand-06-info p:last-child {margin-bottom: 0; }

.icon-brand-06-callout-01 {
  width: 45px;
  height: 46px;
  background-image: url("../img/icon-brand-06-callout-01.svg");
  background-size: 45px 46px; }
  @media (min-width: 768px) {
    .icon-brand-06-callout-01 {
      width: 61px;
      height: 61px;
      background-size: 61px 61px;
      background-position: center bottom; } } 

.icon-brand-06-callout-03 {
  width: 52px;
  height: 45px;
  background-image: url("../img/icon-brand-06-callout-03.svg");
  background-size: 52px 45px; }
  @media (min-width: 768px) {
    .icon-brand-06-callout-03 {
      width: 69px;
      height: 60px;
      background-size: 69px 60px;
      background-position: center bottom; } } 

.icon-brand-06-callout-04 {
  width: 28px;
  height: 53px;
  background-image: url("../img/icon-brand-06-callout-04.svg");
  background-size: 28px 53px; }
  @media (min-width: 768px) {
    .icon-brand-06-callout-04 {
      width: 40px;
      height: 65px;
      background-size: 40px 65px;
      background-position: center bottom; } }

.icon-brand-06-callout-05 {
  width: 48px;
  height: 48px;
  background-image: url("../img/icon-brand-06-callout-05.svg");
  background-size: 48px 48px; }
  @media (min-width: 768px) {
    .icon-brand-06-callout-05 {
      width: 63px;
      height: 63px;
      background-size: 63px 63px;
      background-position: center bottom; } }

.icon-brand-06-gummies-left,
.icon-brand-06-gummies-right {
  position: absolute;
  display: block; }

  

@media (min-width: 1px) and (max-width: 349px) {
    
  .icon-brand-06-gummies-left {
    width: 81px;
    height: 79px;
    background: url("../img/icon-brand-06-gummies-left-sm.png") no-repeat;
    background-size: 81px 79px;    
    left:0;
    top:45%;
    margin-left:-30px;
  }

  .icon-brand-06-gummies-right {
    width: 122px;
    height: 202px;
    background: url("../img/icon-brand-06-gummies-right-sm.png") no-repeat;
    background-size: 122px 202px;    
    right:-50px;    
    top:60%;
    margin-right: 0px; 
  }
}

@media (min-width: 350px) and (max-width: 448px) {
    
  .icon-brand-06-gummies-left {
    width: 81px;
    height: 79px;
    background: url("../img/icon-brand-06-gummies-left-sm.png") no-repeat;
    background-size: 81px 79px;    
    left:0;
    top:50%;
    margin-left:-30px;
  }

  .icon-brand-06-gummies-right {
    width: 122px;
    height: 202px;
    background: url("../img/icon-brand-06-gummies-right-sm.png") no-repeat;
    background-size: 122px 202px;    
    right:-50px;    
    top:60%;
    margin-right: 0px; 
  }
}


  @media (min-width: 449px) and (max-width: 479px) {
    
  .icon-brand-06-gummies-left {
    width: 81px;
    height: 79px;
    background: url("../img/icon-brand-06-gummies-left-sm.png") no-repeat;
    background-size: 81px 79px;    
    left:0;
    top:50%;
    margin-left:-30px;
  }

  .icon-brand-06-gummies-right {
    width: 122px;
    height: 202px;
    background: url("../img/icon-brand-06-gummies-right-sm.png") no-repeat;
    background-size: 122px 202px;    
    right:-50px;    
    top:45%;
    margin-right: 0px; 
  }
}
  
 @media (min-width: 480px) and (max-width: 767px) {
    
  .icon-brand-06-gummies-left {
    width: 81px;
    height: 79px;
    background: url("../img/icon-brand-06-gummies-left-sm.png") no-repeat;
    background-size: 81px 79px;
    bottom:0;    
    left:0;
    top:50%;
    margin-left:0px;
  }

  .icon-brand-06-gummies-right {
    width: 122px;
    height: 202px;
    background: url("../img/icon-brand-06-gummies-right-sm.png") no-repeat;
    background-size: 122px 202px;
    bottom:0;
    right:0;    
    top:45%;
    margin-right: 0px; 
  }

}



@media (min-width: 768px) {

  .icon-brand-06-gummies-left {
  width: 269px;
  height: 457px;
  background: url("../img/icon-brand-06-gummies-left.png") no-repeat;
  background-size: 269px 457px;
  bottom:0;
  right:0;
  left:30%;
  top:-50px;
  margin-left:-300px;
  }
  .icon-brand-06-gummies-right {
  width: 243px;
  height: 443px;
  background: url("../img/icon-brand-06-gummies-right.png") no-repeat;
  background-size: 243px 443px;
  bottom:0;
  right:0;
  left:60%;
  top: -50px;
  margin-left: 200px; 
  }

}

@media (min-width: 992px) {
    .icon-brand-06-gummies-left {
      top: -50px; } 
    .icon-brand-06-gummies-right {
      top: -50px;
      margin-left: 243px; }
}

/* Immublast */
.section-brand-hero-07 {
  color: #231f20;
  background: #e5e5e5 url("../media/bg-brand-hero-07-sm.jpg") no-repeat center center; }
  @media (min-width: 768px) {
    .section-brand-hero-07 {
      background-image: url("../media/bg-brand-hero-07-md.jpg"); 
    }
    .img-brand-hero-07 {width: 322px;}  
  }
  @media (min-width: 992px) {
    .section-brand-hero-07 {
      background-image: url("../media/bg-brand-hero-07-lg.jpg"); 
    } 
    .img-brand-hero-07 {width: 373px;}
  }
  @media (min-width: 1300px) {
    .section-brand-hero-07 {
     background-image: url("../media/bg-brand-hero-07-xl.jpg"); } 
  } 
     

@media (min-width: 768px) {
  .section-brand-07-detail {
    padding-top: 20px;
    padding-bottom: 30px; } }

@media (min-width: 992px) {
  .section-brand-07-detail {
    padding-top: 35px;
    padding-bottom: 45px; } } 

.item-brand-07-detail .item-brand-detail-info {
    max-width: 440px; }
    @media (min-width: 768px) {
      .item-brand-07-detail .item-brand-detail-info {
        max-width: 350px; } }
    @media (min-width: 992px) {
      .item-brand-07-detail .item-brand-detail-info {
        max-width: 440px; } }

.item-brand-07-detail-01 .item-brand-detail-image, .item-brand-07-detail-02 .item-brand-detail-image {
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .item-brand-07-detail-01 .item-brand-detail-image, .item-brand-07-detail-02 .item-brand-detail-image {
        margin-top: 0;
        margin-bottom: -5px; } }

.item-brand-07-detail-01 .heading-brand-detail {color: #ed3373;} 
.item-brand-07-detail-02 .heading-brand-detail {color: #f05a24;}

.btn-09 {
  color: #fff;
  background-color: #E11E5D;
  border-color: #E11E5D;
  color: #fff;}
.btn-09:hover {
  color: #fff;
  background-color: #B61649;
  border-color: #B61649; }
/*.btn-09:focus, .btn-09.focus {
  -webkit-box-shadow: 0 0 0 3px rgba(240, 118, 157, 0.5);
          box-shadow: 0 0 0 3px rgba(240, 118, 157, 0.5); }*/
.btn-09.disabled, .btn-09:disabled {
  background-color: #E11E5D;
  border-color: #E11E5D; }
.btn-09:active, .btn-09.active,
.show > .btn-09.dropdown-toggle {
  background-color: #B61649;
  background-image: none;
  border-color: #B61649; }
.btn-09:hover {
  color: #fff; }  

.btn-10 {
  color: #fff;
  background-color: #fecf8e;
  border-color: #fecf8e;
  color: #fff;}
.btn-10:hover {
  color: #fff;
  background-color: #d9b179;
  border-color: #cca672; }
/*.btn-10:focus, .btn-10.focus {
  -webkit-box-shadow: 0 0 0 3px rgba(254, 207, 142, 0.5);
          box-shadow: 0 0 0 3px rgba(254, 207, 142, 0.5); }*/
.btn-10.disabled, .btn-10:disabled {
  background-color: #fecf8e;
  border-color: #fecf8e; }
.btn-10:active, .btn-10.active,
.show > .btn-10.dropdown-toggle {
  background-color: #d9b179;
  background-image: none;
  border-color: #cca672; }
.btn-10:hover {
  color: #fff; }       

.row-item-brand-07-top {
  color: #fff;  
  /*font-size: 1rem;*/
}
.row-item-brand-07-top > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  min-height:292px;}
  @media (min-width: 768px) {
    .row-item-brand-07-top > div {
      padding-top: 40px;
      padding-bottom: 40px; 
      min-height:390px;} }
  @media (min-width: 992px) {
    .row-item-brand-07-top > div {
      padding-top: 30px;
      padding-bottom: 30px; } }                 

.col-item-brand-07-top-01 {
  background: #E11E5D; }

.col-item-brand-07-top-01:before {
  background: #E11E5D;
  content: " ";
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  width: 5000px; }
.col-item-brand-07-top-01:after {
  content: " ";
  top: 80px;
  right: 15px;
  bottom: 80px;
  left: 0;
  background: url("../img/brand-07-arrows-left.png") no-repeat right center;
  background-size: contain;
  display: block;
  position: absolute; }


.col-item-brand-07-top-02 {
  background: #ce4c08; } /* original: #f6931e  darker: #C15211;*/ /* darker alternative: #B46109 */;



.item-brand-07 {color:#fff;}   

.col-item-brand-07-top-01 .item-brand-07 {  
   bottom:20px;
   position: absolute;
}

.bg-brand-07-01 {  
  position: absolute;
  z-index: 900;
  background: url("../img/brand-07-01.png") no-repeat;
  background-size: contain;
  display: block;
  left: 0;
  bottom: 0;
  margin-top: 0px;
  margin-left: -78px;
  width: 366px;
  height: 411px;   
}

.icon-item-brand-07 {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: -10px;
  background-repeat: no-repeat;
  background-size: contain;  
}

p#js-spacer {display:none;}

/*mobile */
@media (min-width: 1px) and (max-width: 319px) {  
  .item-brand-07 .container.immu-c {width:95%;}
}


@media (max-width: 370px) {
  .col-item-brand-07-top-01 .item-brand-07 {    
    margin-bottom:-10%;    
  }
  p#js-spacer {display:block;}
}



@media (max-width: 479px) {
  .col-item-brand-07-top-01 .item-brand-07, .item-brand-07 p {    
    font-size: .8rem;
  }
  .icon-item-brand-07-immublast-01-01 {
    background-image: url("../img/icon-brand-07-immublast-01-01.png"); 
    width: 45px;
    height: 53px; 
    display: inline-block;
  }

  .icon-item-brand-07-immublast-01-02 {
      background-image: url("../img/icon-brand-07-immublast-01-02.svg"); 
      width: 42px;
      height: 53px; 
      display: inline-block;
  }

  .icon-item-brand-07-immublast-01-03 {
      background-image: url("../img/icon-brand-07-immublast-01-03.svg"); 
      width: 70px;
      height: 53px; 
      display: inline-block;
  }

  .icon-item-brand-07-immublast-02-01 {
    background-image: url("../img/icon-brand-07-immublast-02-01.png"); 
    width: 163px;
    height: 88px; 
    display: block;
    margin: 0 0 15px 102px;

  }

  .icon-item-brand-07-immublast-02-02 {
    background-image: url("../img/icon-brand-07-immublast-02-02.png"); 
    width: 274px;
    height: 54px; 
    display: block;    
  }
  
}

@media (min-width: 480px) {
.col-item-brand-07-top-01 .item-brand-07, .item-brand-07 p {
    font-size: .9rem;   
  }

  .icon-item-brand-07-immublast-01-01 {
    background-image: url("../img/icon-brand-07-immublast-01-01.png"); 
    width: 64px;
    height: 76px; 
    display: inline-block;
  }

  .icon-item-brand-07-immublast-01-02 {
      background-image: url("../img/icon-brand-07-immublast-01-02.svg"); 
      width: 55px;
      height: 70px; 
      display: inline-block;
  }

  .icon-item-brand-07-immublast-01-03 {
      background-image: url("../img/icon-brand-07-immublast-01-03.svg"); 
      width: 94px;
      height: 71px; 
      display: inline-block;
  }

  .icon-item-brand-07-immublast-02-01 {
    background-image: url("../img/icon-brand-07-immublast-02-01.png"); 
    width: 211px;
    height: 114px; 
    display: block;
    margin: 0 0 15px 102px;

  }

  .icon-item-brand-07-immublast-02-02 {
    background-image: url("../img/icon-brand-07-immublast-02-02.png"); 
    width: 350px;
    height: 77px; 
    display: block;    
  }
   
   .item-brand-07 .container.immu-c {width:75%;}
}   
/* end mobile */



.col-item-brand-07-top-01 .item-brand-07 .row {
  margin-bottom: 30px;
}


@media (min-width: 1162px) {
  .col-item-brand-07-top-01 .item-brand-07 .row {
    margin-bottom: 20px;}}


.col-item-brand-07-top-01 .item-brand-07 {
   position: absolute;
   left:0;
   bottom:0;
   width:100%;
   margin-left: auto;
   margin-right: auto;
}

.item-brand-07 p {margin-top: 17px;}

@media (min-width: 768px) {
  .col-item-brand-07-top-01 .item-brand-07 {
    margin-bottom:-30px;
    font-size: .8rem;
  }
  .icon-item-brand-07-immublast-01-01 {
    background-image: url("../img/icon-brand-07-immublast-01-01.png"); 
    width: 45px;
    height: 53px; 
    display: inline-block;
  }

  .icon-item-brand-07-immublast-01-02 {
      background-image: url("../img/icon-brand-07-immublast-01-02.svg"); 
      width: 42px;
      height: 53px; 
      display: inline-block;
  }

  .icon-item-brand-07-immublast-01-03 {
      background-image: url("../img/icon-brand-07-immublast-01-03.svg"); 
      width: 70px;
      height: 53px; 
      display: inline-block;
  }

  .icon-item-brand-07-immublast-02-01 {
    background-image: url("../img/icon-brand-07-immublast-02-01.png"); 
    width: 163px;
    height: 88px; 
    display: block;
    margin: 0 0 15px 102px;

  }

  .icon-item-brand-07-immublast-02-02 {
    background-image: url("../img/icon-brand-07-immublast-02-02.png"); 
    width: 274px;
    height: 60px; 
    display: block;    
  }

  .item-brand-07 p {font-size: .8rem;}
}

@media (min-width: 860px) {
  .col-item-brand-07-top-01 .item-brand-07 {
    margin-bottom:-10px;
  }
}  

@media (min-width: 974px) {
  .col-item-brand-07-top-01 .item-brand-07 {
    margin-bottom: 0px;
  }
}

@media (min-width: 1035px) {
  .col-item-brand-07-top-01 .item-brand-07 {
    font-size: 1rem;
    bottom:0;    
    margin-bottom: -35px;
  }

  .icon-item-brand-07-immublast-01-01 {
    background-image: url("../img/icon-brand-07-immublast-01-01.png"); 
    width: 64px;
    height: 76px; 
    display: inline-block;
  }

  .icon-item-brand-07-immublast-01-02 {
      background-image: url("../img/icon-brand-07-immublast-01-02.svg"); 
      width: 55px;
      height: 70px; 
      display: inline-block;
  }

  .icon-item-brand-07-immublast-01-03 {
      background-image: url("../img/icon-brand-07-immublast-01-03.svg"); 
      width: 94px;
      height: 71px; 
      display: inline-block;
  }

  .icon-item-brand-07-immublast-02-01 {
    background-image: url("../img/icon-brand-07-immublast-02-01.png"); 
    width: 211px;
    height: 114px; 
    display: block;
    margin: 0 0 15px 102px;

  }

  .icon-item-brand-07-immublast-02-02 {
    background-image: url("../img/icon-brand-07-immublast-02-02.png"); 
    width: 350px;
    height: 77px; 
    display: block;    
  }

   .item-brand-07 p {font-size: 1rem;}

}

@media (min-width: 1162px) {
  .col-item-brand-07-top-01 .item-brand-07 {    
    margin-bottom: 0px;
  }
}  

@media (min-width: 1400px) {
  .bg-brand-07-01 {      
    margin-left: 0;    
  }

  .col-item-brand-07-top-01 .item-brand-07 {    
    margin-bottom: -10px;
  }
}  

@media (min-width: 1920px) {
  .item-brand-07 .container.immu-c {width:50%;}
}  


.col-item-brand-07-top-02:before {
  background: #ce4c08; /* original: #f6931e  darker: #C15211;*/ /* darker alternative: #B46109 */
  content: " ";  
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  width: 5000px; }

.col-item-brand-07-top-02:after {
  content: " ";
  top: 80px;
  left: 15px;
  bottom: 80px;
  right: 0;
  background: url("../img/brand-07-arrows-right.png") no-repeat left center;
  background-size: contain;
  display: block;
  position: absolute; }  



.carousel-brand-detail .col-item-brand-07-top-01:before,
.carousel-brand-detail .col-item-brand-07-top-02:before,
.carousel-brand-detail .col-item-brand-07-btm-01:before,
.carousel-brand-detail .col-item-brand-07-btm-02:before {
  display: none; }   

.carousel-brand-detail .col-item-brand-07-top-02:after, .carousel-brand-detail .col-item-brand-07-top-01:after {
  content: " ";
  top: 10px;
  right: 15px;
  bottom: 10px;
  left: 0;
  background: url("../img/brand-07-arrows-left.png") no-repeat right center;
  background-size: contain;
  display: block;
  position: absolute; }

.section-brand-07-info {
  position: relative; }
  .section-brand-07-info .container > .row {
    margin-left: -20px;
    margin-right: -20px; }

.bg-brand-07-02 {
  display: none;
  position: absolute;
  z-index: 900;
  background: url("../img/brand-07-02.png") no-repeat;
  background-size: contain;
  width: 273px;                                                     
  height: 260px; }
  @media (min-width: 768px) {
    .bg-brand-07-02 {
       display: block;
      right: 0;
      top: 0;
      margin-top: -28px;
      margin-right: -58px;
      width: 139px;
      height: 355px; } }
  @media (min-width: 992px) {
    .bg-brand-07-02 {
      display: block;
      right: 0;
      top: 0;
      margin-top: -38px;
      margin-right: -20px;
      width: 139px;
      height: 355px; } }

.icon-brand-07-callout-01 {
  width: 45px;
  height: 46px;
  background-image: url("../img/icon-brand-07-callout-01.svg");
  background-size: 45px 46px; }
  @media (min-width: 768px) {
    .icon-brand-07-callout-01 {
      width: 61px;
      height: 61px;
      background-size: 61px 61px;
      background-position: center bottom; } } 

.icon-brand-07-callout-02 {
  width: 52px;
  height: 45px;
  background-image: url("../img/icon-brand-07-callout-02.svg");
  background-size: 52px 45px; }
  @media (min-width: 768px) {
    .icon-brand-07-callout-02 {
      width: 69px;
      height: 60px;
      background-size: 69px 60px;
      background-position: center bottom; } } 

.icon-brand-07-callout-03 {
  width: 48px;
  height: 48px;
  background-image: url("../img/icon-brand-07-callout-03.svg");
  background-size: 48px 48px; }
  @media (min-width: 768px) {
    .icon-brand-07-callout-03 {
      width: 63px;
      height: 63px;
      background-size: 63px 63px;
      background-position: center bottom; } }


/* Zoofriends */
.section-brand-hero-08 {
  color: #231f20;
  background: #e5e5e5 url("../media/bg-brand-hero-08-sm.jpg") no-repeat center center; }
  @media (min-width: 768px) {
    .section-brand-hero-08 {
      background-image: url("../media/bg-brand-hero-08-md.jpg"); 
    }
    .img-brand-hero-08 {width: 322px;}  
  }
  @media (min-width: 992px) {
    .section-brand-hero-08 {
      background-image: url("../media/bg-brand-hero-08-lg.jpg"); 
    } 
    .img-brand-hero-08 {width: 373px;}
  }
  @media (min-width: 1300px) {
    .section-brand-hero-08 {
     background-image: url("../media/bg-brand-hero-08-xl.jpg"); } 
  } 

@media (min-width: 768px) {
  .section-brand-08-detail > .container {padding-left: 0; padding-right: 0;}
}

@media (min-width: 768px) {
  .section-brand-08-detail {
    padding-top: 20px;
    padding-bottom: 30px; } }

@media (min-width: 992px) {
  .section-brand-08-detail {
    padding-top: 35px;
    padding-bottom: 45px; } } 

.item-brand-08-detail .item-brand-detail-info {
    max-width: 440px; }
    @media (min-width: 768px) {
      .item-brand-08-detail .item-brand-detail-info {
        max-width: 350px; } }
    @media (min-width: 992px) {
      .item-brand-08-detail .item-brand-detail-info {
        max-width: 440px; } }

.item-brand-08-detail-01 .item-brand-detail-image, .item-brand-08-detail-02 .item-brand-detail-image {
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .item-brand-08-detail-01 .item-brand-detail-image, .item-brand-08-detail-02 .item-brand-detail-image {
        margin-top: 0;
        margin-bottom: -5px; } }

.item-brand-08-detail-01 .heading-brand-detail {color: #ce4c08;} 
.item-brand-08-detail-02 .heading-brand-detail {color: #0057A3;}

.btn-11 {
  color: #fff;
  background-color: #fbb45c;
  border-color: #fbb45c;
  color: #fff;}
.btn-11:hover {
  color: #fff;
  background-color: #d4984e;
  border-color: #c78f49; }
.btn-11.disabled, .btn-11:disabled {
  background-color: #fbb45c;
  border-color: #fbb45c; }
.btn-11:active, .btn-11.active,
.show > .btn-11.dropdown-toggle {
  background-color: #d4984e;
  background-image: none;
  border-color: #c78f49; }
.btn-11:hover {
  color: #fff; }  
.btn-12 {
  color: #fff;
  background-color: #ba7bb4;
  border-color: #ba7bb4;
  color: #fff;}
.btn-12:hover {
  color: #fff;
  background-color: #9e6999;
  border-color: #94628f; }
.btn-12.disabled, .btn-12:disabled {
  background-color: #ba7bb4;
  border-color: #ba7bb4; }
.btn-12:active, .btn-12.active,
.show > .btn-12.dropdown-toggle {
  background-color: #9e6999;
  background-image: none;
  border-color: #94628f; }
.btn-12:hover {
  color: #fff; }

.btn-13, .section-product-tabs p a.btn.btn-13 {
  color: #fff;
  background-color: #757575;
  border-color: #757575;
  text-decoration: none;}
.btn-13:hover, .section-product-tabs p a.btn.btn-13:hover {
  color: #fff;
  background-color: #595959;
  border-color: #595959; }
.btn-13.disabled, .btn-13:disabled {
  background-color: #757575;
  border-color: #757575; }
.btn-13:active, .btn-13.active,
.show > .btn-13.dropdown-toggle, .section-product-tabs p a.btn.btn-13:active {
  background-color: #595959;
  background-image: none;
  border-color: #595959; }
.btn-13:hover, .section-product-tabs p a.btn.btn-13:hover {
  color: #fff; }  

.col-item-brand-08-top-01 {background: #ce4c08; }
.col-item-brand-08-top-01:before {
  background: #ce4c08;
  content: " ";
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  width: 5000px; }
.col-item-brand-08-top-01:after {
  content: " ";
  top: 80px;
  right: 15px;
  bottom: 80px;
  left: 0;  
  display: block;
  position: absolute; }

.icon-item-brand-08 {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: -10px;
  background-repeat: no-repeat;
  background-size: contain;  
}

.row-item-brand-08-top > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  min-height:292px;}
  @media (min-width: 768px) {
    .row-item-brand-08-top > div {
      padding-top: 40px;
      padding-bottom: 40px; 
      min-height:390px;} }
  @media (min-width: 992px) {
    .row-item-brand-08-top > div {
      padding-top: 30px;
      padding-bottom: 30px; } } 


.item-brand-08-detail .heading-brand-detail {margin-top: 20px;}

.item-brand-08-detail-01 h2, .item-brand-08-detail-02 h2 {display: inline-block;}

.item-brand-08-detail-01 h2:before {    
    margin: 0 0 0 -25px;
    content: " ";    
    width: 20px;
    height: 40px; 
    background: url("../img/brand-08-h-01-left.svg") no-repeat left center;; 
    background-size: contain;
    position: absolute;
    display:inline;   
}

.item-brand-08-detail-01 h2:after {    
    margin: 0 25px 0 0 ;
    content: " ";    
    width: 20px;
    height: 40px; 
    background: url("../img/brand-08-h-01-right.svg") no-repeat left center;; 
    background-size: contain;
    position: absolute;
    display:inline;
}

.item-brand-08-detail-02 h2:before {    
    margin: 0 0 0 -25px;
    content: " ";    
    width: 20px;
    height: 40px; 
    background: url("../img/brand-08-h-02-left.svg") no-repeat left center;; 
    background-size: contain;
    position: absolute;
    display:inline;
}

.item-brand-08-detail-02 h2:after {    
    margin: 0 25px 0 0 ;
    content: " ";    
    width: 20px;
    height: 40px; 
    background: url("../img/brand-08-h-02-right.svg") no-repeat left center;; 
    background-size: contain;
    position: absolute;
    display:inline;
}

.item-brand-08-detail-01 p#chewables {
  /*margin-bottom: 0 !important;*/
}
.item-brand-08-detail-01 p#chewables, .item-brand-08-detail-02 p#gummies {position: relative;}

.brand-08-arrow-top-left,
.brand-08-arrow-btm-right,
.brand-08-chewable-top-left,
.brand-08-chewable-bottom-right,
.brand-08-gummy-top-left,
.brand-08-gummy-bottom-right
 {  
  display: none; }

@media (min-width: 768px) {
  .brand-08-arrow-top-left,
  .brand-08-arrow-btm-right,
  .brand-08-chewable-top-left,
  .brand-08-chewable-bottom-right,
  .brand-08-gummy-top-left,
  .brand-08-gummy-bottom-right
   {
    position: absolute;
    display: block; }
}

.brand-08-arrow-top-left {  
  background: url("../img/brand-08-arrow-top-left.svg") no-repeat;
  width: 80px;
  height: 100px;
  background-size: 80px 100px;      
  top:0;
  left: 0;
  display:none;
  } 
  @media (min-width: 992px) {
    .brand-08-arrow-top-left {
      display:block;      
      margin-top: 55px;
      margin-left: -20px;
      } }
  @media (min-width: 1200px) {
    .brand-08-arrow-top-left {      
      margin-top: 35px;
      margin-left: -80px;
      } }       

.brand-08-arrow-btm-right {  
  background: url("../img/brand-08-arrow-btm-right.png") no-repeat;
  width: 44px;
  height: 59px;
  background-size: 44px 59px;      
  bottom:0;
  right: 0;  
  margin-right: -35px;
  } 
  @media (min-width: 992px) {
    .brand-08-arrow-btm-right {
      display:none;
      } }
  
.brand-08-chewable-top-left {
  width: 84px;
  height: 69px;
  background: url("../img/brand-08-chewable-top-left.png") no-repeat;
  background-size: 84px 69px;
  top:0;
  left: 0;
  } 
  @media (min-width: 768px) {
    .brand-08-chewable-top-left {
      margin-top: -60px;      
      margin-left: -55px;      
       } }
  @media (min-width: 992px) {
    .brand-08-chewable-top-left {
      width: 93px;
      height: 76px;
      background-size: 93px 76px;
      margin-top: -75px;      
      margin-left: -85px;      
       } }       

.brand-08-chewable-bottom-right {
  width: 70px;
  height: 80px;
  background: url("../img/brand-08-chewable-bottom-right.png") no-repeat;
  background-size: 70px 80px;
  bottom:0;
  right: 0;}  
  @media (min-width: 768px) {
    .brand-08-chewable-bottom-right {      
      margin-right: -25px;      
      margin-bottom: -50px;      
       } }   
  @media (min-width: 992px) {
    .brand-08-chewable-bottom-right {
      width: 77px;
      height: 88px;
      background-size: 77px 88px;
      margin-right: -50px;      
      margin-bottom: -70px;      
       } }   
            
.brand-08-gummy-top-left {
  width: 69px;
  height: 81px;
  background: url("../img/brand-08-gummy-top-left.png") no-repeat;
  background-size: 69px 81px;
  top:0;
  left: 0;}  
  @media (min-width: 768px) {
    .brand-08-gummy-top-left {      
      margin-top: -85px;      
      margin-left: 0px;      
       } }
  @media (min-width: 992px) {
    .brand-08-gummy-top-left {
      width: 78px;
      height: 92px;
      background-size: 78px 92px;            
      margin-top: -100px;      
      margin-left: -20px;      
       } }       

.brand-08-gummy-bottom-right {
  width: 70px;
  height: 84px;
  background: url("../img/brand-08-gummy-bottom-right.png") no-repeat;
  background-size: 70px 84px;
  bottom:0;
  right: 0;}
  
  @media (min-width: 768px) {
    .brand-08-gummy-bottom-right {     
     margin-right: -20px;      
     margin-bottom: -70px;      
       } }

  @media (min-width: 992px) {
    .brand-08-gummy-bottom-right {
     width: 79px;
     height: 95px;
     background-size: 79px 95px; 
     margin-right: -50px;      
     margin-bottom: -70px;      
       } }       

@media (max-width: 379px) {
.icon-item-brand-08-zoofriends-01-01 {
    background-image: url("../img/icon-brand-08-zoofriends-01-01.png"); 
    width: 300px;
    height: 230px; 
    display: inline-block;
  }

.icon-item-brand-08-zoofriends-02-01 {
    background-image: url("../img/icon-brand-08-zoofriends-02-01.png"); 
    width: 300px;
    height: 230px; 
    display: inline-block;
  }
}

@media (min-width: 380px) {
.icon-item-brand-08-zoofriends-01-01 {
    background-image: url("../img/icon-brand-08-zoofriends-01-01.png"); 
   width: 350px;
    height: 268px; 
    display: inline-block;
  }

.icon-item-brand-08-zoofriends-02-01 {
    background-image: url("../img/icon-brand-08-zoofriends-02-01.png"); 
    width: 350px;
    height: 268px; 
    display: inline-block;
  }
}

@media (min-width: 900px) {
.icon-item-brand-08-zoofriends-01-01 {
    background-image: url("../img/icon-brand-08-zoofriends-01-01.png"); 
   width: 418px;
    height: 320px; 
    display: inline-block;
  }

.icon-item-brand-08-zoofriends-02-01 {
    background-image: url("../img/icon-brand-08-zoofriends-02-01.png"); 
    width: 418px;
    height: 320px; 
    display: inline-block;
  }
}  

.row-item-brand-08-top > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  min-height:292px;}
  @media (min-width: 768px) {
    .row-item-brand-08-top > div {
      padding-top: 40px;
      padding-bottom: 40px; 
      min-height:390px;} }
  @media (min-width: 992px) {
    .row-item-brand-08-top > div {
      padding-top: 30px;
      padding-bottom: 30px; } }
.col-item-brand-08-top-02 {background: #0057A3; }
.col-item-brand-08-top-02:before {
  background: #0057A3;
  content: " ";
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  width: 5000px; }

.col-item-brand-08-top-02:after {
  content: " ";
  top: 80px;
  left: 15px;
  bottom: 80px;
  right: 0;  
  display: block;
  position: absolute; }  


.section-brand-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-size: cover;
  min-height: 300px;
  padding-top: 30px;
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    .section-brand-hero {
      min-height: 320px; } }
  @media (min-width: 992px) {
    .section-brand-hero {
      min-height: 370px; } }

@media (min-width: 1300px) {
    .section-brand-hero-01 {background-image: url("../media/bg-brand-hero-01-xl.jpg");} 
    .section-brand-hero-02 {background-image: url("../media/bg-brand-hero-02-xl.jpg");} 
    .section-brand-hero-03 {background-image: url("../media/bg-brand-hero-03-xl.jpg");} 
}      


@media (max-width: 420px) {
  .carousel-ad-01 .carousel-ad-info p:first-of-type, .section-featured-product p:first-of-type {display:none;}
}
  
.carousel-ad-03 p {max-width: 320px; }

.carousel-ad-04 p {max-width: 320px; }

@media (min-width: 575px) {
.carousel-ad-03 p {
  max-width: 370px; }
.carousel-ad-04 p {
  max-width: 430px; }
}
  
@media (min-width: 768px) {
  .carousel-ad-03 p {
   max-width: 480px; } 
 }


 @media (min-width: 768px) {
  .nav-dropdown-lg {
    right: 20px;
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    visibility: hidden; }
    .nav-dropdown-lg.active {
      visibility: visible; } }


.section-new-products h2.heading-section, .section-featured-product h2.heading-section, .section-brand-products h2.heading-section {color:#757575;}  

/*a.item-product:focus,a.item-product:active {color:#757575;}*/


.nav-foot-social {
  margin:0 auto;
  padding: 0 0 5px 0;
  list-style: none;
  text-transform: uppercase;
  display: block;
  font-size: 0.85rem; }
  .nav-foot-social li {
    margin-bottom: 5px; }

  .nav-foot-social a:hover {text-decoration: none;}


.icon-foot-social {
  display: inline-block;
  margin: 0 auto;
  background-size: contain;
  background-position: center center;
  height: 40px;
  width: 40px;
}

.icon-foot-fb {
  background: url(../img/icon-foot-fb.svg) no-repeat center;
  background-size: 40px 40px; 
  padding-right: 10px;
  display: inline-block;
}

.icon-foot-li {
  background: url(../img/icon-foot-li.svg) no-repeat center;
  background-size: 40px 40px; 
  padding-right: 10px;
  display: inline-block;
}

.icon-foot-pin {
  background: url(../img/icon-foot-pinterest.svg) no-repeat center;
  background-size: 40px 40px; 
  padding-right: 10px;
  display: inline-block;
}

.icon-foot-inst {
  background: url(../img/icon-foot-instagram.svg) no-repeat center;
  background-size: 40px 40px; 
  padding-right: 10px;
  display: inline-block;
}

.icon-foot-em {
  background: url(../img/icon-foot-em.svg) no-repeat center;
  background-size: 40px 40px; 
  display: inline-block;
}

 
/* GDPR mods */
.section-about-careers-resume .form-check-label, .section-about-careers-resume p#note, .section-about-careers-contact .form-check-label, .section-about-careers-contact p#note, .section-about-tour-contact .form-check-label, .section-about-tour-contact p#note,  #au-container .form-check-label, #au-container p#note {
  font-size: 12px;  
  text-align: left;
}

.section-about-careers-resume .form-check-label, .section-about-careers-contact .form-check-label, .section-about-tour-contact .form-check-label, #au-container .form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
}

.section-about-careers-resume .form-check-input, .section-about-careers-contact .form-check-input, .section-about-tour-contact .form-check-input, #au-container .form-check-input {
    position: absolute;
    margin-top: 0.1rem;
    margin-left: 0;
}    



p.ccpa {font-weight: bold;}
p.ccpa a:link,p.ccpa a:visited p.ccpa a:hover, p.ccpa a:visited {
  margin-top:33px; 
  color:#005189;
  text-decoration: none;
}


/* focus styling */
@media (max-width: 767px) {  
  .index-product a:focus, .index-product a:focus div, .index-blog a:focus, .index-blog a:focus div, .related-article a:focus, .related-article a:focus div,
  a.item-product:focus, .carousel-brands .slick-active a:focus, .carousel-brands .slick-active a:focus img, .carousel-online-retailers .slick-active a:focus, 
  .carousel-online-retailers .slick-active a:focus img, .carousel-about-charity .slick-active a:focus, .carousel-about-charity .slick-active a:focus img, 
  .carousel-sm .slick-active a:focus, .carousel-sm .slick-active a:focus img.lazy, .carousel-imagelinks .slick-active a:focus, .carousel-imagelinks .slick-active a:focus img { 
    outline: none !important;}

  input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="checkbox"]:focus, textarea:focus {
    outline:none !important;
    -webkit-appearance:none !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15) !important;}}

@media (min-width: 768px) {
  .index-product a:focus {outline: none !important;}
   header a:focus, header a:focus span.icon-brands, .btn-search:focus, .slick-dots li.slick-active button:focus, .slick-dots li.slick-active button:active, a.item-product:focus, .section-wellness a:focus, .carousel-imagelinks .slick-active a:focus,
   .carousel-sm .slick-active a:focus, .carousel-sm .slick-active a:focus img.lazy, .section-quick-links a:focus, .section-quick-links a:focus img, footer a:focus, .btn:focus, .btn:active,  button.btn-submit:focus, .carousel-brands .slick-active a:focus, .carousel-brands .slick-active a:focus img,
   input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="checkbox"]:focus, textarea:focus,  .slick-next:focus::after, .slick-prev:focus::after, .index-product a:focus img, .nav-tabs a.nav-link:focus, .nav-pills a.nav-link:focus, 
   .index-blog a:focus, .index-blog a:focus img, .carousel-online-retailers .slick-active a:focus, .carousel-online-retailers .slick-active a:focus img, .carousel-about-charity .slick-active a:focus, .carousel-about-charity .slick-active a:focus img, 
   .video-container iframe #player:focus, p a:focus, a.link-alt:focus, label a:focus, .related-article a:focus, .related-article a:focus div
      {
       outline-color: #C15211 !important;
       outline-offset: 0px !important;
       outline-style: solid !important;
       outline-width: 1px !important;
       border-radius: 0px;}   
   
  .slick-dots li.slick-active button:focus, .slick-dots li.slick-active button:active, .btn-secondary.blog:focus, .btn-secondary.blog:active {border-radius: 50%;}

   .carousel-imagelinks .slick-active a:focus, .carousel-online-retailers .slick-active a:focus, .carousel-online-retailers .slick-active a:focus img, .carousel-about-charity .slick-active a:focus, .carousel-about-charity .slick-active a:focus img, .slick-active a:focus 
   { outline-offset: -1px !important;}
    
  .slick-active a:focus.item-product { outline-offset: -2px !important;}
  .video-container iframe:focus { outline-offset: 2px !important;}
 
  .btn:focus, .btn:active, .slick-dots li.slick-active button, button.btn-submit:focus {outline-offset: 0px !important;} 

  .carousel-online-retailers.slick-slider .slick-track, .carousel-about-charity.slick-slider .slick-track, .carousel-brands.slick-slider .slick-track, .carousel-brand-products.slick-slider .slick-track    {padding:5px 10px;}

  .btn.btn-primary.light-red:focus, .btn.btn-primary.light-red:active, .btn.btn-primary.red:focus, .btn.btn-primary.red:active, .btn.btn-primary.orange:focus, .btn.btn-primary.orange:active {outline-color: #227ab9 !important;}



  div.ps__thumb-y:focus {
    outline:none;
    box-shadow: 0px 0px 1px 1px #C15211; }

  select:focus {
    outline-color: #C15211 !important;
    outline-width: 2px !important; }

  .index-blog p a:hover, .related-article p a:hover, .index-blog p a:focus, .related-article p a:focus, .section-product-tabs p a:hover {       
    text-decoration: underline; 
    color:#005189; }

.btn.btn-secondary.offices:focus, .btn.btn-secondary.search:focus, .btn.btn-secondary.offices:active, .btn.btn-secondary.search:active {
  outline:none !important;
  border-radius: 50%; }}
 
 
 
 .slick-next:focus, .slick-prev:focus {outline: none !important;}
 
 .custom-file-input:focus ~ .custom-file-label {
  box-shadow: none !important;
  border-color: #C15211;}
    
}   
.custom-file-label {border-radius: 0;}





#resume-submit .form-group {margin-bottom: 0rem;}
#resume-submit .form-group:nth-of-type(3) {margin-bottom: .85rem;}
#resume-submit .form-row.has-error .form-check {margin-bottom: -.1rem;}

label.custom-file-label span {
   display: block;
   overflow: hidden;   
   white-space: nowrap;
}
.form-group.resume_submit {margin-bottom: 1rem;}
.note-resume {font-size: .85rem;}

span.help-block {display: block;}

#view_more .btn-secondary {cursor: pointer;}

.section-category-listing h2 {font-size: 1.75rem;}

#mobile #accordion h2 {font-size: 1.25rem;}

.invalid-feedback {font-size: 12px;}

.carousel-new-products .slick-prev.slick-arrow.slick-disabled, .carousel-new-products .slick-next.slick-arrow.slick-disabled {
    visibility: hidden;
}


@media (max-width: 575px) {
.section-product-tabs .index-blog p {display: none;}}

@media (min-width: 768px) {
.offset-md-4 {margin-left: 33.333333%;}}


header.head.sticky {
  background-color: #fff;
  z-index: 1024;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + main {padding-top: 81px;}

@media (min-width: 768px) {
  .sticky + main {
  padding-top: 129px; }}

 .supp-facts .supp-facts-table tbody tr td span.indent {
    display: block;
    padding-left: 17px;
}

/* 2020 home mods */
.btn-home {
  color: #fff;
  background-color: #227ab9;
  border-color: #227ab9; }
  .btn-home:hover {
    color: #fff;
    background-color: #1e6da6;
    border-color: #1e6da6; }  
  .btn-home.disabled, .btn-home:disabled {
    background-color: #227ab9;
    border-color: #227ab9; }
  .btn-home:active, .btn-home.active,
  .show > .btn-home.dropdown-toggle {
    background-color: #1e6da6;
    background-image: none;
    border-color: #1e6da6; }

.section-wellness {
  background: #227ab9;
  color: #fff;  
  position: relative;   
}

.section-wellness .pitch {
  background: #227ab9 url("../media/bg-section-wellness-pitch.png") no-repeat center;
  background-size: cover;  
  position: relative;
  min-height: 489px;     
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
           -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
             align-items: center;
  text-align: center;
  margin-left: 0 auto;
}


@media (max-width: 325px) {
  .section-wellness .pitch {
     min-height: 539px; }}

.section-wellness h2 {
  display:block;
  font-size: 36px;
  letter-spacing: -2px;
  line-height: 0.9;   
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  margin:0;
}          

.section-wellness h2 span {
  display:block;
  font-size: 72px;
  line-height: 0.9;     
  font-weight: 700;
  margin:0;
}

.section-wellness p {
    margin: 0 auto;    
    padding: 13px 0 15px 0;
    font-size: 16px;
    font-weight: 500;
}

.section-wellness ul {
  margin: 0 auto;
  width: 95%;    
  padding: 5px 0;
  color:#fff;
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 21px;
  list-style: none;
}

@media (min-width: 480px) {
    .section-wellness p {
       width: 95%;
       font-size: 18px; }
       .section-wellness ul {
       width: 100%; }}

@media (min-width: 600px) {
    .section-wellness p {    
    font-size: 22px;
    font-weight: 300;
    width: 85%;  }
    .section-wellness ul {
       width: 80%; }}

@media (min-width: 768px) {
    .section-wellness p {    
    width: 100%;  }
    .section-wellness ul {
       width: 80%; }}

@media (min-width: 992px) {
    .section-wellness p {                
     width: min(90%, 525px);  }  
  .section-wellness ul {
       width: 90%;}}              

.section-wellness li {
  display: inline-block;  
  padding: 0 .05em;  
}

.section-wellness li:last-child  {     
    padding-right: 0; 
}

.section-wellness li:nth-of-type(1) a {
  width:132px;
  color: #fff;
  background-color: #1c8602;
  border: 1px solid #1c8602;}
.section-wellness li:nth-of-type(1) a:hover {
  color: #fff;
  background-color: #21a102;
  border-color: #21a102; }
.section-wellness li:nth-of-type(1) a:disabled {
  color: #fff;
  background-color: #8c8c8c;
  border-color: #8c8c8c; }
.section-wellness li:nth-of-type(1) a:active {
  color: #fff;
  background-color: #1c8602;
  background-image: none;
  border-color: #1c8602; }

.section-wellness li:nth-of-type(2) a {
  width:132px;
  color: #fff;
  background-color: #5d41ab;
  border: 1px solid #5d41ab;}
.section-wellness li:nth-of-type(2) a:hover {
  color: #fff;
  background-color: #6b4bc4;
  border-color: #6b4bc4; }
.section-wellness li:nth-of-type(2) a:disabled {
  background-color: #8c8c8c;
  border-color: #8c8c8c; }
.section-wellness li:nth-of-type(2) a:active {
  color: #fff;
  background-color: #5d41ab;
  background-image: none;
  border-color: #5d41ab; }

.section-wellness li:nth-of-type(3) a {
  width:132px;
  color: #fff;
  background-color: #da600f;
  border: 1px solid #da600f;}
.section-wellness li:nth-of-type(3) a:hover {
  color: #fff;
  background-color: #f26b11;
  border-color: #f26b11; }
.section-wellness li:nth-of-type(3) a:disabled {
  background-color: #8c8c8c;
  border-color: #8c8c8c; }
.section-wellness li:nth-of-type(3) a:active {
  color: #fff;
  background-color: #da600f;
  background-image: none;
  border-color: #da600f; }

.section-wellness li:last-child  {  
  padding-right: 0;
} 

@media (max-width: 325px) {
  .section-wellness li:nth-of-type(2) { padding-top: .3em; }}

@media (max-width: 454px) {
  .section-wellness li:nth-of-type(3) { padding-top: .35em; }}

@media (min-width: 768px) and (max-width: 991px) {
  .section-wellness li:nth-of-type(3) { padding-top: .3em; }}

.section-wellness p:last-of-type {    
    font-size: 14px;
    font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.section-wellness .lifestyle {
  background: #227ab9 url("../media/bg-section-wellness-lifestyle.jpg") no-repeat bottom left;
  background-size: cover;  
  position: relative;
  min-height: 489px;  
}

@media (min-width: 1075px) {
  .section-wellness .lifestyle {
  background: #227ab9 url("../media/bg-section-wellness-lifestyle.jpg") no-repeat bottom center; 
  background-size: cover;  
  position: relative;
  min-height: 489px;  }}


.section-wellness .lifestyle a {
    display:block;
    min-height:489px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    width:100%;  
}

@media (min-width: 1425px) {
  .section-wellness .lifestyle {
    background-image: url("../media/bg-section-wellness-lifestyle_xl.jpg"); }}

/* image links / trending WN */
.section-image-links {padding: 60px 0 50px 0;}
  @media (min-width: 992px) {
    .section-image-links {padding-top: 100px}
  }

.section-image-links a:link, .section-image-links a:visited, .section-image-links a:hover, .section-image-links a:active {text-decoration: none;}    

.section-image-links  h3 {    
    color:#945fa5;
    text-align: center;
    margin: 15px 0;
    font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: .9em;
}

@media (min-width: 497px) and (max-width: 528px) {
  .section-image-links  h3 {font-size: 22px;}}
@media (min-width: 529px) and (max-width: 599px) {
  .section-image-links  h3 {font-size: 24px;}}
@media (min-width: 769px) and (max-width: 847px) {
  .section-image-links  h3 {font-size: 24px;}}
@media (min-width: 992px) and (max-width: 1024px) {
  .section-image-links  h3 {font-size: 24px;}}
@media (min-width: 1025px) and (max-width: 1199px) {
  .section-image-links  h3 {font-size: 26px;}}

.section-image-links  #immunity h3 {color:#bd5b0a;}
.section-image-links  #energy h3 {color:#966e0d;}
.section-image-links  #beauty h3 {color:#cf3596;}

.section-image-links  h3 span {
  display: block;
  font-weight: 300;
} 

.icon-imagelinks {
    margin: 0 auto;
    display: block;
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-imagelinks-sleep {background-image: url(../img/home/sleep.svg);}
.icon-imagelinks-immunity {background-image: url(../img/home/immunity.svg);}
.icon-imagelinks-energy {background-image: url(../img/home/energy.svg);}
.icon-imagelinks-beauty {background-image: url(../img/home/beauty.svg);}

.carousel-imagelinks {margin: 0 30px;}

@media (min-width: 992px) {
  .carousel-imagelinks {margin: 0 auto;}}
@media (min-width: 1160px) {
  .carousel-imagelinks {margin: 0 60px;}}
.carousel-imagelinks .slick-prev {left: -45px;}
.carousel-imagelinks .slick-next {right: -45px;}
.carousel-imagelinks .slick-prev.slick-arrow.slick-disabled, .carousel-imagelinks .slick-next.slick-arrow.slick-disabled {visibility: hidden;}

.carousel-imagelinks .col {  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
   -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.carousel-imagelinks img {
  width: 100%;
  height:auto;
}

@media (max-width: 480px) {
  .carousel-imagelinks .col {  
    margin:0 auto;
    max-width: 280px;  }}

@media (max-width: 767px) {
  .section-image-links .row div:nth-of-type(3), .section-image-links .row div:nth-of-type(4) {
    margin-top: 25px;  }}


/* testimonials */
.section-testimonials .c-wrap {
  max-width: 400px;
  float: right;
}

@media (max-width: 599px) {
  .section-testimonials .c-wrap {
    float: none;
    margin:0 auto;}}  

@media (min-width: 600px) and (max-width: 710px) {
  .section-testimonials .c-wrap {
    max-width: 365px; }}

@media (min-width: 768px) and (max-width: 899px){
  .section-testimonials .c-wrap {    
    margin-right: 5%;}}    

@media (min-width: 900px) and (max-width: 991px){
  .section-testimonials .c-wrap {
    max-width: 475px;
    margin-right: 5%;}}  

@media (min-width: 992px) {
  .section-testimonials .c-wrap {
  margin-right: 5%;
  max-width: 500px; }}

/* Note: as width increases, margin is reduced accordingly.  max-width: 400px; */
@media (min-width: 1200px) {
  .section-testimonials .c-wrap {  
  max-width: 600px; }}    

.section-testimonials h2 {
  color:#fff;
  text-align: center;
  display:block;
  font-size: 48px;     
  line-height: 0.9;   
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin:0;
  padding: 25px 0 0;
}

.section-testimonials p {  
  color:#fff;
  text-align: center;
  margin-top:20px;
  font-size: 16px;
  font-weight: 500;
}

  @media (min-width: 480px) {
    .section-testimonials p { font-size: 16px; }
    .section-testimonials h2 {font-size: 60px;}}
  @media (min-width: 600px) {
    .section-testimonials p {
      font-size: 18px;
      font-weight: 700;
      }
    .section-testimonials h2 {font-size: 54px;}}
  @media (min-width: 992px) {    
    .section-testimonials h2 {font-size: 60px;}}        


@media (min-width: 600px) {
  .section-testimonials h2 { padding-top: 70px;}}
@media (min-width: 992px) {
  .section-testimonials h2 { padding-top: 90px;}}


.section-testimonials {
      background-color: #227ab9;  /*375x390 */
      position: relative;
      min-height: 348px;       
      font-size: 16px;  
      text-align: left; 
      margin:0;
      background-size: cover;
      background-image: url(../media/bg-section-testimonials-xs.jpg); /* 375x348 */      
      background-position: center left;} 
@media (min-width: 376px) {
      .section-testimonials {
        background-size: cover;
        background-image: url(../media/bg-section-testimonials-sm.jpg); /* 480x390 */
        min-height: 390px;
        background-position: center left;}}     
  @media (min-width: 600px) {
        .section-testimonials {
          background-size: cover;
          background-image: url(../media/bg-section-testimonials-sm_b.jpg); /* 767x488 */
          min-height: 488px;
          background-position: center;}}     
  @media (min-width: 768px) {
    .section-testimonials {
      background-image: url(../media/bg-section-testimonials-md.jpg); /* 768x488*/    
      background-position: bottom center;}}     
  @media (min-width: 992px) {
    .section-testimonials {
      background-image: url(../media/bg-section-testimonials-lg.jpg); /* 1280x488*/    
      background-position: center;}}     
  @media (min-width: 1425px) {
    .section-testimonials {
      background-image: url(../media/bg-section-testimonials-xl.jpg); }} /* 3000x488*/        

.section-testimonials .slick-dots {
  position: relative;
  padding: 0;
}

@media (max-width: 599px) {
.carousel-testimonials .col {padding: 0;}}



@media (min-width: 600px) {
  .section-testimonials .slick-dots {  
  padding: 1rem 0;}}

@media (min-width: 768px) and (max-width: 900px)  {
  .section-testimonials .slick-dots {  
  padding: 1.35rem 0 0;}}

@media (min-width: 901px) {
  .section-testimonials .slick-dots {  
  padding: 2rem 0 1rem 0;}}


.icon-5-star {display: none; } 

@media (min-width: 600px) {
.icon-5-star {      
  margin:0 auto;
  display: block;
  width: 219px;
  height: 36px;
  background: url(../media/icon-5-star.png) no-repeat;              
  background-size: contain;  }}


/* 30 Year block*/
.section-30yr .c-wrap {
  max-width: 300px;
  float: left;
  padding: 0;  
}

@media (min-width: 600px) {
  .section-30yr .c-wrap {    
    max-width: 400px; }}   

@media (min-width: 768px) {
  .section-30yr .c-wrap {    
    max-width: 450px;
    margin-left: 5%; }}    

@media (min-width: 992px) {
  .section-30yr .c-wrap {
  margin-left: 5%;
  max-width: 500px; }}

@media (min-width: 1200px) {
  .section-30yr .c-wrap {  
  max-width: 600px; }}    

.section-30yr h2 {
  color:#227ab9;
  text-align: center;
  display:block;
  font-size: 25px;     
  line-height: 25px;   
  font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 0 -25px;
  padding: 40px 0 0;      
}

.section-30yr p {  
  color:#227ab9;
  text-align: center;
  margin-top:20px;
  font-size: 14px;
  font-weight: 500;
  width: 70%;
}

@media (min-width: 350px) {  
  .section-30yr p {width: 68%;}
  .section-30yr h2 {margin-left: -55px;}}
@media (min-width: 480px) {
  .section-30yr p {
    width: 100%;
    font-size: 18px; }
  .section-30yr h2 {
    font-size: 32px;
    margin-left: 0; }}
@media (min-width: 600px) {
  .section-30yr p {
    font-weight: 300;
    width: 85%;
    font-size: 22px;}
  .section-30yr h2 {
    padding-top: 70px;
    font-size: 30px;}}
@media (min-width: 768px) {
  .section-30yr p {width: 100%;}
  .section-30yr h2 { padding-top: 80px;}}
@media (min-width: 992px) {    
  .section-30yr p {width: 100%;}
  .section-30yr h2 {
    padding-top: 70px;
    font-size: 46px;
    line-height: 46px;}}        

.section-30yr {
      background-color: #227ab9;  /*375x390 */
      position: relative;
      min-height: 348px;       
      font-size: 16px;  
      text-align: left; 
      margin:0;
      background-size: cover;
      background-image: url(../media/bg-section-30yr-xs.jpg); /* 375x348 */      
      background-position: center;} 

/*@media (min-width: 376px) {*/
    @media (min-width: 420px) {
      .section-30yr {
        background-size: cover;
        background-image: url(../media/bg-section-30yr-sm.jpg); /* 480x390 */
        min-height: 390px;
        background-position: center;}}     
  @media (min-width: 600px) {
        .section-30yr {
          background-size: cover;
          background-image: url(../media/bg-section-30yr-sm_b.jpg); /* 767x488 */
          min-height: 488px;
          background-position: center;}}     
  @media (min-width: 768px) {
    .section-30yr {
      background-image: url(../media/bg-section-30yr-md.jpg); /* 768x488*/    
      background-position: bottom center;}}     
  @media (min-width: 992px) {
    .section-30yr {
      background-image: url(../media/bg-section-30yr-lg.jpg); /* 1280x488*/    
      background-position: center;}}     
  @media (min-width: 1425px) {
    .section-30yr {
      background-image: url(../media/bg-section-30yr-xl.jpg); }} /* 3000x488*/     

/* social media */
.section-sm {
  background-color: #fff;  
  position: relative;  
  margin:0 auto;
  padding-bottom: 60px;
}

.section-sm h2 {
    letter-spacing: -1px;
    color:#757575;
    text-align: center;
    margin: 50px 0 32px 0;
    font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
}

.section-sm .c-wrap {margin:0 auto;}  
  
  @media (max-width: 479px) {    
     .section-sm .container { padding: 0 !important;}
     .section-sm .c-wrap {
      padding: 0;
      width: 100%;}}       
  @media (min-width: 520px) {
    .section-sm .c-wrap {width: 90%;}}
  @media (min-width: 600px) {
    .section-sm .c-wrap {width: 100%;}}
  @media (min-width: 800px) {
    .section-sm .c-wrap {width: 90%;}}
  @media (min-width: 900px) {
    .section-sm .c-wrap {width: 80%;}}            
  @media (min-width: 992px) {
    .section-sm .c-wrap {width: 920px;}}    

.carousel-sm { 
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items:center;
}

.carousel-sm img {
  width: 100%;  
  height:auto;
}

@media (min-width: 480px) {
 .carousel-sm .slick-slide {padding: 0 9px;}}
 
 @media (min-width: 992px) {
  .carousel-sm .slick-slide.slick-active:last-of-type {padding-right: 0px !important;}}

.carousel-sm .slick-list {    
    margin: 0 auto;
    padding: 3px 0 0 0;
}

.carousel-sm .slick-prev {left: -45px;}
.carousel-sm .slick-next {right: -45px;}
.carousel-sm .slick-prev.slick-arrow.slick-disabled, .carousel-sm .slick-next.slick-arrow.slick-disabled {visibility: hidden;}

.ig-alert {text-align: center;}

  
footer .sr-only {color: #fff;}    


ol#tandc li {margin-bottom: 1em;}