.breadcrumbs {
  margin: 10px 0; }
  .breadcrumbs-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none; }
    .breadcrumbs-list li {
      float: left;
      margin-right: 6px; }
      @media only screen and (max-width: 767px) {
        .breadcrumbs-list li {
          float: none; } }
  .breadcrumbs-separator {
    margin: 0 10px; }
  .breadcrumbs-without-separator .breadcrumbs-separator {
    display: none; }
  .breadcrumbs-without-separator li {
    position: relative;
    padding-right: 15px;
    margin-right: 9px; }
    .breadcrumbs-without-separator li:before {
      top: 5px;
      right: 0;
      content: "\f054";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      position: absolute;
      font-size: 8px; }
    .breadcrumbs-without-separator li:last-child {
      background-image: none; }
      .breadcrumbs-without-separator li:last-child:before {
        display: none; }
.carousel{position:relative;border:solid 2px #000;background-color:#828282;padding:15px 60px}.carousel-slides{overflow:hidden;margin:0;padding:0;list-style:none;position:relative}.carousel-slide{clear:both;position:absolute;width:100%}.carousel-slide .no-content,.carousel-slide .no-image{text-align:center}.carousel-slide.is-active{display:block;position:relative}.carousel-cover{max-width:50%;height:auto;float:right}.carousel-slide .image-and-content{overflow:hidden}.carousel-slide .no-content .carousel-cover{float:none;max-width:100%}.carousel-slide .no-image .carousel-content{float:none;max-width:100%}.carousel-content{max-width:48%;float:left;text-align:left;-moz-transition-property:margin;-o-transition-property:margin;-webkit-transition-property:margin;transition-property:margin;-moz-transition-duration:.2s;-o-transition-duration:.2s;-webkit-transition-duration:.2s;transition-duration:.2s;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;width:100%}.carousel-nav{text-align:center;margin-top:20px;overflow:hidden;padding:0}.box-op-comm-inner{padding:0 1em}@media only screen and (min-width:768px){.box-op-comm-inner{padding:0}}.box-op-comm-inner .carousel{border:none;background:0 0;padding:0;margin:0}.box-op-comm-inner .carousel .carousel-nav{margin-top:0}@media only screen and (min-width:768px){.box-op-comm-inner .carousel .carousel-nav{display:none}}.box-op-comm-inner .carousel .carousel-nav .carousel-nav-prev{left:-38px}.box-op-comm-inner .carousel .carousel-nav .carousel-nav-prev a{border:none;background-color:transparent;width:20px;height:28px}.box-op-comm-inner .carousel .carousel-nav .carousel-nav-prev a::before{color:#9e9e9e;content:" ";background-image:url(../../assets/img/carousel-arrow.png);width:100%;height:100%;background-size:50%;background-repeat:no-repeat;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.box-op-comm-inner .carousel .carousel-nav .carousel-nav-next{right:-24px}.box-op-comm-inner .carousel .carousel-nav .carousel-nav-next a{border:none;background-color:transparent;width:20px;height:28px}.box-op-comm-inner .carousel .carousel-nav .carousel-nav-next a::before{color:#9e9e9e;content:" ";background-image:url(../../assets/img/carousel-arrow.png);width:100%;height:100%;background-size:50%;background-repeat:no-repeat}.box-op-comm-inner .carousel .carousel-nav li{display:inline-block;width:10px;height:15px}@media only screen and (min-width:768px){.box-op-comm-inner .carousel .carousel-nav li{display:none}}.box-op-comm-inner .carousel .carousel-nav li>a{border-radius:50%;background-color:#ccc;border:none;font-size:1em;display:inline-block;margin:.15em}.box-op-comm-inner .carousel .carousel-nav li.is-active>a{background-color:#7f7f7f}.box-op-comm-inner .carousel-slides table tr{font-size:.77778em;color:#333;font-weight:400;text-align:center}.box-op-comm-inner .carousel-slides table .span-op-table-green{color:#009638;font-weight:900;display:inline-block;width:auto}@media only screen and (min-width:768px){.box-op-comm-inner .carousel-slides table .span-op-table-green{width:45%}}.box-op-comm-inner .carousel-slides table tr:first-of-type{color:#464646;font-weight:900}.box-op-comm-inner .carousel-slides table tr:first-of-type>td{padding:1.8em 0}.box-op-comm-inner .carousel-slides table tr:first-of-type>td:first-of-type{width:5em}@media only screen and (min-width:768px){.box-op-comm-inner .carousel-slides table tr:first-of-type>td:first-of-type{width:14em}}.box-op-comm-inner .carousel-slides table tr:first-of-type>td:last-of-type{width:12em}.box-op-comm-inner .carousel-slides table tr td{padding:.75em 0}.box-op-comm-inner .carousel-slides table tr td:first-of-type{width:14em}.box-op-comm-inner .carousel-slides table tr td:nth-child(1){width:14em}.box-op-comm-inner .carousel-slides table tr td:last-of-type{width:12em;padding-right:0}@media only screen and (min-width:768px){.box-op-comm-inner .carousel-slides table tr td:last-of-type{padding-right:2em}}.box-op-comm-inner .carousel-slides table tr td>a{cursor:default}.box-op-comm-inner .carousel-slides table tr td>a.op-table-hash{padding-left:1em}.box-op-comm-inner .carousel-slides table tr td>a.op-table-3-star{padding-left:1em}.box-op-comm-inner .carousel-slides table tr td>a.op-table-2-star{padding-left:1.6em}.box-op-comm-inner .carousel-slides table tr td>a.op-table-4-star{padding-left:.6em}@media only screen and (min-width:768px){.box-op-comm-inner .carousel-slides table tr td>a.op-table-4-star{padding-left:2.6em}}.carousel-nav li{display:inline-block;margin:0 3px}.carousel-nav a{display:inline-block;border:2px solid #333;width:10px;height:10px;font-size:0;color:transparent}.carousel-nav li.is-active a{background:#333}.carousel-nav-next,.carousel-nav-prev{position:absolute;top:50%;border:none;width:19px;height:31px}.carousel-nav-next a,.carousel-nav-prev a{border:none;display:block;width:100%;height:100%}.carousel-nav-prev{left:10px}.carousel-nav-prev a:before{content:"\f053";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:30px;color:#333}.carousel-nav-prev a:hover:before{color:#000}.carousel-nav-next{right:10px}.carousel-nav-next a:before{content:"\f054";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:30px;color:#333}.carousel-nav-next a:hover:before{color:#000}.no-js .carousel .carousel-slide:first-child{margin-top:0;border-top:none}.no-js .carousel .carousel-slide{position:static}.no-js .carousel .carousel-nav li{display:none}.lt-ie8 .carousel-nav li{display:inline;zoom:1}.lt-ie8 .carousel-nav li.is-active a{background:#333}.lt-ie8 .carousel-nav .carousel-nav-next,.lt-ie8 .carousel-nav .carousel-nav-prev{width:19px;height:31px}.lt-ie8 .carousel-nav .carousel-nav-next a,.lt-ie8 .carousel-nav .carousel-nav-prev a{border:none;display:block;width:100%;height:100%}.lt-ie8 .carousel-nav a{display:block;zoom:1;border:2px solid #333;width:10px;height:10px}@media only screen and (max-width:768px){.carousel-cover{max-width:100%;float:none;margin:auto;display:block}.carousel-content{max-width:100%;float:none}.carousel-nav li{display:none}.carousel-nav .carousel-nav-next,.carousel-nav .carousel-nav-prev{display:block}}/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.coupons {
  padding: 10px;
  border: 1px solid #D5D1CE;
  position: relative;
  margin-bottom: 10px; }
  .coupons .couponsImage {
    float: left;
    width: 30%;
    margin-right: 10px; }
  .coupons .couponsDescription {
    float: left;
    width: 60%; }
  .coupons .couponsContainer .button, .coupons .couponsContainer a.lightbox {
    bottom: 10px;
    position: absolute;
    right: 25px; }

.overlay-content-inner a.couponCancel, .overlay-content-inner a.couponSubmit {
  background-color: #f36633;
  border-radius: 3px;
  color: white;
  padding: 8px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block; }
  .overlay-content-inner a.couponCancel:hover, .overlay-content-inner a.couponSubmit:hover {
    background-color: #939191;
    color: white; }
  .overlay-content-inner a.couponCancel:active, .overlay-content-inner a.couponSubmit:active {
    background-color: #939191;
    color: white; }
.digitalWallet .hidden {
  display: none; }
.divider{background:#333;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);background-size:100%;background-image:-moz-linear-gradient(45deg,#333,#000,#333);background-image:-webkit-linear-gradient(45deg,#333,#000,#333);background-image:linear-gradient(45deg,#333,#000,#333);height:2px;background-size:25% 100%;margin:2em 0}.divider.float-breaker{background:0 0;clear:both;margin:0;padding:0;border:0;height:auto}.divider-temp-footer{float:left;width:100%;height:1px;background:0 0;background-size:inherit;margin:1.5em 0 .8em 0}@media only screen and (min-width:768px){.divider-temp-footer{background:#999;margin:2.6em 0 1.2em 0}}.divider-sitemap{margin-top:1.4em;margin-bottom:1.422222em;background:0 0;border-top:1px dashed #ccc}.divider-sitemap:last-child{margin-bottom:2.5em}@media only screen and (min-width:768px){.divider-sitemap:last-child{margin-bottom:4.1em}}.divider-article{margin-top:.444em;margin-bottom:0;background:#f4f1ea}@media only screen and (min-width:768px){.divider-article{margin-top:2em}}.divider-prebiotic{float:left;width:100%;height:2px;background:rgba(115,115,115,.22);margin:2.6em 0 .65em 0}@media only screen and (min-width:768px){.divider-prebiotic{margin:2.9em 0 .5em 0}}.divider-product{float:left;width:100%;height:2px;background:rgba(115,115,115,.22);margin:0}.divider-product.hide-mobile{display:none}@media only screen and (min-width:768px){.divider-product.hide-mobile{display:block}}.fileList-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.fileList-date {
  margin-bottom: 10px;
  color: #868484; }

.fileList-file {
  margin-bottom: 20px;
  overflow: hidden; }

.fileList-description {
  overflow: hidden; }

.fileList-title {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.fileList-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.fileList-thumbnail {
  margin-right: 15px;
  float: left;
  max-width: 100px; }
  @media only screen and (max-width: 767px) {
    .fileList-thumbnail {
      float: none;
      margin: auto;
      display: block; } }

.fileList-download {
  text-align: right; }
  .fileList-download-size {
    display: block;
    color: #868484; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.filterableBox {
  position: relative;
  margin-left: 10px; }
  .filterableBox .filterableBox__header {
    display: flex; }
    .filterableBox .filterableBox__header .header__item {
      margin-right: 20px; }
    .filterableBox .filterableBox__header .header__searchWrapper .searchWrapper__search-box {
      height: 100%;
      padding: 0; }
    .filterableBox .filterableBox__header .header__sortMenu .sortMenu__label {
      background-color: #f36633;
      color: white;
      border: none;
      cursor: pointer;
      padding: 10px 20px;
      text-decoration: none;
      margin: auto; }
    .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
      z-index: 1;
      margin-top: 10px;
      padding-inline-start: 0; }
      .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        cursor: pointer; }
        .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item:hover {
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5); }
        .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item.active {
          font-weight: bold; }
  .filterableBox .filterableBox__content {
    margin-top: 20px; }
    .filterableBox .filterableBox__content .content__noResultFound {
      display: none; }
    .filterableBox .filterableBox__content .content {
      display: flex;
      flex-wrap: wrap; }
      .filterableBox .filterableBox__content .content .indexable-component {
        padding: 10px; }
        .filterableBox .filterableBox__content .content .indexable-component:first-child {
          margin-right: 20px; }
.flash > .component-content {
  text-align: center; }

.flash object {
  max-width: 100%; }

.flash-missing {
  margin: 0 auto; }

.flash .seoDescription {
  display: none; }
html[lang$="-CA"] [id="footer"] {
  padding-top: 0;
  padding-bottom: 0;
  z-index: 999999;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
}

html[lang$="-CA"] [id="footer"] [aria-hidden="true"] {
  display: none;
}

html[lang$="-CA"] [id="footer"] > .row {
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

html[lang$="-CA"] [id="footer"] > .row > .layout-outer {
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

html[lang$="-CA"] [id="footer"] > .row > .layout-outer > .layout-inner {
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

html[lang$="-CA"]
  [id="footer"]
  > .row
  > .layout-outer
  > .layout-inner
  > .para-footer {
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

html[lang$="-CA"] .box-outer.box-temp-footer-outer {
  background: #333;
  padding-bottom: 50px;
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

html[lang$="-CA"] .box-outer.box-temp-footer-outer > .component-content {
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  > .component-content
  > .content {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

html[lang$="-CA"] .box-outer.box-temp-footer-outer .footer-navigation {
  padding-top: 80px !important;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@media (max-width: 768px) {
  html[lang$="-CA"] .box-outer.box-temp-footer-outer .footer-navigation {
    padding-top: 62px !important;
  }
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 80px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@media (max-width: 768px) {
  html[lang$="-CA"]
    .box-outer.box-temp-footer-outer
    .footer-navigation
    > .component-content
    > .content {
    gap: 42px;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (max-width: 768px) {
  html[lang$="-CA"]
    .box-outer.box-temp-footer-outer
    .footer-navigation
    > .component-content
    > .content {
    flex-direction: column;
    align-items: flex-start;
  }
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content:before,
html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content:after {
  display: none;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box {
  min-width: 5%;
  height: fit-content;
  width: fit-content;
  display: block;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box
  > .component-content {
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box
  > .component-content
  > .content {
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.image),
html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.image)
  > .component-content,
html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.image)
  > .component-content
  > .content {
  width: fit-content;
  height: fit-content;
  display: block;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.image)
  > .component-content
  > .content
  > .image {
  width: 99.75px;
  height: 58.7px;
  display: block;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.image)
  > .component-content
  > .content
  > .image
  > .component-content {
  display: block;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.image)
  > .component-content
  > .content
  > .image
  a,
html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.image)
  > .component-content
  > .content
  > .image
  img,
html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.image)
  > .component-content
  > .content
  > .image
  picture {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.richText) {
  width: fit-content;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.richText)
  .richText {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.richText)
  .richText
  > .component-content {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.richText)
  .richText
  > .component-content
  > .richText-content {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.richText)
  .richText
  > .component-content
  > .richText-content
  > .footer-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  gap: 80px;
  height: 100%;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@media (max-width: 991px) {
  html[lang$="-CA"]
    .box-outer.box-temp-footer-outer
    .footer-navigation
    > .component-content
    > .content
    > .box:has(.richText)
    .richText
    > .component-content
    > .richText-content
    > .footer-links {
    gap: 42px;
  }
}

@media (max-width: 768px) {
  html[lang$="-CA"]
    .box-outer.box-temp-footer-outer
    .footer-navigation
    > .component-content
    > .content
    > .box:has(.richText)
    .richText
    > .component-content
    > .richText-content
    > .footer-links {
    flex-direction: column;
    gap: 42px;
  }
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.richText)
  .richText
  > .component-content
  > .richText-content
  > .footer-links
  > .footer-link-item {
  max-width: 130px;
  max-height: 32.2px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0px !important;
  margin: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.richText)
  .richText
  > .component-content
  > .richText-content
  > .footer-links
  > .footer-link-item
  > .footer-link {
  display: block;
  width: 100%;
  height: 100%;
  color: #7f7f7f;
  font-family: Lato;
  font-size: 16px;
  font-weight: 900;
  line-height: 19px;
  letter-spacing: 0 !important;
  text-align: left;
  text-transform: uppercase;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.richText)
  .richText
  > .component-content
  > .richText-content
  > .footer-links
  > .footer-link-item
  > .footer-link:hover,
html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.richText)
  .richText
  > .component-content
  > .richText-content
  > .footer-links
  > .footer-link-item
  > .footer-link:active,
html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .footer-navigation
  > .component-content
  > .content
  > .box:has(.richText)
  .richText
  > .component-content
  > .richText-content
  > .footer-links
  > .footer-link-item
  > .footer-link:focus {
  color: #00ad42;
  text-decoration: underline;
  box-shadow: none !important;
}

html[lang$="-CA"] .box-outer.box-temp-footer-outer .divider-temp-footer {
  background: #7f7f7f;
  margin: 55px -15px 41px -15px;
  width: 100%;
  border: 1px solid #7f7f7f;
}

@media (max-width: 991px) {
  html[lang$="-CA"] .box-outer.box-temp-footer-outer .divider-temp-footer {
    margin: 39px 23px 41px 23px;
    width: 95%;
  }
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .box-haleon-footer.box-temp-footer-second {
  margin: 0 auto;
  max-width: 818px;
  float: left;
  height: 100%;
  width: 100%;
  position: relative;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .box-haleon-footer.box-temp-footer-second
  > .component-content,
html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .box-haleon-footer.box-temp-footer-second
  > .component-content
  > .content {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .box-haleon-footer.box-temp-footer-second
  .rct-temp-footer-disclamer {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .box-haleon-footer.box-temp-footer-second
  .rct-temp-footer-disclamer
  > .component-content,
html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .box-haleon-footer.box-temp-footer-second
  .rct-temp-footer-disclamer
  > .component-content
  .box-outer.box-temp-footer-outer
  .box-haleon-footer.box-temp-footer-second
  .rct-temp-footer-disclamer
  > .component-content
  > .richText-content {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

html[lang$="-CA"]
  .box-outer.box-temp-footer-outer
  .box-haleon-footer.box-temp-footer-second
  .rct-temp-footer-disclamer
  > .component-content
  > .richText-content
  p {
  width: 100%;
  height: fit-content;
  color: #7f7f7f;
  font-family: Lato;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0 !important;
  text-align: center;
  margin: 10px 0px;
}

@media (max-width: 991px) {
  html[lang$="-CA"]
    .box-outer.box-temp-footer-outer
    .box-haleon-footer.box-temp-footer-second
    .rct-temp-footer-disclamer
    > .component-content
    > .richText-content
    p {
    font-size: 14px;
    margin: 5px 0px;
    padding: 0px 23px;
  }
}
.form-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.form form {
  margin: 0 0 20px; }

.form fieldset {
  background-color: #e1e1e1;
  border: solid 2px #323131;
  padding: 13px;
  margin: 15px 0; }

.form label,
.form input,
.form button,
.form select,
.form textarea {
  font-size: 14px; }

.form select,
.form textarea,
.form input {
  width: 100%;
  max-width: 250px;
  padding: 4px 6px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #323131;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #e1e1e1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s; }
  .form select:focus,
  .form textarea:focus,
  .form input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
    .form select:focus:invalid,
    .form textarea:focus:invalid,
    .form input:focus:invalid {
      color: red;
      border-color: #ff6666; }

.form legend {
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
  padding: 0 5px;
  display: block;
  margin-right: 10px; }

.form textarea {
  height: auto;
  resize: vertical; }

.form label {
  display: block;
  margin-bottom: 5px; }

.form select {
  max-width: 260px; }
  .form select[multiple], .form select[size] {
    height: auto; }

.form input {
  height: 20px; }
  .form input[type="radio"], .form input[type="checkbox"] {
    width: auto;
    height: auto;
    box-shadow: none; }

.form .control-label {
  padding: 5px 0; }

.form .control-group {
  margin-bottom: 10px; }

.no-js .clearButton {
  display: none; }

.hiddenField {
  display: none; }

.control-tooltip {
  display: none;
  padding: 0 10px;
  max-width: 200px;
  margin-left: 5px;
  position: absolute;
  z-index: 1;
  background-color: #ddd;
  left: 100%;
  top: 0; }
  .control-tooltip:after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 100%;
    top: 10px;
    display: inline-block;
    border: solid transparent;
    height: 0;
    width: 0;
    border-right-color: #ddd;
    border-width: 5px;
    margin-top: -5px; }
  .control-tooltip-container {
    position: relative;
    display: inline-block; }
  .control-tooltip-button:hover + .control-tooltip, .control-tooltip:hover {
    display: block; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.hidden-password-field {
  display: none; }

.gigya-screen .default-submit-button input[type=submit] {
  background-color: #f36633; }
.image .right{text-align:right}.image .left{text-align:left}.image .component-content,.image .middle{text-align:center}.desktop-image,.img-product-top.img-powder-mob-2 figure img{display:none}.inner-article-image-yellow .span-article-second-line,.mobile-image,.span-article-second-line{display:block}.banner-image,.banner-image img,.banner-image-mobile,.banner-image-mobile img,.img-product-header-desk,.img-product-top figure,.img-product-top.img-powder-mob-2 figure,.product-callout-image,.product-image img{float:left;width:100%}.product-image{position:absolute;left:14%;bottom:-4.5em;width:27%}.img-la-gut-health-bg,.inner-article-image{width:100%;position:relative}.img-la-gut-health-bg figure img,.inner-article-image figure img{width:100%;display:block}.img-la-gut-health-bg figure figcaption,.inner-article-image figure figcaption{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4)}.hover-image.img-la-gut-health-bg figure figcaption,.inner-article-image.hover-image figure figcaption{background:rgba(0,0,0,.6)}.icon-image,.img-la-gut-health-icon{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;padding-top:5.76em}.icon-image figure img,.img-la-gut-health-icon figure img{width:23.5%}.icon-image figcaption,.img-la-gut-health-icon figcaption{margin-top:.45em}.icon-image p,.img-la-gut-health-icon p{margin:0;line-height:1.27273}.icon-image p:nth-child(2),.img-la-gut-health-icon p:nth-child(2){font-size:.94445em;width:91%;margin:0 auto;color:#fff;font-weight:400}.icon-image strong,.img-la-gut-health-icon strong{font-weight:400;font-size:1.94444em;font-family:"Just Another Hand";letter-spacing:.03em;color:#fff;line-height:1;display:block;margin-bottom:.15em}@media only screen and (min-width:768px){.desktop-image{display:block}.mobile-image{display:none}.product-image{left:47.3%;bottom:-1.3em;width:9%}.icon-image,.img-la-gut-health-icon{padding-top:4.76em}.icon-image figure img,.img-la-gut-health-icon figure img{width:auto}.icon-image p:nth-child(2),.img-la-gut-health-icon p:nth-child(2){font-size:.94445em;width:91%}.icon-image strong,.img-la-gut-health-icon strong{font-size:1.94444em}}@media only screen and (min-width:992px){.icon-image,.img-la-gut-health-icon{padding-top:8.76em}.icon-image p:nth-child(2),.img-la-gut-health-icon p:nth-child(2){font-size:1em;width:100%}.icon-image strong,.img-la-gut-health-icon strong{font-size:2.44444em}}.img-la-gut-health-icon{padding-top:4em}.img-la-gut-health-icon figcaption{margin-top:0}.img-icon-digestive-article figcaption p>a.read-article-txt,.img-la-gut-health-icon p,.inner-article-image-yellow figcaption p,.product-callout-image figure figcaption p{margin:0}.inner-article-image-yellow{background:#fffb7f;padding-top:1.25em;padding-bottom:1.44em;cursor:pointer}.inner-article-image-yellow:hover{background:#faf66b}.inner-article-image-yellow.mobile-image img{width:50%}.inner-article-image-yellow figcaption{margin-top:1.22em}.inner-article-image-yellow.inner-article-image figcaption{width:85%;margin:0 auto}.inner-article-image-yellow figcaption p strong{font-weight:900;font-size:.94445em;font-family:Lato,sans-serif;color:#000;display:block;margin:0 auto .15em;line-height:1.15}.inner-article-image-yellow.image-article-gut-flora figcaption p>strong{width:8em}.inner-article-image-yellow.image-article-gut-flora figcaption p>strong .span-article-second-line{display:inline}.product-callout-image figure figcaption{width:100%;margin:0 auto}.product-callout-image figure figcaption p strong{font-size:1.11111em;font-weight:900;line-height:1.27273;display:block;margin-bottom:.39em}.product-callout-image figure figcaption p:nth-child(2){font-size:.9444445em}.product-callout-image:last-child figure figcaption{width:100%;margin:-12px auto 0}.product-callout-image.home-product-img-left figure figcaption{position:relative;top:-1.5em}.product-callout-image.home-product-img-right:last-child figure figcaption{width:100%;margin:0 auto;position:relative;top:-.95em}.box-images-comparison{width:100%;float:left;margin-top:.25em}.box-images-comparison figure figcaption p{font-family:"Just Another Hand";font-size:.8055555555555556em;letter-spacing:.003em;margin-top:.15em;line-height:1.1}.box-images-comparison .img-compare-one,.box-images-comparison .img-compare-three,.box-images-comparison .img-compare-two{float:left;width:24%}.box-images-comparison .img-compare-two{margin:0 2em}@media only screen and (min-width:768px){.img-la-gut-health-icon{padding-top:2.5em}.inner-article-image-yellow{padding-top:3.7em;padding-bottom:4.44em}.inner-article-image-yellow figcaption p strong,.product-callout-image figure figcaption p strong{font-size:1.44444em}.inner-article-image-yellow.inner-article-image figcaption{width:95%;margin:0 auto}.inner-article-image-yellow.image-article-gut-flora figcaption p>strong{width:auto}.inner-article-image-yellow.image-article-gut-flora figcaption p>strong .span-article-second-line{display:block}.product-callout-image figure figcaption{width:82%}.product-callout-image figure figcaption p:nth-child(2){font-size:1em}.product-callout-image:last-child figure figcaption{width:69%;margin:0 auto}.product-callout-image.home-product-img-left figure figcaption{position:static;top:auto}.product-callout-image.home-product-img-right:last-child figure figcaption{width:69%;margin:0 auto;position:static;top:auto}.box-images-comparison figure figcaption p{font-size:1.22222em}.box-images-comparison .img-compare-one,.box-images-comparison .img-compare-three,.box-images-comparison .img-compare-two{width:24%}.box-images-comparison .img-compare-two{margin:0 1.14em}.img-product-header-desk{width:29.4%;margin-top:5.58em}}.img-product-header-mob{width:86%;margin-left:0;margin-top:2em;float:left}.img-product-top{float:left;width:100%;margin-top:1em}.img-product-top figure img{width:81%;position:relative;left:-15%}.img-product-top figure figcaption{float:left;width:100%;text-align:left}.img-product-top figure figcaption h3{font-size:1.5em;font-weight:900;color:#009638;margin-bottom:0;margin-top:1.3em;text-align:center}.img-product-top figure figcaption h3+p{margin-top:.7em}.img-product-top figure figcaption p{margin-bottom:1.55em;font-size:.94445em;text-align:center}.img-product-top figure figcaption p:last-child{margin-top:2.5em}.img-product-top.img-powder-mob-2{margin-top:2em}.img-bottle-benfiber{float:left;position:relative;left:-11%;width:81%}@media only screen and (min-width:480px){.img-bottle-benfiber{left:-3%}}.img-bottle-benfiber.img-healthy-shape{left:-2%;width:81%}.img-icon-digestive-article{background-color:#f4f1ea;float:left;width:100%;padding:1.45em 0 2.5em}.img-icon-digestive-article figure>a{width:4.5em;height:4.5em;border-radius:50%;display:inline-block;background:#fff;box-sizing:border-box;overflow:hidden;line-height:3.5}.img-icon-digestive-article figure>a>img{padding:.5em;width:85%;margin:auto;vertical-align:middle;display:inline-block}.img-icon-digestive-article figcaption p{font-weight:400;padding:0 .3em;line-height:1.2}.img-icon-digestive-article figcaption p>strong{font-family:"Just Another Hand";font-size:1.944444444444444em;font-weight:400}.img-icon-digestive-article figcaption p>a{font-size:.6111111111111111em;font-weight:400}.img-icon-digestive-article figcaption p:first-of-type{padding:0 1.8em}.img-icon-digestive-article figcaption p:last-of-type{margin:-7px auto 0}@media only screen and (min-width:768px){.img-product-header-desk img{position:relative;left:-.25em}.img-product-header-desk.img-product-healthy-shape{width:21%;margin-top:5.58em}.img-product-header-desk.img-product-healthy-shape img{position:relative;top:.2em}.img-product-top{width:51.1%;margin-top:3.85em}.img-product-top figure img{float:left;margin-left:2%;width:auto;left:-9%;margin-top:1.2em}.img-product-top figure figcaption h3{text-align:left}.img-product-top figure figcaption p{width:74%;font-size:1em;text-align:left}.img-product-top.img-powder-mob-2{margin-top:3.85em}.img-bottle-benfiber,.img-bottle-benfiber.img-healthy-shape{width:35.1%;position:static;left:auto}.img-bottle-benfiber>.component-content{text-align:right}.img-bottle-benfiber__healthy-shape{width:28%}.img-icon-digestive-article figure>a{width:6.3em;height:6.3em;line-height:5.5}.img-icon-digestive-article figcaption p>strong{font-size:2.44444em}.img-icon-digestive-article figcaption p>a{font-size:.77778em}.img-icon-digestive-article figcaption p>a.read-article-txt{margin-top:1.1em}.img-icon-digestive-article figcaption p:first-of-type{padding:0 .3em;margin:.8em auto .2em}.img-icon-digestive-article figcaption p:last-of-type{margin:.4em auto .2em}.img-icon-digestive-article p{width:88%;margin:.4em auto .2em;padding:0;line-height:1.15}.img-icon-digestive-article.health-img{padding-top:4.8em}}@media only screen and (min-width:959px){.box-images-comparison .img-compare-two{margin:0 2.66em}.img-icon-digestive-article p{width:64%}.img-icon-digestive-article{padding:1.6em 0 2em}}.img-icon-digestive-article.img-icon-fiber-intake{padding-top:4.7em}.img-icon-digestive-article__health{padding:1.45em 0 3.2em;cursor:pointer}.img-icon-digestive-article__health figure img{width:4.35em}.img-icon-digestive-article__health figcaption p{width:64%;margin:0 auto}.img-icon-digestive-article__health figcaption p:first-of-type{padding:1.2em 0;color:#000}.img-icon-digestive-article__health figcaption p .article-learn-more-txt,.img-icon-digestive-article__health figcaption p .article-learn-more-txt::after{color:#009638}.img-icon-digestive-article.img-icon-fiber-intake figure a{line-height:3.5}.img-icon-digestive-article.img-icon-fiber-intake figure a img{width:54%}.img-icon-digestive-article:hover{background:rgba(150,147,140,.4)}@media only screen and (min-width:768px){.img-icon-digestive-article.health-img figcaption p:first-of-type{margin-bottom:0}.img-icon-digestive-article.health-img figcaption p:nth-child(2){width:82%;margin-top:0;line-height:1.5}.img-icon-digestive-article.img-icon-fiber-intake{padding-top:4.5em}.img-icon-digestive-article.img-icon-fiber-intake figcaption p:first-of-type{margin-top:.95em}.img-icon-digestive-article__health figure img{width:auto}.img-icon-digestive-article__health figcaption p:first-of-type{padding:0}.img-icon-digestive-article__health figcaption p{width:72%}.img-icon-digestive-article__health{padding:1.6em 0 2em}.img-icon-digestive-article.img-icon-fiber-intake figure a{line-height:6.5}.img-icon-digestive-article.img-icon-fiber-intake figure a img{width:43%}.img-icon-digestive-article.img-icon-fiber-intake figure a.read-article-txt{margin-top:0;line-height:1.5;padding-top:1.6em}.img-icon-digestive-article.img-icon-fiber-intake:hover{min-height:21.2em}}@media only screen and (min-width:963px){.img-icon-digestive-article.img-icon-fiber-intake:hover{min-height:26.7em}}@media only screen and (min-width:992px){.img-la-gut-health-icon{padding-top:4em}.inner-article-image-yellow.inner-article-image figcaption{width:80%;margin:0 auto}.box-images-comparison .img-compare-one,.box-images-comparison .img-compare-three,.box-images-comparison .img-compare-two{width:22%}.box-images-comparison .img-compare-two{margin:0 3.66em}.box-images-comparison .img-compare-two__swap-out{margin:0 3.495em}.box-images-comparison .img-compare-two__swap-in{margin:0 2.65em}.img-bottle-benfiber,.img-bottle-benfiber.img-healthy-shape{width:35.1%}.img-icon-digestive-article.img-icon-fiber-intake{padding-top:6.4em}.img-icon-digestive-article.img-icon-fiber-intake:hover{min-height:27.3em}}.imageGallery > .component-content {
  padding: 13px;
  border: solid 2px #323131;
  background-color: #e1e1e1; }

.imageGallery .gallery-play {
  color: #323131; }

.imageGallery-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.imageGallery-description {
  margin: 15px 0; }

.imageGallery-thumbnails {
  position: relative;
  margin: 20px 0; }

.imageGallery-thumbnail, .imageGallery-view {
  cursor: pointer; }

.imageGallery.is-playing .imageGallery-view-overlay:before {
  content: "\f04c";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  text-indent: 0; }

.imageGallery-arrow, .imageGallery-arrow.is-disabled:hover {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 35px;
  height: 60px;
  padding: 0;
  border: 0;
  box-sizing: content-box;
  background: none;
  cursor: pointer;
  font: 0/0 serif;
  color: transparent; }
  .imageGallery-arrow:before, .imageGallery-arrow.is-disabled:hover:before {
    position: absolute;
    margin-top: 15px;
    color: #b9b8b8; }

.imageGallery-arrow {
  text-align: center; }
  .imageGallery-arrow.is-disabled {
    opacity: 0.5; }
  .imageGallery-arrow:hover:before {
    color: #939191; }
  .imageGallery-arrow-left, .imageGallery-arrow-left.is-disabled:hover {
    left: 0; }
    .imageGallery-arrow-left:before, .imageGallery-arrow-left.is-disabled:hover:before {
      content: "\f053";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      font-size: 30px; }
  .imageGallery-arrow-right, .imageGallery-arrow-right.is-disabled:hover {
    right: 0; }
    .imageGallery-arrow-right:before, .imageGallery-arrow-right.is-disabled:hover:before {
      content: "\f054";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      font-size: 30px; }

.imageGallery-thumbnail {
  position: relative;
  display: block;
  float: left;
  padding: 0;
  margin: 0 9px;
  border: solid 4px #323131;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  opacity: .7;
  transition: opacity .2s; }
  .imageGallery-thumbnail a {
    display: block; }
  .imageGallery-thumbnail-image {
    position: relative;
    margin: 2px;
    border: solid 2px #323131; }
    .imageGallery-thumbnail-image img {
      display: block;
      width: 63px;
      height: 52px;
      margin: 0 auto; }
  .imageGallery-thumbnail-cover {
    display: block;
    max-width: none; }
  .imageGallery-thumbnail-title {
    display: block;
    margin: 10px auto 0 auto;
    width: 71px;
    font-size: 11px; }
  .imageGallery-thumbnail.is-active .imageGallery-thumbnail-overlay {
    opacity: 0;
    transition: opacity .5s; }
  .imageGallery-thumbnail-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -14px 0 0 -15px;
    height: 28px;
    width: 30px;
    cursor: pointer;
    opacity: 0.7; }
    .imageGallery-thumbnail-overlay:before {
      display: inline-block;
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      content: "\f04b";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      font-size: 15px;
      border-radius: 50%;
      border: 3px solid #323131;
      text-indent: 7px;
      background: white;
      text-align: center;
      line-height: 24px; }
  .imageGallery-thumbnail.is-active, .imageGallery-thumbnail:hover {
    opacity: 1; }

.imageGallery-list {
  overflow: hidden;
  margin: 0 50px;
  position: relative; }
  .imageGallery-list li:hover .image,
  .imageGallery-list li.active .image {
    margin: 0;
    border: solid 4px #323131; }
  .imageGallery-list-inner {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 4000px;
    overflow: hidden;
    list-style: none; }

.imageGallery-view {
  position: relative;
  margin-bottom: 10px;
  border: solid 2px #323131;
  overflow: hidden;
  text-align: center;
  background: white; }
  .imageGallery-view img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%; }
  .imageGallery-view:hover-overlay {
    opacity: 0.7; }
  .imageGallery-view-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -36px;
    width: 73px;
    height: 69px;
    cursor: pointer;
    transition: opacity .5s;
    opacity: 0; }
    .imageGallery-view-overlay:hover {
      opacity: 1;
      text-decoration: none; }
    .imageGallery-view-overlay:before {
      display: inline-block;
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      content: "\f04b";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      background: white;
      border: 3px solid #323131;
      border-radius: 50%;
      font-size: 30px;
      text-indent: 5px;
      text-align: center;
      line-height: 65px; }

.mod-js .imageGallery-thumbnail {
  padding: 0; }
  .mod-js .imageGallery-thumbnail .imageGallery-thumbnails {
    position: relative; }

.no-js .imageGallery-view {
  display: none; }

.no-js .imageGallery-list {
  margin: 0; }

.no-js .imageGallery-arrow {
  display: none; }

.no-js .imageGallery-thumbnail {
  float: none;
  border: 0;
  opacity: 1;
  overflow: hidden; }
  .no-js .imageGallery-thumbnail img {
    width: auto;
    height: auto; }
  .no-js .imageGallery-thumbnail a:after {
    display: block;
    padding: 10px 0 30px;
    content: attr(data-description);
    text-align: left; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.locationfinder input[type=text] {
  font-family: arial;
  font-size: 12px;
  border: 1px solid #D5D1CE;
  display: inline;
  float: left;
  height: 12px;
  padding: 8px;
  width: 27%; }
  @media only screen and (max-width: 767px) {
    .locationfinder input[type=text] {
      width: 60%;
      margin-bottom: 20px; } }

.locationfinder .button {
  padding: 8px;
  background-image: url(../../img/Search-icon.png);
  background-repeat: no-repeat;
  border: none;
  margin-right: 20px;
  width: 30px;
  height: 30px; }
  @media only screen and (max-width: 767px) {
    .locationfinder .button {
      margin-right: 24%;
      margin-bottom: 20px; } }

.locationfinder .locationFinder-selectOption {
  width: 7%;
  border: 1px solid #D5D1CE;
  height: 30px;
  margin-left: 10px;
  margin-right: 20px; }
  @media only screen and (max-width: 767px) {
    .locationfinder .locationFinder-selectOption {
      width: 20%;
      margin-left: 0px;
      margin-right: 15px; } }

.locationfinder .locationFinder-selectOption1 {
  height: 30px;
  margin-left: 15px;
  width: 15%; }
  @media only screen and (max-width: 767px) {
    .locationfinder .locationFinder-selectOption1 {
      width: 40%;
      margin-left: 0px; } }

.locationfinder .locationFinder-loadMore .loadMore {
  background-color: #f36633;
  border-radius: 3px;
  color: white;
  padding: 8px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block; }
  .locationfinder .locationFinder-loadMore .loadMore:hover {
    background-color: #939191;
    color: white; }
  .locationfinder .locationFinder-loadMore .loadMore:active {
    background-color: #939191;
    color: white; }
.map-canvas {
  margin-bottom: 10px;
  border: solid 2px #323131;
  text-align: center; }
  .map-canvas img {
    width: 100%;
    max-width: inherit; }

.no-js .map-canvas img {
  width: 100%;
  max-width: 640px; }

.navigation-mobile-menu{display:none}.no-js .navigation-level1>.navigation-branch{display:block}.no-js .navigation-root.navigation-branch.navigation-level1{display:block}.no-js .navigation-vertical .navigation-item .navigation-branch.navigation-level2{display:block}.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2{display:block;margin:0 0 -2px 0;border-left:none;border-right:none;position:static}.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2>.navigation-item{float:none}.navigation-branch{overflow:visible;margin:0;padding:0;list-style:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.navigation-branch.navigation-level1{border:none;display:block;float:none;width:87.5%;margin:0 auto}@media only screen and (min-width:768px){.navigation-branch.navigation-level1{float:right;width:auto;margin:0}}.navigation-item>.navigation-item-title{display:block;text-decoration:none}.navigation-item>a.navigation-item-title:hover{text-decoration:none}.navigation-item>span.navigation-item-title{cursor:default}.navigation-item.has-active-child>.navigation-item-title,.navigation-item.is-active>.navigation-item-title{text-decoration:none}.navigation-item.is-open>.navigation-branch,.no-js .navigation-item:hover>.navigation-branch{display:block}.navigation-item.navigation-level1{float:left;position:relative;padding:1em 0 1.3em 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border-bottom:1px solid #009638}@media only screen and (min-width:768px){.navigation-item.navigation-level1{width:auto;border-bottom:none;padding:0}}.navigation-item.navigation-level1>.navigation-item-title{text-decoration:none;padding:0 4em 0 0;background-image:none;font-size:15px;font-weight:900;color:#333;position:relative;margin-top:0;margin-left:0;display:inline-block}.navigation-item.navigation-level1>.navigation-item-title:focus,.navigation-item.navigation-level1>.navigation-item-title:hover{color:#333}@media only screen and (min-width:768px){.navigation-item.navigation-level1>.navigation-item-title{text-decoration:none;padding:.96em 50px 1em 30px;background-image:none;font-size:.66667em;font-weight:900;color:#333;position:relative;margin-top:1.4em;margin-left:0}.navigation-item.navigation-level1>.navigation-item-title:focus,.navigation-item.navigation-level1>.navigation-item-title:hover{color:#009638}}.navigation-item.navigation-level1>a.navigation-item-title:hover{text-decoration:none}.navigation-item.navigation-level1.has-active-child>.navigation-item-title,.navigation-item.navigation-level1.is-active>.navigation-item-title{text-decoration:none}@media only screen and (min-width:768px){.navigation-item.navigation-level1.is-active>a{background:0 0;color:#009638}.navigation-item.navigation-level1.is-active>a::after{content:"";width:69%;height:2px;background:#009638;position:absolute;left:15%;top:2.3em;right:auto;margin:0 auto} .navigation-item.navigation-level1.is-open>a{background:#eff0f1;color:#009638}.navigation-item.navigation-level1.is-open>a::after{content:"";width:69%;height:2px;background:#009638;position:absolute;left:15.5%;top:2.3em;right:auto;margin:0 auto}.navigation-item.navigation-level1.has-children.is-open>a{background:#eff0f1;color:#009638}.navigation-item.navigation-level1.has-children.is-open>a::after{content:"";width:69%;height:2px;background:#009638;position:absolute;left:15%;top:2.3em;right:auto;margin:0 auto}}@media only screen and (min-width:768px){.navigation-item.navigation-level1.has-active-child>a{background:0 0;color:#009638}.navigation-item.navigation-level1.has-active-child>a::after{content:"";width:69%;height:2px;background:#009638;position:absolute;left:15%;top:2.3em;right:auto;margin:0 auto}}.navigation-item.navigation-level1::before{content:"";background:0 0}@media only screen and (min-width:768px){.navigation-item.navigation-level1::before{background:#333;position:absolute;right:0;top:22px;width:1px;height:17px}.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2{min-width:100%;position:absolute;top:50px;left:0;display:block;padding:0 4% 1.1em 15%;background:#eff0f1}}.navigation-item.navigation-level1:nth-child(3)::before{content:"";background:0 0}.navigation-item.navigation-level1.hide-bar::before{background:0 0}.navigation-branch.navigation-level2{display:none}.mod-touch .navigation-horizontal .navigation-item .is-open.navigation-branch.navigation-level2{display:block;position:relative;top:0;left:0}.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2{overflow:hidden}.mod-touch .navigation-horizontal .navigation-item.navigation-level2:first-child{border-top:none}.mod-touch .navigation-horizontal .navigation-item .navigation-level2 .navigation-item{width:100%}.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item{float:none}.navigation-horizontal .navigation-item .navigation-branch.navigation-level2,.navigation-horizontal .navigation-item .navigation-branch.navigation-level3{display:none}.navigation-horizontal .navigation-item .navigation-branch.navigation-level2.show-menu{display:block}.navigation-horizontal .navigation-item.is-open>.navigation-branch.navigation-level2 .navigation-item,.navigation-horizontal .navigation-item.is-open>.navigation-branch.navigation-level3 .navigation-item{float:none}.navigation-horizontal .navigation-item.navigation-level2{padding:.55em 0 .4em 0;margin-top:.4em}@media only screen and (min-width:768px){.navigation-horizontal .navigation-item.navigation-level2{border-bottom:1px solid rgba(51,51,51,.2);margin-top:0}.navigation-horizontal .navigation-item.navigation-level2:first-child{border-top:none}}.navigation-horizontal .navigation-item.navigation-level2>.navigation-item-title{display:inline-block;font-size:.77778em;font-weight:400;color:#333}@media only screen and (min-width:768px){.navigation-horizontal .navigation-item.navigation-level2>.navigation-item-title{font-size:.66667em}.navigation-horizontal .navigation-item.is-open>.navigation-branch.navigation-level2,.navigation-horizontal .navigation-item.is-open>.navigation-branch.navigation-level3{display:block;float:none;min-width:100%;position:absolute;top:50px;left:0;display:block;padding:0 4% 1.1em 15%;background:#eff0f1}}.navigation-horizontal .navigation-item.navigation-level2>.navigation-item-title>sup{text-decoration:none;display:inline-block}.navigation-horizontal .navigation-item.navigation-level2>.navigation-item-title:focus,.navigation-horizontal .navigation-item.navigation-level2>.navigation-item-title:hover{color:#009638;text-decoration:none}@media only screen and (min-width:768px){.navigation-horizontal .navigation-item.navigation-level2>.navigation-item-title:focus,.navigation-horizontal .navigation-item.navigation-level2>.navigation-item-title:hover{text-decoration:underline}}.navigation-horizontal .navigation-item.navigation-level2>.navigation-item-title:focus>sup,.navigation-horizontal .navigation-item.navigation-level2>.navigation-item-title:hover>sup{text-decoration:none;display:inline-block}.navigation-horizontal .navigation-item.navigation-level2:first-child{display:block}@media only screen and (min-width:768px){.navigation-horizontal .navigation-item.navigation-level2:first-child{display:none}}.navigation-horizontal .has-children>.navigation-item-title{padding:0 4em 0 0;background-image:none;font-size:15px;font-weight:900;color:#333;position:relative;margin-top:0;margin-left:0;display:inline-block}.navigation-horizontal .has-children>.navigation-item-title:focus,.navigation-horizontal .has-children>.navigation-item-title:hover{color:#333}@media only screen and (min-width:768px){.navigation-horizontal .has-children>.navigation-item-title{padding:.96em 53px 1em 30px;background-image:none;font-size:.66667em;font-weight:900;color:#333;position:relative;margin-top:1.4em;margin-left:0;letter-spacing:.041em}.navigation-horizontal .has-children>.navigation-item-title:focus,.navigation-horizontal .has-children>.navigation-item-title:hover{color:#009638}}.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration{height:41px;width:41px;position:absolute;right:1.6em;top:-.55em;text-align:center;line-height:41px;outline:0}@media only screen and (min-width:768px){.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration{top:-1px;right:5px}}@media only screen and (min-width:1200px){.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration{top:.2em}}.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration:after{content:"\f107";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:41px;height:41px;display:block;position:absolute;top:0;right:0;text-align:center;font-size:1.5em;font-weight:700}@media only screen and (min-width:768px){.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration:after{font-size:1.3em}}@media screen and (-webkit-min-device-pixel-ratio:0){.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration ::i-block-chrome,.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration:after{font-weight:400}}@media only screen and (-webkit-min-device-pixel-ratio:0) and (min-width:768px){.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration ::i-block-chrome,.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration:after{font-size:1.5em;font-weight:400}}.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration.up-arrow:after{content:"\f106";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.5em;font-weight:700}@media only screen and (min-width:768px){.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration.up-arrow:after{font-size:1.3em}}.navigation-horizontal .has-children>.navigation-item-title:hover{background:0 0}@media only screen and (min-width:768px){.navigation-horizontal .has-children>.navigation-item-title:hover{background:#eff0f1}}@media only screen and (min-width:768px){.nav-temp-header-second{position:relative;right:-.5em}}@media only screen and (min-width:959px){.nav-temp-header-second{right:-.6em}}@media only screen and (min-width:992px){.nav-temp-header-second{right:-1.6em}}@media only screen and (min-width:1200px){.nav-temp-header-second{right:-1.7em}}@media only screen and (min-width:768px){.nav-temp-header-second .navigation-branch.navigation-level1>.navigation-item.navigation-level1:nth-child(3)>.navigation-item-title{padding:.96em 35px 1em 30px}.nav-temp-header-second .navigation-branch.navigation-level1>.navigation-item.navigation-level1:nth-child(3)>.navigation-item-title .navigation-item-decoration{right:0}}@media only screen and (min-width:992px){.nav-temp-header-second .navigation-branch.navigation-level1>.navigation-item.navigation-level1:nth-child(3)>.navigation-item-title{padding:.96em 50px 1em 30px}.nav-temp-header-second .navigation-branch.navigation-level1>.navigation-item.navigation-level1:nth-child(3)>.navigation-item-title .navigation-item-decoration{right:1.2em}}.nav-temp-header-second .navigation-branch.navigation-level1>.navigation-item.navigation-level1:last-child{display:block!important}@media only screen and (min-width:768px){.nav-temp-header-second .navigation-branch.navigation-level1>.navigation-item.navigation-level1:last-child{display:none!important}}
.navigation-horizontal .navigation-item.navigation-level2.page-benefiber-powder{
    display: block!important;
 }

.navigation-mobile-menu {
  display: none;
}
.no-js .navigation-level1 > .navigation-branch {
  display: block;
}
.no-js .navigation-root.navigation-branch.navigation-level1 {
  display: block;
}
.no-js
  .navigation-vertical
  .navigation-item
  .navigation-branch.navigation-level2 {
  display: block;
}
.no-js
  .navigation-horizontal
  .navigation-item
  .navigation-branch.navigation-level2 {
  display: block;
  margin: 0 0 -2px 0;
  border-left: none;
  border-right: none;
  position: static;
}
.no-js
  .navigation-horizontal
  .navigation-item
  .navigation-branch.navigation-level2
  > .navigation-item {
  float: none;
}
.navigation-branch {
  overflow: visible;
  margin: 0;
  padding: 0;
  list-style: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.navigation-branch.navigation-level1 {
  border: none;
  display: block;
  float: none;
  width: 87.5%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .navigation-branch.navigation-level1 {
    float: right;
    width: auto;
    margin: 0;
  }
}
.navigation-item > .navigation-item-title {
  display: block;
  text-decoration: none;
}
.navigation-item > a.navigation-item-title:hover {
  text-decoration: none;
}
.navigation-item > span.navigation-item-title {
  cursor: default;
}
.navigation-item.has-active-child > .navigation-item-title,
.navigation-item.is-active > .navigation-item-title {
  text-decoration: none;
}
.navigation-item.is-open > .navigation-branch,
.no-js .navigation-item:hover > .navigation-branch {
  display: block;
}
.navigation-item.navigation-level1 {
  float: left;
  position: relative;
  padding: 1em 0 1.3em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #009638;
}
@media only screen and (min-width: 768px) {
  .navigation-item.navigation-level1 {
    width: auto;
    border-bottom: none;
    padding: 0;
  }
}
.navigation-item.navigation-level1 > .navigation-item-title {
  text-decoration: none;
  padding: 0 4em 0 0;
  background-image: none;
  font-size: 15px;
  font-weight: 900;
  color: #333;
  position: relative;
  margin-top: 0;
  margin-left: 0;
  display: inline-block;
}
.navigation-item.navigation-level1 > .navigation-item-title:focus,
.navigation-item.navigation-level1 > .navigation-item-title:hover {
  color: #333;
}
@media only screen and (min-width: 768px) {
  .navigation-item.navigation-level1 > .navigation-item-title {
    text-decoration: none;
    padding: 12px 28px 16px 28px ;
    background-image: none;
    font-size: 12px;
    font-weight: 900;
    color: #333;
    position: relative;
    margin-top: 1.4em;
    margin-left: 0;
    line-height: 12px;
  }
  .navigation-item.navigation-level1 > .navigation-item-title:focus,
  .navigation-item.navigation-level1 > .navigation-item-title:hover {
    color: #009638;
  }
}
.navigation-item.navigation-level1 > a.navigation-item-title:hover {
  text-decoration: none;
}
.navigation-item.navigation-level1.has-active-child > .navigation-item-title,
.navigation-item.navigation-level1.is-active > .navigation-item-title {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .navigation-item.navigation-level1.is-active > a {
    background: 0 0;
    color: #009638;
  }
  .navigation-item.navigation-level1.is-active > a::after {
    content: "";
    width: 69%;
    height: 2px;
    background: #009638;
    position: absolute;
    left: 15%;
    top: 2.3em;
    right: auto;
    margin: 0 auto;
  }
  .navigation-item.navigation-level1.is-open > a {
    background: #eff0f1;
    color: #009638;
  }
  .navigation-item.navigation-level1.is-open > a::after {
    content: "";
    width: 69%;
    height: 2px;
    background: #009638;
    position: absolute;
    left: 15.5%;
    top: 2.3em;
    right: auto;
    margin: 0 auto;
  }
  .navigation-item.navigation-level1.has-children.is-open > a {
    background: #eff0f1;
    color: #009638;
  }
  .navigation-item.navigation-level1.has-children.is-open > a::after {
    content: "";
    width: 69%;
    height: 2px;
    background: #009638;
    position: absolute;
    left: 15%;
    top: 2.3em;
    right: auto;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .navigation-item.navigation-level1.has-active-child > a {
    background: 0 0;
    color: #009638;
  }
  .navigation-item.navigation-level1.has-active-child > a::after {
    content: "";
    width: 69%;
    height: 2px;
    background: #009638;
    position: absolute;
    left: 15%;
    top: 2.3em;
    right: auto;
    margin: 0 auto;
  }
  .navigation-horizontal .navigation-item.navigation-level2 > .navigation-item-title{
    font-size: 12px;
    line-height: 20px;
  }
}
.navigation-item.navigation-level1::before {
  content: "";
  background: 0 0;
}
@media only screen and (min-width: 768px) {
  .navigation-item.navigation-level1::before {
    background: #333;
    position: absolute;
    right: 0;
    top: 26px;
    width: 1px;
    height: 17px;
  }
  .mod-no-touch
    .navigation-horizontal
    .navigation-item:hover
    .navigation-branch.navigation-level2 {
    min-width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    display: block;
    padding: 0 4% 1.1em 15%;
    background: #eff0f1;
  }
}
.navigation-item.navigation-level1:nth-child(3)::before {
  content: "";
  background: 0 0;
}
.navigation-item.navigation-level1.hide-bar::before {
  background: 0 0;
}
.navigation-branch.navigation-level2 {
  display: none;
}
.mod-touch
  .navigation-horizontal
  .navigation-item
  .is-open.navigation-branch.navigation-level2 {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
.mod-touch
  .navigation-horizontal
  .navigation-item.is-open
  .navigation-branch.navigation-level2 {
  overflow: hidden;
}
.mod-touch
  .navigation-horizontal
  .navigation-item.navigation-level2:first-child {
  border-top: none;
}
.mod-touch
  .navigation-horizontal
  .navigation-item
  .navigation-level2
  .navigation-item {
  width: 100%;
}
.mod-no-touch
  .navigation-horizontal
  .navigation-item:hover
  .navigation-branch.navigation-level2
  .navigation-item {
  float: none;
}
.navigation-horizontal .navigation-item .navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item .navigation-branch.navigation-level3 {
  display: none;
}
.navigation-horizontal
  .navigation-item
  .navigation-branch.navigation-level2.show-menu {
  display: block;
}
.navigation-horizontal
  .navigation-item.is-open
  > .navigation-branch.navigation-level2
  .navigation-item,
.navigation-horizontal
  .navigation-item.is-open
  > .navigation-branch.navigation-level3
  .navigation-item {
  float: none;
}
.navigation-horizontal .navigation-item.navigation-level2 {
  padding: 0.55em 0 0.4em 0;
  margin-top: 0.4em;
}
@media only screen and (min-width: 768px) {
  .navigation-horizontal .navigation-item.navigation-level2 {
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    margin-top: 0;
  }
  .navigation-horizontal .navigation-item.navigation-level2:first-child {
    border-top: none;
  }
}
.navigation-horizontal
  .navigation-item.navigation-level2
  > .navigation-item-title {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .navigation-horizontal
    .navigation-item.navigation-level2
    > .navigation-item-title {
    font-size: 12px;
  }
  .navigation-horizontal
    .navigation-item.is-open
    > .navigation-branch.navigation-level2,
  .navigation-horizontal
    .navigation-item.is-open
    > .navigation-branch.navigation-level3 {
    display: block;
    float: none;
    min-width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    display: block;
    padding: 0 4% 1.1em 15%;
    background: #eff0f1;
  }
  .navigation-item.navigation-level1.page-about a:hover .navigation-item-decoration:before,
  .page-about .navigation-item.navigation-level1.page-about a .navigation-item-decoration:before{
    content: "";
    width: 68%;
    height: 2px;
    background: #009638;
    position: absolute;
    left: 16%;
    top: 2.3em;
    right: auto;
    margin: 0 auto;
  }
  .navigation-item.navigation-level1.page-fiber-supplement-products a:hover .navigation-item-decoration:before,
  .page-fiber-supplement-products .navigation-item.navigation-level1.page-fiber-supplement-products a .navigation-item-decoration:before{
    content: "";
    width: 118px;
    height: 2px;
    background: #009638;
    position: absolute;
    left: -90px;
    top: 2.3em;
    right: auto;
    margin: 0 auto;
  }
  
}
.navigation-horizontal
  .navigation-item.navigation-level2
  > .navigation-item-title
  > sup {
  text-decoration: none;
  display: inline-block;
}
.navigation-horizontal
  .navigation-item.navigation-level2
  > .navigation-item-title:focus,
.navigation-horizontal
  .navigation-item.navigation-level2
  > .navigation-item-title:hover {
  color: #009638;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .navigation-horizontal
    .navigation-item.navigation-level2
    > .navigation-item-title:focus,
  .navigation-horizontal
    .navigation-item.navigation-level2
    > .navigation-item-title:hover {
    text-decoration: underline;
  }
}
.navigation-horizontal
  .navigation-item.navigation-level2
  > .navigation-item-title:focus
  > sup,
.navigation-horizontal
  .navigation-item.navigation-level2
  > .navigation-item-title:hover
  > sup {
  text-decoration: none;
  display: inline-block;
}
.navigation-horizontal .navigation-item.navigation-level2:first-child {
  display: block;
}
/* @media only screen and (min-width: 768px) {
  .navigation-horizontal .navigation-item.navigation-level2:first-child {
    display: none;
  }
} */
.navigation-horizontal .has-children > .navigation-item-title {
  padding: 0 4em 0 0;
  background-image: none;
  font-size: 15px;
  font-weight: 900;
  color: #333;
  position: relative;
  margin-top: 0;
  margin-left: 0;
  display: inline-block;
}
.navigation-horizontal .has-children > .navigation-item-title:focus,
.navigation-horizontal .has-children > .navigation-item-title:hover {
  color: #333;
}
@media only screen and (min-width: 768px) {
  .navigation-horizontal .has-children > .navigation-item-title {
    padding: 12px 36px 16px 28px;
    background-image: none;
    font-size: 12px;
    font-weight: 900;
    color: #333;
    position: relative;
    margin-top: 1.4em;
    margin-left: 0;
    letter-spacing: 0.041em;
    line-height: 12px;
  }
  .navigation-horizontal .has-children > .navigation-item-title:focus,
  .navigation-horizontal .has-children > .navigation-item-title:hover {
    color: #009638;
  }
}
.navigation-horizontal
  .has-children
  > .navigation-item-title
  .navigation-item-decoration {
  height: 41px;
  width: 41px;
  position: absolute;
  right: 1.6em;
  top: -0.55em;
  text-align: center;
  line-height: 41px;
  outline: 0;
}
@media only screen and (min-width: 768px) {
  .navigation-horizontal
    .has-children
    > .navigation-item-title
    .navigation-item-decoration {
    top: -1px;
    right: 5px;
  }
}

.navigation-horizontal
  .has-children
  > .navigation-item-title
  .navigation-item-decoration:after {
  content: "\f107";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: 400;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 41px;
  height: 41px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  font-size: 1.5em;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .navigation-horizontal
    .has-children
    > .navigation-item-title
    .navigation-item-decoration:after {
    font-size: 1.3em;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .navigation-horizontal
    .has-children
    > .navigation-item-title
    .navigation-item-decoration
    ::i-block-chrome,
  .navigation-horizontal
    .has-children
    > .navigation-item-title
    .navigation-item-decoration:after {
    font-weight: 400;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 768px) {
  .navigation-horizontal
    .has-children
    > .navigation-item-title
    .navigation-item-decoration
    ::i-block-chrome,
  .navigation-horizontal
    .has-children
    > .navigation-item-title
    .navigation-item-decoration:after {
    font-size: 1.5em;
    font-weight: 400;
  }
}
.navigation-horizontal
  .has-children
  > .navigation-item-title
  .navigation-item-decoration.up-arrow:after {
  content: "\f106";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: 400;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .navigation-horizontal
    .has-children
    > .navigation-item-title
    .navigation-item-decoration.up-arrow:after {
    font-size: 1.3em;
  }
}
.navigation-horizontal .has-children > .navigation-item-title:hover {
  background: 0 0;
}
@media only screen and (min-width: 768px) {
  .navigation-horizontal .has-children:hover > .navigation-item-title {
    background: #eff0f1;
  }
  .navigation-horizontal .has-children:hover  > .navigation-item-title .navigation-item-decoration:after{
  content: "\f106";
  }
  .mod-no-touch .container .navigation-horizontal .navigation-item .navigation-branch.navigation-level2 li{
    margin: 0;
    padding: 0;
    line-height: 1;
    padding: 6px 20px 6px 0;
    flex: 1;
  }
  .mod-no-touch .container .navigation-horizontal .navigation-item .navigation-branch.navigation-level2 ul{
    margin: 0;
    padding: 0;
  }
}
.navigation-heading.navigation-item.navigation-level2{
  font-size: 10px!important;
  font-weight: 900;
  margin-bottom: 10px!important;
  line-height: 10px!important;
  padding: 0!important;
  border-bottom: none;
}
.mod-no-touch .container .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 > li{
  display: block!important;
  padding: 0;
}
.mod-no-touch .container .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 > li >ul{
  padding: 0 9px;
}
.mod-no-touch .container .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 > li >ul li:last-child{
  padding-bottom: 0;
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  .nav-temp-header-second {
    position: relative;
    right: -0.5em;
  }
  .nav-temp-header-second .navigation-branch.navigation-level1>.navigation-item.navigation-level1:first-child:before{
    display: none;
  }
}
@media only screen and (min-width: 959px) {
  .nav-temp-header-second {
    right: -0.6em;
  }
}
@media only screen and (min-width: 992px) {
  .nav-temp-header-second {
    right: -1.6em;
  }
}
@media only screen and (min-width: 1200px) {
  .nav-temp-header-second {
    right: -1.7em;
  }
}
@media only screen and (min-width: 768px) {
  .nav-temp-header-second
    .navigation-branch.navigation-level1
    > .navigation-item.navigation-level1:nth-child(3)
    > .navigation-item-title {
    padding: 0.96em 35px 1em 30px;
  }
  .nav-temp-header-second
    .navigation-branch.navigation-level1
    > .navigation-item.navigation-level1:nth-child(3)
    > .navigation-item-title
    .navigation-item-decoration {
    right: 0;
  }
  .mod-no-touch .container .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2{
    max-width: 386px;
    left: -223px;
    padding: 28px 19px 20px 19px;
    display: flex;
    margin: 0;
    top: 56px;
}
.navigation-horizontal .navigation-item.navigation-level2 .new-nav{
  font-size: 12px;
  line-height: 20px;
  color: #EF5B7D;
  font-style: italic;
  font-weight: bold;
  padding-right: 2px;
}
.navigation-branch.navigation-level1{
    padding: 0;
}
.navigation-item.navigation-level1{
    margin: 0;
}
.rct-temp-footer-unq-nav.component ul li.footer-list-container{
  display: flex;
  width: 100%!important;
}
.rct-temp-footer-unq-nav.component ul li.footer-list-container .footer-list:first-child{
  margin-right: 30px;
}
.rct-temp-footer-unq-nav.component ul li.footer-list-container .footer-list  a{
  font-size: 10px;
  line-height: 10px;
  font-weight: 900;
}
.rct-temp-footer-unq-nav.component ul li.footer-list-container .footer-list .footer-list-heading{
  color: #fff;
    font-size: 10px !important;
    line-height: 18px;
    font-weight: 700;
}
.rct-temp-footer-unq-nav.component ul li.footer-list-container .footer-list li{
  width: 164px !important;
}
.rct-temp-footer-unq-nav.component ul li.footer-list-container .footer-list li .new-nav{
  color: #EF5B7D;
  font-style: italic;
  padding-right: 2px;
}
}
@media only screen and (min-width: 992px) {
  .nav-temp-header-second
    .navigation-branch.navigation-level1
    > .navigation-item.navigation-level1:nth-child(3)
    > .navigation-item-title {
    padding: 0.96em 50px 1em 30px;
  }
  .nav-temp-header-second
    .navigation-branch.navigation-level1
    > .navigation-item.navigation-level1:nth-child(3)
    > .navigation-item-title
    .navigation-item-decoration {
    right: 1.2em;
  }
}
.nav-temp-header-second
  .navigation-branch.navigation-level1
  > .navigation-item.navigation-level1:last-child {
  display: block !important;
}
/* removed this code as discussed with chinmay 7-feb-25 | LGB-1488 */
/* @media only screen and (min-width: 768px) {
  .nav-temp-header-second
    .navigation-branch.navigation-level1
    > .navigation-item.navigation-level1:last-child {
    display: none !important;
  }
} */

/* MVB-421 ------------- */
.nav-temp-header-second
  .navigation-branch.navigation-level2
  > .navigation-item.navigation-level2.page-benefiber-healthy-shape {
  display: none;
}

@media (max-width: 767px) {
  .nav-temp-header-second
    .navigation-branch.navigation-level1
    > .navigation-item.navigation-level1.page-fiber-supplement-products
    > .navigation-branch.navigation-level2
    > .navigation-item.navigation-level2.page-benefiber-healthy-shape1 {
    display: none !important;
  }

  .nav-temp-header-second
    .navigation-branch.navigation-level1
    > .navigation-item.navigation-level1.page-fiber-supplement-products
    > .navigation-branch.navigation-level2
    > .navigation-item.navigation-level2.page-fiber-supplement-products {
    display: none !important;
  }
  .navigation-horizontal .navigation-item .navigation-branch.navigation-level2.show-menu ul,
  .navigation-horizontal .navigation-item .navigation-branch.navigation-level2.show-menu{
    margin: 0;
    padding: 0;
  }
  .navigation-horizontal .navigation-item .navigation-branch.navigation-level2.show-menu li{
    margin: 0;
    padding: 0 0 14px 0;
  }
  .navigation-horizontal .navigation-item .navigation-branch.navigation-level2.show-menu >li {
    padding: 0;
  }
  .navigation-heading.navigation-item.navigation-level2 {
    font-size: 12px !important;
    font-weight: 900;
    margin-bottom: 14px !important;
    margin-top: 14px !important;
    line-height: 12px !important;
    padding: 0 !important;
    border-bottom: none;
    text-transform: uppercase;
}
.navigation-horizontal .navigation-item.navigation-level2 .new-nav{
  font-size: 16px;
  line-height: 22px;
  color: #EF5B7D;
  font-weight: 500;
  font-style: italic;
  padding-right: 2px;
}
}

.nav-temp-header-second
  .navigation-branch.navigation-level2
  > .navigation-item.navigation-level2.page-benefiber-powder {
  display: block !important;
}

/* NEWSFEED ITEM */
/* NEWSFEED COMPONENT */
/* PER PAGE */
/* MOBILE */
.newsfeed-result {
  padding: 0;
  margin: 0;
  background: #F5F5F5;
  margin-bottom: 20px; }

.newsfeed-image {
  margin: 0;
  height: 150px;
  overflow: hidden; }
  .newsfeed-image img {
    height: 100%;
    min-width: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%); }

.newsfeed-inner-content {
  padding: 10px 15px;
  border-top: solid 4px #F36533; }

.newsfeed-category {
  margin: 0 0 10px;
  font-style: italic;
  color: #73645D; }

.newsfeed-title {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #7E7E7E; }
  .newsfeed-title:only-child {
    border-bottom: 0;
    padding: 0;
    margin: 0; }
  .newsfeed-title a:hover {
    text-decoration: none; }
  .newsfeed-title a:active {
    text-decoration: none; }
  .newsfeed-title a:focus {
    text-decoration: none; }

.newsfeed-date {
  font-size: 13px;
  margin: 0 0 10px;
  font-style: italic;
  color: #73645D; }

.newsfeed-description {
  margin: 0 0 10px;
  color: #73645D; }

.newsfeed-url {
  font-size: 13px;
  word-break: break-all; }
  .newsfeed-url a {
    color: #16727F;
    font-weight: bold; }
    .newsfeed-url a:hover {
      text-decoration: none; }
    .newsfeed-url a:active {
      text-decoration: none; }
    .newsfeed-url a:focus {
      text-decoration: none; }

.newsfeed {
  position: relative; }
  .newsfeed a {
    color: inherit;
    text-decoration: none; }
  .newsfeed .active a {
    font-weight: bold; }
  .newsfeed .splitter {
    color: #F36533; }

.newsfeed-number {
  margin-bottom: 20px;
  position: absolute;
  left: 250px;
  top: -50px; }
  .newsfeed-number .results-count-strong {
    font-weight: bold; }

.newsfeed-pagination .mobile {
  display: none; }

.newsfeed-pagination-list {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
  float: right; }

.newsfeed-pagination-item {
  display: inline-block; }
  .newsfeed-pagination-item a {
    display: block;
    border: 1px solid #e9e9e9;
    width: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: 3px; }
    .newsfeed-pagination-item a:hover {
      text-decoration: none;
      border-color: #a0ce4e; }
    .newsfeed-pagination-item a:focus {
      text-decoration: none;
      border-color: #a0ce4e; }
    .newsfeed-pagination-item a:active {
      text-decoration: none;
      border-color: #a0ce4e; }

.newsfeed-pagination-item.separator {
  display: inline-block;
  border: 1px solid #fff;
  width: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 3px;
  letter-spacing: 2px; }
  .newsfeed-pagination-item.separator:before {
    content: "..."; }

.newsfeed-pagination-item.is-active a {
  background: #a0ce4e;
  color: #fff;
  cursor: default; }

.newsfeed-pagination-item.item-next a {
  border: 0;
  width: auto; }
  .newsfeed-pagination-item.item-next a:hover {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-next a:focus {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-next a:active {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-next a:after {
    content: ">";
    font-family: FontAwesome, serif;
    display: inline-block;
    font-style: normal;
    position: relative;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-size: 1rem;
    margin-left: 5px; }

.newsfeed-pagination-item.item-previous a {
  border: 0;
  width: auto; }
  .newsfeed-pagination-item.item-previous a:hover {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-previous a:focus {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-previous a:active {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-previous a:before {
    content: "<";
    font-family: FontAwesome, serif;
    display: inline-block;
    font-style: normal;
    position: relative;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-size: 1rem;
    margin-right: 5px; }

.view-all.button {
  margin-top: 30px; }

.promo .view-all.button {
  text-align: center; }

.related .view-all.button {
  text-align: start; }

.view-all a {
  background: #15717d;
  padding: 10px 23px;
  border-radius: 20px;
  color: #fff; }

span.newsfeed-related-updates {
  display: block;
  margin: 50px 0 20px 0;
  font-style: italic;
  color: #73645D; }

a.newsfeed-related-category {
  background: #f3f2f0;
  padding: 15px;
  border-radius: 40px;
  font-weight: bold;
  color: #15717d; }

.newsfeed-perPage {
  max-width: 200px;
  margin: 14px 0 0; }
  .newsfeed-perPage > div {
    display: inline-block; }
  .newsfeed-perPage .active {
    font-style: italic;
    background: #DDD; }
  .newsfeed-perPage a {
    color: inherit;
    text-decoration: none; }
  .newsfeed-perPage .heading {
    background: #EEE;
    min-width: 100px;
    padding: 10px; }
  .newsfeed-perPage .slider {
    position: absolute;
    background: #FFF;
    width: 100%;
    max-width: 198px;
    border: 1px solid grey;
    z-index: 100; }
  .newsfeed-perPage ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .newsfeed-perPage li {
    padding: 5px 20px; }
    .newsfeed-perPage li a {
      display: block; }

@media (max-width: 767px) {
  .newsfeed-pagination {
    text-align: center; }
    .newsfeed-pagination .mobile {
      display: block; }
    .newsfeed-pagination .desktop {
      display: none; }
  .newsfeed-pagination-list {
    display: inline-block;
    float: none; }
  .newsfeed-result.has-image {
    text-align: center; }
    .newsfeed-result.has-image .newsfeed-image {
      position: static;
      margin-bottom: 20px; }
    .newsfeed-result.has-image .newsfeed-title {
      text-align: left;
      margin-left: 0; }
    .newsfeed-result.has-image .newsfeed-description {
      text-align: left;
      margin-left: 0; }
    .newsfeed-result.has-image .newsfeed-date {
      text-align: left;
      margin-left: 0; }
    .newsfeed-result.has-image .newsfeed-url {
      text-align: left;
      margin-left: 0; }
  .item-previous {
    float: left; }
  .item-next {
    float: right; } }
.newsfeedFilterBy {
  max-width: 200px; }
  .newsfeedFilterBy .active {
    font-style: italic;
    background: #DDD; }
  .newsfeedFilterBy a {
    color: inherit;
    text-decoration: none; }
  .newsfeedFilterBy .heading {
    background: #F36533;
    color: #FFF;
    padding: 10px; }
  .newsfeedFilterBy .slider {
    position: absolute;
    background: #FFF;
    width: 100%;
    max-width: 198px;
    border: 1px solid grey;
    z-index: 100; }
    .newsfeedFilterBy .slider .tag-link a {
      display: block; }
  .newsfeedFilterBy .top-level {
    font-weight: bold;
    padding-left: 10px; }
  .newsfeedFilterBy ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .newsfeedFilterBy li {
    padding: 5px 20px; }
.podcast {
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #EFEFED;
  max-width: 800px; }
  .podcast p {
    margin: 0; }

.podcast__information {
  display: flex; }

.podcast__text {
  padding: 10px; }

.podcast__title {
  font-weight: 700; }

.audio {
  background-color: #efefed; }

.audio__controls {
  display: flex;
  align-items: center; }

.audio__backwards {
  visibility: hidden;
  height: 37px;
  width: 37px;
  border: 1px solid #15717d;
  border-radius: 50%; }

.audio__forwards {
  visibility: hidden;
  height: 37px;
  width: 37px;
  border: 1px solid #15717d;
  border-radius: 50%; }

.audio__backwards, .audio__forwards, .audio__play, .audio__pause {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.audio__play {
  height: 50px;
  width: 50px;
  background-color: #15717d;
  border-radius: 50%; }
  .audio__play:after {
    content: "\25b6";
    color: #fff;
    font-size: 25px; }

.audio__pause {
  display: none;
  height: 50px;
  width: 50px;
  background-color: #ffffff;
  border-radius: 50%; }
  .audio__pause:after {
    content: "| |";
    color: #000;
    font-size: 25px; }

.audio--playing .audio__pause {
  display: flex; }

.audio--playing .audio__backwards {
  visibility: visible; }

.audio--playing .audio__forwards {
  visibility: visible; }

.audio--playing .audio__play {
  display: none; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.powerreviews {
  border: solid 1px #e0e0e0;
  padding: 5px 10px 0 10px;
  margin-bottom: 5px; }
  .powerreviews .p-w-r .pr-header-title {
    color: #f36633; }
  .powerreviews .p-w-r .pr-star-selected {
    background-color: #f36633; }
  .powerreviews .pr-snapshot-rating .pr-stars {
    background-image: url("../../img/stars.gif"); }
  .powerreviews .pr-review-rating .pr-stars-small {
    background-image: url("../../img/stars_small.gif"); }
  .powerreviews .pr-snippet-stars .pr-stars-small {
    background-image: url("../../img/stars_small.gif"); }
  .powerreviews.pr-base-modal a, .powerreviews .pr-pa-snippet a, .powerreviews .pr-review-engine a, .powerreviews .pr-snippet a, .powerreviews prImageSnippet a {
    color: #f36633; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.product-list-main__results .product {
  border-bottom: 2px solid #f3f2f1; }

.productList .product-list-content {
  display: table;
  width: 50%;
  margin-left: auto;
  margin-right: auto; }
  .productList .product-list-content .product-list-main, .productList .product-list-content product-list-header {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto; }

.productList .alphabet-filter__element {
  margin-left: 10px; }

.productList .no-of-shown-results, .productList .no-of-all-results, .productList .applied-filter {
  font-weight: bold; }

.productList .product-list-main {
  display: table-row;
  justify-content: space-around; }

.productList .product-list-header {
  display: table-row;
  justify-content: space-around; }

.productList .product-list-filter--alphabet {
  border-left: 2px solid #f3f2f1; }

.productList .product-list-filter .filter-trigger--alphabet {
  color: #72635d;
  cursor: default;
  opacity: 0.5;
  text-decoration: none;
  margin: 0; }
  .productList .product-list-filter .filter-trigger--alphabet.filter-trigger--active {
    color: #f36633;
    cursor: pointer;
    opacity: 1;
    text-decoration: none; }

.productList .product-list-header__filter-by .filter-by__label {
  background-color: #f36633;
  color: white;
  padding: 10px 30px;
  font-size: 16px;
  border: none;
  cursor: pointer; }

.productList ul.filter__product-types {
  display: none;
  position: absolute;
  background-color: #f2f2f2;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1; }
  .productList ul.filter__product-types li {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block; }
    .productList ul.filter__product-types li input ~ span::after {
      content: "";
      background-color: white;
      border-radius: 30px;
      width: 20px;
      height: 20px;
      margin: 0 7px 0 0;
      position: absolute;
      right: 0; }
    .productList ul.filter__product-types li input:checked ~ span::after {
      background-color: #15717e;
      border: 2px solid white;
      margin: 0 6px 0 0; }
    .productList ul.filter__product-types li input {
      visibility: hidden; }

.productList ul .alphabet-filter__elements, .productList ul .product__links--additional {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.productList ul.filter__product-types.show {
  display: block;
  padding: 0; }

.productList .product__info-formula-text {
  font-style: italic; }

.productList .product .product__links a {
  color: #15717e;
  font-weight: bold; }

.productList .product .product__info-title, .productList .product .product__info-title a {
  color: #15717e;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold; }

.productList .product .product__info-title.lock-icon {
  color: black;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold; }
  .productList .product .product__info-title.lock-icon a:before {
    content: '!';
    color: #ff0000; }

.productList .product-list-main__results {
  width: 95%; }
  .productList .product-list-main__results .product {
    display: flex;
    margin-top: 15px; }
    .productList .product-list-main__results .product .product__info {
      width: 50%; }
    .productList .product-list-main__results .product .product__links {
      width: 60%;
      margin-left: auto;
      margin-right: auto;
      font-family: arial;
      font-size: 13px;
      font-weight: 700; }

.productList .results__show-more-btn {
  display: inline-block;
  margin-top: 15px;
  color: white;
  background-color: #15717e;
  padding: 10px 30px;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  width: 20%;
  margin-left: 35%;
  margin-right: auto; }
  .productList .results__show-more-btn:hover {
    background-color: white;
    display: inline-block;
    padding: 8px 30px;
    border: 2px solid #15717e;
    color: #15717e;
    font-size: 18px;
    width: 20%;
    margin-left: 35%;
    margin-right: auto; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.questionanswers.hideScoreBox .quizScoreBox, .questionanswers.hideScoreBox .quizResultBoxContainer {
  display: none; }

.quizResultBoxContainer.showBoxQuiz {
  display: block; }

.quizButton img {
  cursor: pointer; }