.box-outer {
  width: 100%;
  float: left
}

.box-outer>.component-content {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  float: none;
  width: 87.5%;
  max-width: 100%
}

@media only screen and (min-width:768px) {
  .box-outer>.component-content {
    max-width: 748px
  }
}

@media only screen and (min-width:959px) {
  .box-outer>.component-content {
    max-width: 940px
  }
}

@media only screen and (min-width:992px) {
  .box-outer>.component-content {
    max-width: 960px
  }
}

@media only screen and (min-width:768px) {
  .box-outer>.component-content {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    float: none
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .box-outer>.component-content {
    max-width: 748px
  }
}

@media only screen and (min-width:768px) and (min-width:959px) {
  .box-outer>.component-content {
    max-width: 940px
  }
}

@media only screen and (min-width:768px) and (min-width:992px) {
  .box-outer>.component-content {
    max-width: 960px
  }
}

.box-outer__green {
  background: #00ad42;
  padding-bottom: 3.85em
}

@media only screen and (min-width:768px) {
  .box-outer__green {
    padding-bottom: 4em
  }
}

.box-outer__green .rct-content {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 2.095em
}

@media only screen and (min-width:768px) {
  .box-outer__green .rct-content {
    margin-top: 2.3em
  }
}

.box-outer__green .rct-content p {
  font-size: 1em;
  line-height: inherit
}

.box-outer__green .rct-content__white {
  margin-top: 5.1em
}

@media only screen and (min-width:768px) {
  .box-outer__green .rct-content__white {
    margin-top: 3.3em
  }
}

.box-outer__liteyellow {
  background: #fffff2;
  padding-bottom: 3.1em
}

@media only screen and (min-width:768px) {
  .box-outer__liteyellow {
    padding-bottom: 4.05em
  }
}

@media only screen and (min-width:992px) {
  .box-outer__liteyellow {
    padding-bottom: 6.05em
  }
}

.box-outer__ivory {
  background: #fffff2
}

.box-outer__pinkshade {
  background: #fff8f8;
  padding-bottom: .55em
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade {
    padding-bottom: 5.2em
  }
}

.box-outer__pinkshade .img-article-gif {
  float: left;
  width: 100%;
  margin-top: 0
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade .img-article-gif {
    width: 50.9%;
    margin-top: 3.4em
  }
}

.box-outer__pinkshade .img-article-gif.pull-right {
  float: right
}

.box-outer__pinkshade .rct-article-content {
  float: left;
  width: 100%;
  padding-top: 1.62em
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade .rct-article-content {
    width: 49.1%;
    padding-top: 7em
  }
}

.box-outer__pinkshade .rct-article-content.pull-right {
  float: right
}

.box-comparison-article>.component-content .rct-comparison-content .box-outer__pinkshade .rct-article-content h3,
.box-outer-article-content .box-article-content .box-outer__pinkshade .rct-article-content h3,
.box-outer__pinkshade .box-outer-article-content .box-article-content .rct-article-content h3,
.box-outer__pinkshade .rct-article-content .box-comparison-article>.component-content .rct-comparison-content h3,
.box-outer__pinkshade .rct-article-content h2 {
  font-size: .61111em;
  font-weight: 900
}

@media only screen and (min-width:768px) {

  .box-comparison-article>.component-content .rct-comparison-content .box-outer__pinkshade .rct-article-content h3,
  .box-outer-article-content .box-article-content .box-outer__pinkshade .rct-article-content h3,
  .box-outer__pinkshade .box-outer-article-content .box-article-content .rct-article-content h3,
  .box-outer__pinkshade .rct-article-content .box-comparison-article>.component-content .rct-comparison-content h3,
  .box-outer__pinkshade .rct-article-content h2 {
    font-size: .66667em
  }
}

.box-outer__pinkshade .rct-article-content p {
  margin-bottom: 1.6em;
  margin-top: .9em;
  font-size: .72222em
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade .rct-article-content p {
    font-size: 1em
  }
}

.box-outer__pinkshade .rct-article-content p strong {
  font-size: 1.307692307692308em;
  font-weight: 900;
  line-height: .85
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade .rct-article-content p strong {
    font-size: 1.55556em
  }
}

.box-outer__pinkshade .rct-article-content p strong a {
  color: #333
}

.box-outer__pinkshade .rct-article-content p strong a:focus,
.box-outer__pinkshade .rct-article-content p strong a:hover {
  color: #333
}

.box-outer__pinkshade .rct-article-content>.component-content {
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade .rct-article-content>.component-content {
    width: 80%
  }
}

.box-outer__pinkshade__fiber-mngt {
  padding-bottom: 0
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__fiber-mngt {
    padding-bottom: 6.4em
  }
}

.box-outer__pinkshade__fiber-mngt .rct-article-content {
  padding-top: 1.7em
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__fiber-mngt .rct-article-content {
    padding-top: 7.55em
  }
}

.box-outer__pinkshade__fiber-mngt .rct-article-content p {
  margin-bottom: 0
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__fiber-mngt .rct-article-content p {
    margin-bottom: 1.6em
  }
}

.box-outer__pinkshade__fiber-mngt .rct-article-content>.component-content {
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__fiber-mngt .rct-article-content>.component-content {
    width: 90%
  }
}

.box-outer__pinkshade__fiber-mngt .img-article-gif {
  padding-top: 0
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__fiber-mngt .img-article-gif {
    padding-top: .65em
  }
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__fiber-mngt>.component-content>.content {
    margin: 0 auto;
    width: 92%
  }
}

@media only screen and (min-width:1200px) {
  .box-outer__pinkshade__fiber-mngt>.component-content>.content {
    margin: 0;
    width: auto
  }
}

.box-outer__pinkshade__op {
  background-color: #fbf9f7;
  padding: 3em 0 4em;
  text-align: center
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op {
    padding: 4.4em 0 3.5em
  }
}

.box-outer__pinkshade__op .rct-op-product {
  margin: 0 0 2.4em
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .rct-op-product {
    margin: 0 0 3.6em
  }
}

.box-comparison-article>.component-content .rct-comparison-content .box-outer__pinkshade__op .rct-op-product h3,
.box-outer-article-content .box-article-content .rct-article-content .box-outer__pinkshade__op .rct-op-product h3,
.box-outer__pinkshade__op .rct-op-product .box-comparison-article>.component-content .rct-comparison-content h3,
.box-outer__pinkshade__op .rct-op-product .box-outer-article-content .box-article-content .rct-article-content h3,
.box-outer__pinkshade__op .rct-op-product h2 {
  font-size: 1.5em;
  color: #009638;
  font-weight: 900;
  text-align: center;
  margin: 0
}

@media only screen and (min-width:768px) {

  .box-comparison-article>.component-content .rct-comparison-content .box-outer__pinkshade__op .rct-op-product h3,
  .box-outer-article-content .box-article-content .rct-article-content .box-outer__pinkshade__op .rct-op-product h3,
  .box-outer__pinkshade__op .rct-op-product .box-comparison-article>.component-content .rct-comparison-content h3,
  .box-outer__pinkshade__op .rct-op-product .box-outer-article-content .box-article-content .rct-article-content h3,
  .box-outer__pinkshade__op .rct-op-product h2 {
    font-size: 1.88889em
  }
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .box-op-inner {
    width: 40.5%;
    display: inline-block
  }
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .box-op-inner .image p>strong {
    padding: 0 3em;
    display: inline-block;
    line-height: 1
  }
}

@media only screen and (min-width:959px) {
  .box-outer__pinkshade__op .box-op-inner .image p>strong {
    padding: 0 5em
  }
}

@media only screen and (min-width:992px) {
  .box-outer__pinkshade__op .box-op-inner .image p>strong {
    padding: 0 6em
  }
}

.box-outer__pinkshade__op .box-op-inner .image p>strong>a {
  font-size: 1.16667em;
  font-weight: 900;
  color: #333
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .box-op-inner .image p>strong>a {
    font-size: 1.44444em
  }
}

.box-outer__pinkshade__op .box-op-inner .image p>strong>a>sup {
  font-size: 53%;
  top: -.74em
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .box-op-inner .image p>strong>a>sup {
    font-size: 64%;
    top: -.6em
  }
}

.box-outer__pinkshade__op .box-op-inner .image.imp-op-hs img,
.box-outer__pinkshade__op .box-op-inner .image.imp-op-original img {
  width: 7.9em
}

@media only screen and (min-width:768px) {

  .box-outer__pinkshade__op .box-op-inner .image.imp-op-hs img,
  .box-outer__pinkshade__op .box-op-inner .image.imp-op-original img {
    width: auto
  }
}

.box-outer__pinkshade__op .box-op-inner .image.imp-op-hs {
  margin-top: 3em
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .box-op-inner .image.imp-op-hs {
    margin-top: 0
  }
}

.box-outer__pinkshade__op .box-op-inner .image.imp-op-hs p {
  margin-top: .1em
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .box-op-inner .image.imp-op-hs p {
    margin-top: 1em
  }
}

.box-outer__pinkshade__op .box-op-inner .rct-op-bullet ul {
  margin: 0;
  display: table;
  text-align: left;
  width: 100%
}

.box-outer__pinkshade__op .box-op-inner .rct-op-bullet ul>li {
  font-weight: 400;
  font-size: .8888888888888889em;
  margin: 0;
  display: table-row
}

.box-outer__pinkshade__op .box-op-inner .rct-op-bullet ul>li>strong {
  font-weight: 400;
  display: table-cell;
  border-bottom: 1px solid #d4d2d0;
  height: 7.3em;
  vertical-align: middle;
  padding-left: 2em
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .box-op-inner .rct-op-bullet ul>li>strong {
    height: 7.3em
  }
}

.box-outer__pinkshade__op .box-op-inner .rct-op-bullet ul>li>strong::before {
  content: "\f111";
  color: #009638;
  font-size: 7px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  top: 0;
  left: 0;
  vertical-align: 35%;
  padding-right: 1.5em;
  margin-left: -2.3em
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .box-op-inner .rct-op-bullet ul>li>strong::before {
    margin-left: -2.3em
  }
}

.box-outer__pinkshade__op .box-op-inner .rct-op-bullet ul>li>strong>a {
  color: #333
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .box-op-inner .rct-op-bullet ul>li {
    padding: 2.3em 2.5em;
    font-size: .77778em
  }
}

.box-outer__pinkshade__op .box-op-inner .rct-op-bullet ul>li:first-of-type>strong {
  border-top: 1px solid #d4d2d0
}

@media only screen and (min-width:768px) {
  .box-outer__pinkshade__op .box-op-inner.box-op-inner-first {
    margin-right: 5.3em
  }
}

.box-outer.box-op-comm-outer .rct-op-comm-header {
  margin: 1.7em 0 0
}

@media only screen and (min-width:768px) {
  .box-outer.box-op-comm-outer .rct-op-comm-header {
    margin: 4.6em 0 2.15em
  }
}

.box-comparison-article>.component-content .rct-comparison-content .box-outer.box-op-comm-outer .rct-op-comm-header h3,
.box-outer-article-content .box-article-content .rct-article-content .box-outer.box-op-comm-outer .rct-op-comm-header h3,
.box-outer.box-op-comm-outer .rct-op-comm-header .box-comparison-article>.component-content .rct-comparison-content h3,
.box-outer.box-op-comm-outer .rct-op-comm-header .box-outer-article-content .box-article-content .rct-article-content h3,
.box-outer.box-op-comm-outer .rct-op-comm-header h2 {
  font-size: 1.5em;
  color: #009638;
  font-weight: 900;
  text-align: center;
  margin: 0;
  padding: 0 .5em;
  line-height: 1.3
}

@media only screen and (min-width:768px) {

  .box-comparison-article>.component-content .rct-comparison-content .box-outer.box-op-comm-outer .rct-op-comm-header h3,
  .box-outer-article-content .box-article-content .rct-article-content .box-outer.box-op-comm-outer .rct-op-comm-header h3,
  .box-outer.box-op-comm-outer .rct-op-comm-header .box-comparison-article>.component-content .rct-comparison-content h3,
  .box-outer.box-op-comm-outer .rct-op-comm-header .box-outer-article-content .box-article-content .rct-article-content h3,
  .box-outer.box-op-comm-outer .rct-op-comm-header h2 {
    font-size: 1.88889em;
    padding: 0 6em;
    line-height: 1
  }
}

.box-comparison-article>.component-content .rct-comparison-content .box-outer.box-op-comm-outer .rct-op-comm-header h3>sup,
.box-outer-article-content .box-article-content .rct-article-content .box-outer.box-op-comm-outer .rct-op-comm-header h3>sup,
.box-outer.box-op-comm-outer .rct-op-comm-header .box-comparison-article>.component-content .rct-comparison-content h3>sup,
.box-outer.box-op-comm-outer .rct-op-comm-header .box-outer-article-content .box-article-content .rct-article-content h3>sup,
.box-outer.box-op-comm-outer .rct-op-comm-header h2>sup {
  font-size: 51%;
  top: -.7em
}

@media only screen and (min-width:768px) {

  .box-comparison-article>.component-content .rct-comparison-content .box-outer.box-op-comm-outer .rct-op-comm-header h3>sup,
  .box-outer-article-content .box-article-content .rct-article-content .box-outer.box-op-comm-outer .rct-op-comm-header h3>sup,
  .box-outer.box-op-comm-outer .rct-op-comm-header .box-comparison-article>.component-content .rct-comparison-content h3>sup,
  .box-outer.box-op-comm-outer .rct-op-comm-header .box-outer-article-content .box-article-content .rct-article-content h3>sup,
  .box-outer.box-op-comm-outer .rct-op-comm-header h2>sup {
    font-size: 60%;
    top: -.6em
  }
}

.box-outer.box-op-comm-outer .rct-op-comm-dis p {
  font-size: .6111111111111111em;
  color: #333;
  font-weight: 400
}

@media only screen and (min-width:768px) {
  .box-outer.box-op-comm-outer .rct-op-comm-dis p {
    font-size: .77778em
  }
}

.box-outer.box-op-comm-outer .rct-op-comm-dis {
  margin: 0 1em 1em
}

@media only screen and (min-width:768px) {
  .box-outer.box-op-comm-outer .rct-op-comm-dis {
    margin: 3.5em 8em 2.3em 0
  }
}

.box-outer__pitch {
  background: #fafcf0;
  padding-bottom: 2.5em
}

@media only screen and (min-width:768px) {
  .box-outer__pitch {
    padding-bottom: 0
  }
}

@media only screen and (min-width:992px) {
  .box-outer__pitch {
    padding-bottom: 6em
  }
}

.box-outer__pitch .img-article-gif {
  float: left;
  width: 100%;
  margin-top: 0
}

@media only screen and (min-width:768px) {
  .box-outer__pitch .img-article-gif {
    width: 50.9%;
    margin-top: 3.4em
  }
}

.box-outer__pitch .img-article-gif.pull-right {
  float: right
}

.box-outer__pitch .rct-article-content {
  float: left;
  width: 100%;
  padding-top: 1.1em;
  padding-bottom: 1.25em
}

@media only screen and (min-width:768px) {
  .box-outer__pitch .rct-article-content {
    width: 49.1%;
    padding-top: 7em;
    padding-bottom: 5em
  }
}

@media only screen and (min-width:992px) {
  .box-outer__pitch .rct-article-content {
    padding-top: 5em;
    padding-bottom: 3em
  }
}

.box-outer__pitch .rct-article-content.pull-right {
  float: right
}

.box-comparison-article>.component-content .rct-comparison-content .box-outer__pitch .rct-article-content h3,
.box-outer-article-content .box-article-content .box-outer__pitch .rct-article-content h3,
.box-outer__pitch .box-outer-article-content .box-article-content .rct-article-content h3,
.box-outer__pitch .rct-article-content .box-comparison-article>.component-content .rct-comparison-content h3,
.box-outer__pitch .rct-article-content h2 {
  font-size: .66667em;
  font-weight: 900
}

.box-outer__pitch .rct-article-content p {
  margin-bottom: .75em;
  margin-top: .26em;
  font-size: .72222em
}

@media only screen and (min-width:768px) {
  .box-outer__pitch .rct-article-content p {
    margin-bottom: 1.6em;
    margin-top: .9em;
    font-size: 1em
  }
}

.box-outer__pitch .rct-article-content p strong {
  font-weight: 900;
  line-height: .85;
  font-size: 1.384615384615385em
}

@media only screen and (min-width:768px) {
  .box-outer__pitch .rct-article-content p strong {
    font-size: 1.55556em
  }
}

.box-outer__pitch .rct-article-content p strong a {
  color: #333
}

.box-outer__pitch .rct-article-content p strong a:focus,
.box-outer__pitch .rct-article-content p strong a:hover {
  color: #333
}

.box-outer__pitch .rct-article-content p:first-child {
  font-size: .61111em;
  font-weight: 900;
  margin-bottom: 1.1em
}

@media only screen and (min-width:768px) {
  .box-outer__pitch .rct-article-content p:first-child {
    font-size: .66667em;
    margin: 0
  }
}

.box-outer__pitch .rct-article-content p:last-child {
  font-size: .72222em
}

@media only screen and (min-width:768px) {
  .box-outer__pitch .rct-article-content p:last-child {
    font-size: 1em
  }
}

.box-outer__pitch .rct-article-content>.component-content {
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-outer__pitch .rct-article-content>.component-content {
    width: 71%
  }
}

@media only screen and (min-width:768px) {
  .box-outer__pitch .rct-article-content.rct-pr-spacing {
    margin-top: 0;
    padding-top: 5em;
    padding-bottom: 2em
  }
}

@media only screen and (min-width:959px) {
  .box-outer__pitch .rct-article-content.rct-pr-spacing {
    margin-top: 1.78em;
    padding-top: 5em;
    padding-bottom: 6em
  }
}

@media only screen and (min-width:992px) {
  .box-outer__pitch .rct-article-content.rct-pr-spacing {
    margin-top: 3.78em;
    padding-top: 5em;
    padding-bottom: 3em
  }
}

.box-outer__pitch__fiber__mngt {
  padding-bottom: 1.8em;
  text-align: center
}

@media only screen and (min-width:768px) {
  .box-outer__pitch__fiber__mngt {
    text-align: left;
    padding-bottom: 2.4em
  }
}

@media only screen and (min-width:992px) {
  .box-outer__pitch__fiber__mngt {
    padding-bottom: 4.4em
  }
}

.box-outer__pitch__fiber__mngt .img-article-gif {
  margin-top: 0
}

@media only screen and (min-width:768px) {
  .box-outer__pitch__fiber__mngt .img-article-gif {
    margin-top: 3.15em
  }
}

@media only screen and (min-width:992px) {
  .box-outer__pitch__fiber__mngt .img-article-gif {
    margin-top: 6.15em
  }
}

.box-outer__pitch__fiber__mngt .img-article-gif>.component-content {
  background: #fff;
  border-radius: 100%;
  height: 205px;
  width: 205px;
  vertical-align: middle;
  text-align: center;
  display: inline-block
}

@media only screen and (min-width:768px) {
  .box-outer__pitch__fiber__mngt .img-article-gif>.component-content {
    height: 316px;
    width: 316px;
    display: table-cell
  }
}

.box-outer__pitch__fiber__mngt .img-article-gif>.component-content img {
  width: 93%
}

.box-outer__pitch__fiber__mngt .rct-article-content {
  padding-top: 1.33em
}

@media only screen and (min-width:768px) {
  .box-outer__pitch__fiber__mngt .rct-article-content {
    padding-top: 5.86em;
    padding-bottom: 5em
  }
}

@media only screen and (min-width:992px) {
  .box-outer__pitch__fiber__mngt .rct-article-content {
    padding-top: 8.86em
  }
}

.box-outer__pitch__fiber__mngt .rct-article-content p {
  margin-bottom: .2em
}

@media only screen and (min-width:768px) {
  .box-outer__pitch__fiber__mngt .rct-article-content p {
    margin-bottom: .75em
  }
}

.box-outer__pitch__fiber__mngt .rct-article-content>.component-content {
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-outer__pitch__fiber__mngt>.component-content>.content {
    margin: 0 auto;
    width: 92%
  }
}

@media only screen and (min-width:1200px) {
  .box-outer__pitch__fiber__mngt>.component-content>.content {
    margin: 0;
    width: auto
  }
}

@media only screen and (min-width:1200px) {
  .box-outer__pitch.box-pr-pitch {
    padding-bottom: 4.8em
  }
}

.box-outer__lightgray {
  background: #fbf9f7;
  padding: 3.16em 0 2.28em 0
}

.box-outer__lightgray .img-bottle-benfiber {
  float: left;
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-outer__lightgray .img-bottle-benfiber {
    width: 29.9%
  }
}

@media only screen and (min-width:768px) {
  .box-outer__lightgray .img-bottle-benfiber img {
    width: auto;
    float: left
  }
}

@media only screen and (min-width:992px) {
  .box-outer__lightgray .img-bottle-benfiber img {
    width: auto;
    float: none
  }
}

.box-outer__lightgray .img-bottle-benfiber.pull-right {
  float: right
}

.box-outer__lightgray .img-bottle-benfiber.mobile-center-img img {
  position: relative;
  left: -15%
}

@media only screen and (min-width:360px) {
  .box-outer__lightgray .img-bottle-benfiber.mobile-center-img img {
    left: -12.5%
  }
}

@media only screen and (min-width:375px) {
  .box-outer__lightgray .img-bottle-benfiber.mobile-center-img img {
    left: -12%
  }
}

@media only screen and (min-width:480px) {
  .box-outer__lightgray .img-bottle-benfiber.mobile-center-img img {
    left: -16%
  }
}

@media only screen and (min-width:768px) {
  .box-outer__lightgray .img-bottle-benfiber.mobile-center-img img {
    position: static;
    left: auto
  }
}

.box-outer__lightgray .rct-bottle-content {
  float: left;
  width: 100%;
  text-align: left;
  margin-top: 2.25em
}

@media only screen and (min-width:768px) {
  .box-outer__lightgray .rct-bottle-content {
    width: 49.1%;
    margin-top: 1.4em;
    margin-left: 10.9%
  }
}

.box-outer__lightgray .rct-bottle-content.pull-right {
  float: right
}

.box-outer__lightgray .rct-bottle-content p {
  margin-bottom: 1.55em;
  font-size: .72222em
}

@media only screen and (min-width:768px) {
  .box-outer__lightgray .rct-bottle-content p {
    font-size: 1em
  }
}

.box-outer__lightgray .rct-bottle-content p strong {
  font-size: 1.384615384615385em;
  line-height: .95;
  font-weight: 900
}

@media only screen and (min-width:768px) {
  .box-outer__lightgray .rct-bottle-content p strong {
    font-size: 2em;
    line-height: .95
  }
}

.box-outer__lightgray .rct-bottle-content p strong a {
  color: #333
}

.box-outer__lightgray .rct-bottle-content p strong a:focus,
.box-outer__lightgray .rct-bottle-content p strong a:hover {
  color: #333
}

.box-outer__lightgray .rct-bottle-content p:last-child {
  text-align: center;
  font-size: 1em
}

@media only screen and (min-width:768px) {
  .box-outer__lightgray .rct-bottle-content p:last-child {
    text-align: left;
    margin-top: 2.75em
  }
}

.box-comparison-article>.component-content .rct-comparison-content .box-outer__lightgray .rct-bottle-content h3,
.box-outer-article-content .box-article-content .rct-article-content .box-outer__lightgray .rct-bottle-content h3,
.box-outer__lightgray .rct-bottle-content .box-comparison-article>.component-content .rct-comparison-content h3,
.box-outer__lightgray .rct-bottle-content .box-outer-article-content .box-article-content .rct-article-content h3,
.box-outer__lightgray .rct-bottle-content h2 {
  font-size: 1.55556em;
  font-weight: 900;
  line-height: 1.37
}

.box-outer__lightgray .rct-bottle-content.pr-button-spacing p:first-child+p {
  margin-bottom: 1.2em
}

.box-outer__lightgray .rct-bottle-content.pr-button-spacing p:last-child {
  margin-top: 0
}

.box-outer__fiber-grey {
  background: #fafcf0
}

.box-outer__prebiotic-article {
  padding-top: 3.2em;
  margin-bottom: 3.25em
}

@media only screen and (min-width:768px) {
  .box-outer__prebiotic-article {
    margin-bottom: 3.25em
  }
}

.box-outer__prebiotic-article .box-article-content {
  float: left;
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-outer__prebiotic-article .box-article-content {
    margin-bottom: 3.77em
  }
}

.box-outer__prebiotic-article .box-article-content .img-article-body {
  float: none;
  width: 70%;
  margin: 0 auto
}

@media only screen and (min-width:768px) {
  .box-outer__prebiotic-article .box-article-content .img-article-body {
    width: 50.9%;
    float: left;
    margin: 0
  }
}

.box-outer__prebiotic-article .box-article-content .img-article-body.pull-right {
  float: none;
  width: 70%;
  margin: 0 auto
}

@media only screen and (min-width:768px) {
  .box-outer__prebiotic-article .box-article-content .img-article-body.pull-right {
    float: right
  }
}

.box-outer__prebiotic-article .box-article-content .rct-article-content {
  float: left;
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-outer__prebiotic-article .box-article-content .rct-article-content {
    width: 49.1%
  }
}

.box-outer__prebiotic-article .box-article-content .rct-article-content.pull-right {
  float: right
}

.box-outer__prebiotic-article .box-article-content .rct-article-content p {
  margin-bottom: 1.55em
}

.box-comparison-article>.component-content .rct-comparison-content .box-outer__prebiotic-article .box-article-content .rct-article-content h3,
.box-outer-article-content .box-outer__prebiotic-article .box-article-content .rct-article-content h3,
.box-outer__prebiotic-article .box-article-content .rct-article-content .box-comparison-article>.component-content .rct-comparison-content h3,
.box-outer__prebiotic-article .box-article-content .rct-article-content h2,
.box-outer__prebiotic-article .box-outer-article-content .box-article-content .rct-article-content h3 {
  font-size: 1.55556em;
  font-weight: 900;
  line-height: 1.37
}

.box-outer__prebiotic-article .box-article-content:first-child .rct-article-content {
  margin-top: 2.4em
}

.box-outer__prebiotic-article .box-article-content:nth-child(2) {
  margin-bottom: 4.9em
}

.box-outer__prebiotic-article .box-article-content:nth-child(2) .rct-article-content {
  margin-top: .58em
}

.box-outer__prebiotic-article .box-article-content:last-child .rct-article-content {
  margin-top: .78em
}

.box-outer.box-comparison-article {
  padding-top: 2.9em;
  padding-bottom: 2em
}

@media only screen and (min-width:768px) {
  .box-outer.box-comparison-article {
    padding-top: 6.7em;
    padding-bottom: 4.05em
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-comparison-article__swap {
    padding-top: 4.6em;
    padding-bottom: .9em
  }
}

.box-outer.box-temp-footer-outer {
  background: #333;
  padding-bottom: 2em
}

@media only screen and (min-width:768px) {
  .box-outer.box-temp-footer-outer {
    padding-bottom: 4.08em
  }
}

.box-outer-article-content {
  padding-top: 1.3em
}

@media only screen and (min-width:768px) {
  .box-outer-article-content {
    padding-top: 7.64em
  }
}

.box-outer-article-content .box-article-content {
  float: left;
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content {
    margin-bottom: 1.9em
  }
}

.box-outer-article-content .box-article-content .img-article-body {
  float: none;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 1.2em
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body {
    width: 50.9%;
    float: left;
    margin-bottom: 0
  }
}

.box-outer-article-content .box-article-content .img-article-body.pull-right {
  float: none
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body.pull-right {
    float: right
  }
}

.box-outer-article-content .box-article-content .img-article-body.graph-img {
  width: 50%
}

@media only screen and (min-width:1200px) {
  .box-outer-article-content .box-article-content .img-article-body.nuts-img {
    position: relative;
    top: -1.8em
  }
}

.box-outer-article-content .box-article-content .img-article-body__mrgn-top {
  margin-top: 4em
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body.article-lip-img img {
    margin-top: 3.4em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body.apple-img {
    margin-top: .4em
  }
}

.box-outer-article-content .box-article-content .img-article-body.mobile-center-img img {
  position: relative;
  left: -20%
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body.mobile-center-img img {
    position: static;
    left: auto
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body.pf-img-spacing-1 img {
    margin-top: 1.25em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body.article-lip-img {
    margin-bottom: 2.6666em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body.img-pr-top {
    margin-top: .15em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body.pr-noutrish-img {
    margin-top: .25em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body.pr-feed-img {
    margin-top: 1em;
    width: 50.5%
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .img-article-body.pr-feed-img img {
    width: 50.5%
  }
}

@media only screen and (min-width:1200px) {
  .box-outer-article-content .box-article-content .img-article-body.being-your-day-img img {
    position: relative;
    left: -8.2%
  }
}

@media only screen and (min-width:1200px) {
  .box-outer-article-content .box-article-content .img-article-body.pink-leap {
    margin-top: 1.48em
  }
}

@media only screen and (min-width:1200px) {
  .box-outer-article-content .box-article-content .img-article-body.clock-img img {
    position: relative;
    top: -2.7em
  }
}

.box-outer-article-content .box-article-content .rct-article-content {
  float: left;
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .rct-article-content {
    width: 49.1%
  }
}

.box-outer-article-content .box-article-content .rct-article-content.pull-right {
  float: right
}

.box-outer-article-content .box-article-content .rct-article-content p {
  margin-bottom: 1.55em;
  font-size: .72222em
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .rct-article-content p {
    font-size: 1em
  }
}

.box-outer-article-content .box-article-content .rct-article-content h2,
.box-outer-article-content .box-article-content .rct-article-content h3 {
  font-size: .94445em;
  font-weight: 900
}

@media only screen and (min-width:768px) {

  .box-outer-article-content .box-article-content .rct-article-content h2,
  .box-outer-article-content .box-article-content .rct-article-content h3 {
    font-size: 1.55556em;
    line-height: 1.37;
    margin-bottom: .75em
  }
}

.box-outer-article-content .box-article-content .rct-article-content h3 {
  line-height: 1.15
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .rct-article-content.rct-opt-apples-article {
    margin-top: 3.05em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .rct-article-content.rct-top-spacing {
    margin-top: 2.4em
  }
}

.box-outer-article-content .box-article-content .rct-article-content.rct-pr-bottom-spacing h2,
.box-outer-article-content .box-article-content .rct-article-content.rct-pr-bottom-spacing h3 {
  margin-bottom: .9em
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .rct-article-content.rct-pr-bottom-spacing p {
    margin-bottom: 0
  }
}

@media only screen and (min-width:992px) {
  .box-outer-article-content .box-article-content .rct-article-content.rct-pr-1 {
    width: 47.1%
  }
}

@media only screen and (min-width:768px) {

  .box-outer-article-content .box-article-content .rct-article-content.rct-pr-1 h2,
  .box-outer-article-content .box-article-content .rct-article-content.rct-pr-1 h3 {
    margin-bottom: .5em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content .rct-article-content.rct-stay-hydrated {
    margin-top: 3.25em
  }
}

@media only screen and (min-width:992px) {
  .box-outer-article-content .box-article-content__fiber__mngt {
    margin-bottom: 1.65em
  }
}

.box-outer-article-content .box-article-content__fiber__mngt .rct-article-content h3 {
  margin-bottom: 1.095em
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content__bottom-spacing {
    margin-bottom: 1.55em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content__bottom-spacing-2 {
    margin-bottom: 2.15em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content.top-bottom-spacing {
    margin-top: 2.65em;
    margin-bottom: 6.3em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content.pf-spacing-1 {
    margin-bottom: 7em;
    margin-top: 1.75em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content.pf-spacing-2 {
    margin-bottom: 4.05em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content__pr {
    margin-bottom: 4.9em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content__pr-2 {
    margin-bottom: 2.8em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content.box-begin-your-day {
    margin-top: 1.45em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content.box-miss-meal {
    margin-top: .95em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content.box-pink-leap {
    margin-top: 1.35em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content .box-article-content.box-snack-nuts {
    margin-top: 5.65em
  }
}

.box-outer-article-content.box-show-more {
  padding-top: 0
}

.box-outer-article-content__fiber__mngt {
  padding-top: 5em
}

@media only screen and (min-width:768px) {
  .box-outer-article-content__fiber__mngt {
    padding-top: 7.64em
  }
}

.box-outer-article-content__fiber__mngt2 {
  padding-top: 3.3em
}

@media only screen and (min-width:768px) {
  .box-outer-article-content__fiber__mngt2 {
    padding-top: 4.21em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content.box-pr-outer {
    padding-top: 3.15em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-article-content.box-main-pr {
    padding-bottom: .8em
  }
}

.box-outer.box-article-outer {
  padding: 0
}

.box-outer.box-article-outer p {
  font-size: .7222222222222222em;
  font-weight: 400
}

.box-outer.box-article-outer .rct-article-back p {
  font-weight: 700;
  margin: 1.8em 0 .2em
}

.box-outer.box-article-outer .rct-article-back p>a {
  box-shadow: inset 0 0 0 #fff, inset 0 -2px 0 #009638;
  position: relative;
  margin: 0 0 0 1em;
  word-spacing: 2px
}

.box-outer.box-article-outer .rct-article-back p>a::before {
  content: "\f104";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  color: #009638;
  font-size: 1em;
  position: absolute;
  top: 3px;
  line-height: 1;
  left: -10px
}

.box-outer.box-article-outer .rct-article-back p>a:hover {
  color: #07d052;
  box-shadow: inset 0 0 0 #fff, inset 0 -2px 0 #07d052
}

.box-outer.box-article-outer .rct-article-back p>a:hover::before {
  color: #07d052
}

.box-outer.box-article-outer .rct-article-back p>a:focus {
  color: #3fbeea;
  box-shadow: inset 0 0 0 #fff, inset 0 -2px 0 #3fbeea
}

.box-outer.box-article-outer .rct-article-back p>a:focus::before {
  color: #3fbeea
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .rct-article-back p {
    font-size: .8888888888888889em;
    margin: 3em 0 0
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .rct-article-back~.rct-article-header {
    margin: 2.25em 0 2.95em
  }
}

.box-outer.box-article-outer .box-article-inner .richText ul {
  padding: 0;
  margin: 0
}

.box-outer.box-article-outer .box-article-inner .richText ul>li {
  padding: 0
}

.box-outer.box-article-outer .box-article-inner .richText ul>li:before {
  content: ""
}

.box-outer.box-article-outer .box-article-inner .richText.rct-article-tags {
  margin: .5em auto
}

.box-outer.box-article-outer .box-article-inner .richText.rct-article-tags ul {
  padding: 0;
  margin: 0
}

.box-outer.box-article-outer .box-article-inner .richText.rct-article-tags ul>li {
  display: inline-block;
  width: 49.3%;
  background-color: #009638;
  border: 1px solid #16a555;
  color: #fff;
  font-size: .7777777777777778em;
  font-weight: 700;
  text-align: center;
  margin: 0;
  padding: .6em .3em;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: lowercase
}

.box-outer.box-article-outer .box-article-inner .richText.rct-article-tags ul>li a {
  color: #fff
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .richText.rct-article-tags ul>li {
    width: auto;
    padding: .3em .3em;
    min-width: 9.9em;
    margin-right: .6em;
    margin-top: 1.2em
  }
}

.box-outer.box-article-outer .box-article-inner .richText.rct-article-tags ul>li:hover {
  color: #16a555;
  background-color: #fff;
  border: 1px solid #16a555
}

.box-outer.box-article-outer .box-article-inner .richText.rct-article-tags ul>li:hover>a {
  color: #16a555
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .richText.rct-article-tags {
    display: inline-block;
    margin: 0;
    width: 30em
  }
}

@media only screen and (min-width:992px) {
  .box-outer.box-article-outer .box-article-inner .richText.rct-article-tags {
    width: 36em
  }
}

.box-outer.box-article-outer .box-article-inner .richText p>a {
  box-shadow: inset 0 0 0 #fff, inset 0 -1px 0 #009638
}

.box-outer.box-article-outer .box-article-inner .richText p>a:hover {
  color: #07d052;
  box-shadow: inset 0 0 0 #fff, inset 0 -1px 0 #07d052
}

.box-outer.box-article-outer .box-article-inner .richText p>a:focus {
  color: #3fbeea;
  box-shadow: inset 0 0 0 #fff, inset 0 -1px 0 #3fbeea;
  outline: 2px solid black;
}

.box-outer.box-article-outer .box-article-inner .richText p>a.article-sup-star-link {
  color: #333;
  box-shadow: none
}

.box-outer.box-article-outer .box-article-inner .richText.rct-article-second ul li>a {
  box-shadow: inset 0 0 0 #fff, inset 0 -1px 0 #009638
}

.box-outer.box-article-outer .box-article-inner .rct-article-second.richText ul {
  margin-top: .7em
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .rct-article-second.richText ul>li {
    margin-left: 3.3em
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .rct-article-second.richText ul {
    margin: 0
  }
}

.box-outer.box-article-outer .box-article-inner .st-article .shareThis-list {
  list-style-type: none;
  padding: 0;
  text-align: center;
  margin: .6em 0
}

.box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li {
  display: inline-block;
  padding: .25em;
  text-align: center
}

.box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li>a {
  position: relative;
  color: transparent;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  background-color: #009638;
  box-sizing: border-box;
  border: 1px solid #16a555
}

.box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li>a::before {
  content: "\f09a";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  color: #fff;
  font-size: 1em;
  position: relative;
  line-height: 2;
  width: 35px;
  height: auto;
  box-sizing: border-box;
  left: 6px
}

.box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li>a:hover {
  background-color: #fff;
  border: 1px solid #16a555;
  box-sizing: border-box
}

.box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li>a:hover::before {
  color: #16a555;
  box-sizing: border-box
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li>a {
    width: 38px;
    height: 38px
  }

  .box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li>a::before {
    width: 38px
  }
}

.box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li.st-fb-green>a::before {
  content: "\f09a"
}

.box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li.st-tw-green>a::before {
  content: "\f099"
}

.box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li.st-email-green>a::before {
  content: "\f0e0"
}

.box-outer.box-article-outer .box-article-inner .st-article .shareThis-list>li:last-of-type {
  padding: .25em 0 .25em .25em
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .st-article .shareThis-list {
    text-align: right
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .st-article {
    display: inline-block;
    width: 24%;
    float: right;
    text-align: right;
    position: relative;
    right: -1.5em;
    width: 8em
  }
}

@media only screen and (min-width:992px) {
  .box-outer.box-article-outer .box-article-inner .st-article {
    right: -4.5em
  }
}

.box-outer.box-article-outer .box-article-inner .rct-article-bullets ul>li,
.box-outer.box-article-outer .box-article-inner .rct-article-first ul>li,
.box-outer.box-article-outer .box-article-inner .rct-article-second ul>li {
  padding-left: .81em;
  font-size: .7222222222222222em;
  margin-left: .2em;
  font-weight: 300
}

.box-outer.box-article-outer .box-article-inner .rct-article-bullets ul>li::before,
.box-outer.box-article-outer .box-article-inner .rct-article-first ul>li::before,
.box-outer.box-article-outer .box-article-inner .rct-article-second ul>li::before {
  content: "\f111";
  color: #009638;
  font-size: 5px;
  top: 6px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit
}

@media only screen and (min-width:768px) {

  .box-outer.box-article-outer .box-article-inner .rct-article-bullets ul>li,
  .box-outer.box-article-outer .box-article-inner .rct-article-first ul>li,
  .box-outer.box-article-outer .box-article-inner .rct-article-second ul>li {
    font-size: .8888888888888889em
  }

  .box-outer.box-article-outer .box-article-inner .rct-article-bullets ul>li::before,
  .box-outer.box-article-outer .box-article-inner .rct-article-first ul>li::before,
  .box-outer.box-article-outer .box-article-inner .rct-article-second ul>li::before {
    top: 10px
  }
}

.box-outer.box-article-outer .box-article-inner .rct-article-bullets.recipe-article ul>li,
.box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ul>li,
.box-outer.box-article-outer .box-article-inner .rct-article-second.recipe-article ul>li {
  margin: 0;
  padding: 0
}

.box-outer.box-article-outer .box-article-inner .rct-article-bullets.recipe-article ul>li::before,
.box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ul>li::before,
.box-outer.box-article-outer .box-article-inner .rct-article-second.recipe-article ul>li::before {
  content: ""
}

.box-outer.box-article-outer .box-article-inner .rct-article-bullets.recipe-article ul>li>a,
.box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ul>li>a,
.box-outer.box-article-outer .box-article-inner .rct-article-second.recipe-article ul>li>a {
  box-shadow: inset 0 0 0 #fff, inset 0 -1px 0 #009638
}

.box-outer.box-article-outer .box-article-inner .rct-article-bullets.recipe-article ul>li>a:hover,
.box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ul>li>a:hover,
.box-outer.box-article-outer .box-article-inner .rct-article-second.recipe-article ul>li>a:hover {
  box-shadow: inset 0 0 0 #fff, inset 0 -1px 0 #07d052;
  color: #07d052
}

.box-outer.box-article-outer .box-article-inner .rct-article-bullets.recipe-article ul>li>a:focus,
.box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ul>li>a:focus,
.box-outer.box-article-outer .box-article-inner .rct-article-second.recipe-article ul>li>a:focus {
  box-shadow: inset 0 0 0 #fff, inset 0 -1px 0 #3fbeea;
  color: #3fbeea
}

.box-outer.box-article-outer .box-article-inner .rct-article-bullets.recipe-article ol,
.box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ol,
.box-outer.box-article-outer .box-article-inner .rct-article-second.recipe-article ol {
  margin: 0
}

.box-outer.box-article-outer .box-article-inner .rct-article-bullets.recipe-article ol>li,
.box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ol>li,
.box-outer.box-article-outer .box-article-inner .rct-article-second.recipe-article ol>li {
  font-size: .7222222222222222em;
  font-weight: 300;
  color: #333
}

@media only screen and (min-width:768px) {

  .box-outer.box-article-outer .box-article-inner .rct-article-bullets.recipe-article ol>li,
  .box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ol>li,
  .box-outer.box-article-outer .box-article-inner .rct-article-second.recipe-article ol>li {
    font-size: .8888888888888889em
  }
}

.box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ul {
  margin: 1.9em 0 1em
}

.box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ul>li {
  font-size: .7222222222222222em
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .rct-article-first.recipe-article ul>li {
    font-size: 1.111111111111111em
  }
}

.box-outer.box-article-outer .box-article-inner .rct-article-pull-quote p {
  background-color: #737373;
  font-size: 1.944444444444444em;
  color: #fff;
  text-align: center;
  padding: .3em .4em;
  font-family: "Just Another Hand";
  font-weight: 400;
  line-height: 1.3
}

.box-outer.box-article-outer .box-article-inner .rct-article-pull-quote p .span-new-line {
  display: inline-block
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .rct-article-pull-quote p {
    font-size: 2.277777777777778em;
    padding: 1em .4em
  }
}

.box-outer.box-article-outer .box-article-inner .rct-article-third {
  position: relative
}

.box-outer.box-article-outer .box-article-inner .rct-article-third img {
  position: relative;
  bottom: 0;
  margin: 0;
  margin-top: 21em;
  left: 0;
  float: left
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .rct-article-third img {
    float: right;
    margin: 0 0 0 1.5em;
    position: static
  }

  .box-outer.box-article-outer .box-article-inner .rct-article-third .richText-content {
    position: static
  }
}

.box-outer.box-article-outer .box-article-inner .html-article {
  width: 100%;
  margin: 2em auto 0
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .html-article {
    width: 83.335%
  }
}

.box-outer.box-article-outer .box-article-inner .html-article iframe {
  height: inherit
}

@media only screen and (min-width:320px) {
  .box-outer.box-article-outer .box-article-inner .html-article iframe {
    height: 8.8em
  }
}

@media only screen and (min-width:375px) {
  .box-outer.box-article-outer .box-article-inner .html-article iframe {
    height: 10.2em
  }
}

@media only screen and (min-width:480px) {
  .box-outer.box-article-outer .box-article-inner .html-article iframe {
    height: 18.3em
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .html-article iframe {
    min-height: 100%;
    height: 18em
  }
}

@media only screen and (min-width:992px) {
  .box-outer.box-article-outer .box-article-inner .html-article iframe {
    height: 20.75em
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner {
    padding: 0 1.5em;
    float: left
  }
}

@media only screen and (min-width:959px) {
  .box-outer.box-article-outer .box-article-inner {
    padding: 0 4.5em
  }
}

.box-outer.box-article-outer .box-article-inner .article-image-right {
  margin: 2.2em 0 2em
}

.box-outer.box-article-outer .box-article-inner .article-image-right>.component-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .article-image-right>.component-content {
    display: block
  }
}

.box-outer.box-article-outer .box-article-inner .article-image-right img {
  margin: 1em 0 0;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .article-image-right img {
    padding: 5px 1em 0 1em;
    margin: 0
  }
}

.box-outer.box-article-outer .box-article-inner .article-image-right .richText-content {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}

.box-comparison-article>.component-content .rct-comparison-content .box-outer.box-article-outer .box-article-inner .article-image-right .richText-content>h3,
.box-outer-article-content .box-article-content .rct-article-content .box-outer.box-article-outer .box-article-inner .article-image-right .richText-content>h3,
.box-outer.box-article-outer .box-article-inner .article-image-right .box-comparison-article>.component-content .rct-comparison-content .richText-content>h3,
.box-outer.box-article-outer .box-article-inner .article-image-right .box-outer-article-content .box-article-content .rct-article-content .richText-content>h3,
.box-outer.box-article-outer .box-article-inner .article-image-right .richText-content>h2 {
  margin: 0
}

.box-outer.box-article-outer .box-article-inner .article-image-right.last-food-richtxt {
  margin: 2.2em 0 .8em
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner .article-image-right.last-food-richtxt {
    margin: 2.2em 0 2em
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .box-article-inner {
    width: 100%
  }
}

.box-outer.box-article-outer h3 {
  font-size: 1.166666666666667em;
  color: #009638;
  font-weight: 900;
  line-height: 1.1;
  margin: 1.2em 0 0
}

.box-comparison-article>.component-content .rct-comparison-content .box-outer.box-article-outer .rct-article-second-heading h3,
.box-comparison-article>.component-content .rct-comparison-content .box-outer.box-article-outer .rct-article-third h3,
.box-comparison-article>.component-content .rct-comparison-content .box-outer.box-article-outer .rct-article-third-heading h3,
.box-outer-article-content .box-article-content .rct-article-content .box-outer.box-article-outer .rct-article-second-heading h3,
.box-outer-article-content .box-article-content .rct-article-content .box-outer.box-article-outer .rct-article-third h3,
.box-outer-article-content .box-article-content .rct-article-content .box-outer.box-article-outer .rct-article-third-heading h3,
.box-outer.box-article-outer .rct-article-second-heading .box-comparison-article>.component-content .rct-comparison-content h3,
.box-outer.box-article-outer .rct-article-second-heading .box-outer-article-content .box-article-content .rct-article-content h3,
.box-outer.box-article-outer .rct-article-second-heading h2,
.box-outer.box-article-outer .rct-article-third .box-comparison-article>.component-content .rct-comparison-content h3,
.box-outer.box-article-outer .rct-article-third .box-outer-article-content .box-article-content .rct-article-content h3,
.box-outer.box-article-outer .rct-article-third h2,
.box-outer.box-article-outer .rct-article-third-heading .box-comparison-article>.component-content .rct-comparison-content h3,
.box-outer.box-article-outer .rct-article-third-heading .box-outer-article-content .box-article-content .rct-article-content h3,
.box-outer.box-article-outer .rct-article-third-heading h2 {
  font-size: 1.166666666666667em;
  color: #009638;
  font-weight: 900;
  line-height: 1.1;
  margin: 1.2em 0 0
}

@media only screen and (min-width:768px) {

  .box-comparison-article>.component-content .rct-comparison-content .box-outer.box-article-outer .rct-article-second-heading h3,
  .box-comparison-article>.component-content .rct-comparison-content .box-outer.box-article-outer .rct-article-third h3,
  .box-comparison-article>.component-content .rct-comparison-content .box-outer.box-article-outer .rct-article-third-heading h3,
  .box-outer-article-content .box-article-content .rct-article-content .box-outer.box-article-outer .rct-article-second-heading h3,
  .box-outer-article-content .box-article-content .rct-article-content .box-outer.box-article-outer .rct-article-third h3,
  .box-outer-article-content .box-article-content .rct-article-content .box-outer.box-article-outer .rct-article-third-heading h3,
  .box-outer.box-article-outer .rct-article-second-heading .box-comparison-article>.component-content .rct-comparison-content h3,
  .box-outer.box-article-outer .rct-article-second-heading .box-outer-article-content .box-article-content .rct-article-content h3,
  .box-outer.box-article-outer .rct-article-second-heading h2,
  .box-outer.box-article-outer .rct-article-third .box-comparison-article>.component-content .rct-comparison-content h3,
  .box-outer.box-article-outer .rct-article-third .box-outer-article-content .box-article-content .rct-article-content h3,
  .box-outer.box-article-outer .rct-article-third h2,
  .box-outer.box-article-outer .rct-article-third-heading .box-comparison-article>.component-content .rct-comparison-content h3,
  .box-outer.box-article-outer .rct-article-third-heading .box-outer-article-content .box-article-content .rct-article-content h3,
  .box-outer.box-article-outer .rct-article-third-heading h2 {
    font-size: 1.444444444444444em;
    margin: 1.2em 0 1.2em
  }
}

.box-outer.box-article-outer .rct-article-ref p {
  font-size: .7777777777777778em;
  color: #009638;
  font-weight: 400
}

.box-outer.box-article-outer .rct-article-ref p span {
  font-size: 1em
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .rct-article-ref p span {
    font-size: 1em
  }
}

.box-outer.box-article-outer .rct-article-ref ol {
  margin: 0;
  padding: 0
}

.box-outer.box-article-outer .rct-article-ref ol>li {
  font-size: .6388888888888889em
}

.box-outer.box-article-outer .rct-article-ref ol>li>a {
  color: #333
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .rct-article-ref p {
    font-size: .8888888888888889em
  }

  .box-outer.box-article-outer .rct-article-ref ol {
    margin: 0 4.445em;
    padding: 0
  }

  .box-outer.box-article-outer .rct-article-ref ol>li {
    font-size: .7777777777777778em
  }
}

.box-outer.box-article-outer .divider-article {
  display: none
}

.box-outer.box-article-outer .img-article-desk {
  display: none
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .img-article-mob {
    display: none
  }

  .box-outer.box-article-outer .img-article-desk {
    display: block;
    float: left
  }

  .box-outer.box-article-outer p {
    font-size: 1em
  }

  .box-outer.box-article-outer h3 {
    font-size: 1.277777777777778em;
    margin: 1.2em 0 1.2em
  }

  .box-outer.box-article-outer .divider-article {
    display: block;
    background: #c8c8c8;
    margin: 0 0 .5em;
    float: left;
    width: 100%
  }
}

@media only screen and (min-width:959px) {
  .box-outer.box-article-outer h3 {
    font-size: 1.444444444444444em
  }
}

.box-outer.box-article-outer .rct-article-first p {
  margin: .1em 0
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .rct-article-first p {
    margin: 1.9em 0 1em;
    font-size: 1.111111111111111em
  }
}

.box-outer.box-article-outer .rct-article-second p {
  font-weight: 300
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .rct-article-second p {
    font-size: .8888888888888889em
  }
}

.box-outer.box-article-outer .rct-article-third p {
  font-weight: 300
}

@media only screen and (min-width:768px) {
  .box-outer.box-article-outer .rct-article-third p {
    font-size: .8888888888888889em
  }
}

.box-outer.box-articles-related h3 {
  font-size: 1.277777777777778em;
  color: #009638;
  font-weight: 900;
  line-height: 1.1
}

@media only screen and (min-width:768px) {
  .box-outer.box-articles-related h3 {
    text-align: center
  }
}

.box-outer__artcle-greenbg {
  background: url(../../assets/img/M_green_bg.webp) no-repeat center;
  background-size: cover;
  padding: 0 0 3.1em
}

.box-outer__artcle-greenbg .rct-article-greenbg-pre .richText-content {
  display: block
}

.box-outer__artcle-greenbg .rct-article-greenbg-pre .richText-content p {
  color: #fffb7f;
  font-size: 1.5em;
  font-weight: 900;
  text-align: center;
  margin: .5em auto 0;
  line-height: 1.3
}

.box-outer__artcle-greenbg .rct-article-greenbg-pre .richText-content p .span-new-line {
  display: block
}

@media only screen and (min-width:768px) {
  .box-outer__artcle-greenbg .rct-article-greenbg-pre .richText-content p {
    font-size: 1.5em;
    line-height: 1.2;
    text-align: left;
    padding: 0 0 0 .51em;
    margin: 5.2em 0 0;
    line-height: 1.3
  }

  .box-outer__artcle-greenbg .rct-article-greenbg-pre .richText-content p>strong {
    font-weight: 900
  }
}

@media only screen and (min-width:992px) {
  .box-outer__artcle-greenbg .rct-article-greenbg-pre .richText-content p {
    font-size: 2em;
    margin: 3.15em 0 0
  }
}

.box-outer__artcle-greenbg .rct-article-greenbg-pre img {
  text-align: center;
  display: block;
  float: none;
  margin: 2.2em auto 0;
  width: 4.5em
}

@media only screen and (min-width:768px) {
  .box-outer__artcle-greenbg .rct-article-greenbg-pre img {
    margin: 2.5em auto 0;
    width: auto
  }
}

@media only screen and (min-width:768px) {

  .box-outer__artcle-greenbg .rct-article-greenbg-pre .richText-content,
  .box-outer__artcle-greenbg .rct-article-greenbg-pre img {
    display: inline-block;
    vertical-align: top
  }
}

.box-outer__artcle-greenbg .rct-article-seeall {
  text-align: center
}

.box-outer__artcle-greenbg .rct-article-seeall p {
  color: #fff;
  font-size: .9444444444444444em;
  font-weight: 400;
  line-height: 1.45
}

.box-outer__artcle-greenbg .rct-article-seeall p>a {
  display: block;
  border: 1px solid #f8f58c;
  padding: 1.1em 0;
  text-align: center;
  color: #fffb7f;
  font-size: .8888888888888889em
}

@media only screen and (min-width:768px) {
  .box-outer__artcle-greenbg .rct-article-seeall {
    width: 64%
  }

  .box-outer__artcle-greenbg .rct-article-seeall p {
    font-size: 1em;
    margin: 1em 0 .3em
  }

  .box-outer__artcle-greenbg .rct-article-seeall p>sup {
    font-size: 65%
  }

  .box-outer__artcle-greenbg .rct-article-seeall p>a {
    width: 10.1em;
    margin: 0 auto;
    padding: .8em 0
  }

  .box-outer__artcle-greenbg .rct-article-seeall p>a:hover {
    background-color: #f8f58c;
    color: #16a555
  }

  .box-outer__artcle-greenbg .rct-article-seeall p:first-of-type {
    margin: 1em 0 1.6em;
    line-height: 1.2
  }
}

.box-outer__artcle-greenbg .rct-coupon-content__article {
  background: #fff;
  padding: .2em;
  width: 100%;
  margin: 1em auto 0;
  border: none
}

.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content {
  border: .083em solid green;
  border-style: dashed;
  padding: 0 0 1.2em;
  width: auto;
  margin: 0 auto;
  word-break: break-word
}

.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p {
  color: #009638;
  font-weight: 700;
  padding: 0 1.5em;
  margin: .8em auto 0;
  line-height: 1.3
}

.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p+p {
  text-align: center
}

.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p>a {
  margin: .8em 0 0;
  color: #16a555
}

@media only screen and (min-width:768px) {
  .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p>a {
    width: auto;
    padding: 1em 2.5em
  }
}

.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p>a:hover {
  color: #fff
}

@media only screen and (min-width:768px) {
  .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p {
    margin: 1.5em 0 0
  }

  .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p+p {
    margin: 0
  }
}

.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content>.richText-content {
  width: 15em;
  margin: 0 auto
}

@media only screen and (min-width:768px) {
  .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content {
    padding: 0 0 2em
  }

  .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content>.richText-content {
    width: 18em
  }
}

@media only screen and (min-width:768px) {
  .box-outer__artcle-greenbg .rct-coupon-content__article {
    width: 17em;
    padding: .37em;
    margin: 4.6em 0 0;
    float: left
  }
}

.box-outer__artcle-greenbg .rct-coupon-content__article::after {
  background: 0 0
}

@media only screen and (min-width:768px) {
  .box-outer__artcle-greenbg {
    background: url(../../assets/img/green-background.webp) no-repeat center;
    background-size: cover;
    padding: 0 0 3.4em
  }

  .box-outer__artcle-greenbg>.component-content {
    padding: .2em 0 0 2.5em
  }

  .box-outer__artcle-greenbg>.component-content .box-bottom-green {
    float: left;
    width: 50%
  }
}

@media only screen and (min-width:992px) {
  .box-outer__artcle-greenbg>.component-content .box-bottom-green {
    width: 61%
  }
}

.box-outer.box-recipe__greenbg {
  background: url(../../assets/img/mob-recipe-bg.jpg) no-repeat center;
  background-size: cover;
  padding: 0 0 9.2em
}

@media only screen and (min-width:768px) {
  .box-outer.box-recipe__greenbg {
    background: url(../../assets/img/recipe-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 0 0 7em
  }
}

.box-outer.box-recipe__greenbg>.component-content {
  padding: .2em 0 0 0
}

.box-outer.box-recipe__greenbg .rct-article-greenbg-pre .richText-content p {
  margin: 4.6em auto 0
}

@media only screen and (min-width:768px) {
  .box-outer.box-recipe__greenbg .rct-article-greenbg-pre .richText-content p {
    margin: 3.5em 0 0
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-recipe__greenbg .rct-article-seeall {
    width: 100%;
    text-align: left;
    padding-left: 0
  }
}

@media only screen and (min-width:992px) {
  .box-outer.box-recipe__greenbg .rct-article-seeall {
    padding-left: 2em
  }
}

.box-outer.box-recipe__greenbg .rct-article-seeall p {
  padding: 0 2em 1em
}

@media only screen and (min-width:768px) {
  .box-outer.box-recipe__greenbg .rct-article-seeall p {
    padding: 0
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-recipe__greenbg .rct-coupon-content__article {
    margin: 3.6em 0 0
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-recipe__greenbg .box-bottom-green {
    width: 56.7%
  }
}

@media only screen and (min-width:992px) {
  .box-outer.box-recipe__greenbg .box-bottom-green {
    width: 57.7%
  }
}

.box-outer.digestive-box-outer {
  padding: 0 1.115em
}

.box-outer.digestive-box-outer .rct-article-header {
  text-align: center
}

.box-outer__litegray {
  padding: 0 0 2.7em 0;
  background: #f1ede7;
  background: -moz-linear-gradient(left, #f1ede7 0, #f5f2ee 51%, #f9f7f4 100%);
  background: -webkit-linear-gradient(left, #f1ede7 0, #f5f2ee 51%, #f9f7f4 100%);
  background: linear-gradient(to right, #f1ede7 0, #f5f2ee 51%, #f9f7f4 100%);
  margin-bottom: 2.65em
}

@media only screen and (min-width:768px) {
  .box-outer__litegray {
    margin-bottom: 4.23em
  }
}

@media only screen and (min-width:768px) {
  .box-outer__litegray .img-gh-product {
    display: inline-block;
    margin-left: -2.5em;
    padding: .71em 0 0 0;
    vertical-align: top
  }
}

.box-outer__litegray .img-gh-product img {
  width: 10.2em;
  margin-left: -4em;
  margin-top: 2.8em
}

@media only screen and (min-width:768px) {
  .box-outer__litegray .img-gh-product img {
    margin-top: 1.7em;
    margin-left: 0;
    width: auto
  }
}

@media only screen and (min-width:768px) {
  .box-outer__litegray .box-outer-litegray-inner {
    display: inline-block;
    width: 26.6em;
    margin-left: 0;
    vertical-align: top;
    padding-top: 3.6em;
    margin-left: 2em
  }
}

@media only screen and (min-width:959px) {
  .box-outer__litegray .box-outer-litegray-inner {
    margin-left: 5.5em;
    width: 33.6em
  }
}

@media only screen and (min-width:992px) {
  .box-outer__litegray .box-outer-litegray-inner {
    margin-left: 8em;
    width: 33.6em
  }

  @-moz-document url-prefix() {
    .box-outer__litegray .box-outer-litegray-inner {
      margin-left: 6.5em
    }
  }
}

@media only screen and (min-width:768px) {
  .box-outer__litegray .box-outer-litegray-inner .box-main-inner {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 5em;
    -webkit-column-gap: 5em;
    column-gap: 5em
  }

  @-moz-document url-prefix() {
    .box-outer__litegray .box-outer-litegray-inner .box-main-inner {
      -moz-column-gap: 4em;
      -webkit-column-gap: 4em;
      column-gap: 4em
    }
  }
}

.box-outer__litegray .box-outer-litegray-inner .box-main-inner .home-circle-image {
  width: 100%
}

.box-outer__litegray .box-outer-litegray-inner .box-main-inner .home-circle-image figcaption {
  width: 100%;
  padding: 0
}

.box-outer__litegray .box-outer-litegray-inner .box-main-inner .home-circle-image figcaption p {
  color: #333;
  margin-top: .4em;
  margin-bottom: 1.8em
}

.box-outer__litegray .box-outer-litegray-inner .box-main-inner .home-circle-image figcaption p:last-of-type {
  font-size: 1em
}

@media only screen and (min-width:768px) {
  .box-outer__litegray .box-outer-litegray-inner .box-main-inner .home-circle-image figcaption p>strong {
    font-size: 1.44444em
  }
}

@media only screen and (min-width:959px) {
  .box-outer__litegray .box-outer-litegray-inner .box-main-inner .home-circle-image figcaption p>strong {
    font-size: 1.88889em
  }
}

@media only screen and (min-width:768px) {
  .box-outer__litegray .box-outer-litegray-inner .box-main-inner .home-circle-image figcaption p {
    margin-top: .2em;
    margin-bottom: 0
  }
}

.box-outer__litegray .box-outer-litegray-inner .box-main-inner .home-circle-image img {
  padding: 0;
  width: 7.7em
}

@media only screen and (min-width:768px) {
  .box-outer__litegray .box-outer-litegray-inner .box-main-inner .home-circle-image img {
    width: auto
  }
}

.box-outer__litegray .box-outer-litegray-inner .box-main-inner .home-circle-image:last-of-type {
  margin: 0
}

.box-outer__litegray .box-outer-litegray-inner .rct-content {
  margin: 1.2em 0 .8em
}

.box-comparison-article>.component-content .rct-comparison-content .box-outer__litegray .box-outer-litegray-inner .rct-content h3,
.box-outer-article-content .box-article-content .rct-article-content .box-outer__litegray .box-outer-litegray-inner .rct-content h3,
.box-outer__litegray .box-outer-litegray-inner .rct-content .box-comparison-article>.component-content .rct-comparison-content h3,
.box-outer__litegray .box-outer-litegray-inner .rct-content .box-outer-article-content .box-article-content .rct-article-content h3,
.box-outer__litegray .box-outer-litegray-inner .rct-content h2 {
  color: #009638;
  font-size: 1.5em;
  padding: 0 1em
}

@media only screen and (min-width:768px) {

  .box-comparison-article>.component-content .rct-comparison-content .box-outer__litegray .box-outer-litegray-inner .rct-content h3,
  .box-outer-article-content .box-article-content .rct-article-content .box-outer__litegray .box-outer-litegray-inner .rct-content h3,
  .box-outer__litegray .box-outer-litegray-inner .rct-content .box-comparison-article>.component-content .rct-comparison-content h3,
  .box-outer__litegray .box-outer-litegray-inner .rct-content .box-outer-article-content .box-article-content .rct-article-content h3,
  .box-outer__litegray .box-outer-litegray-inner .rct-content h2 {
    font-size: 2em
  }
}

.box-outer__litegray .box-outer-litegray-inner .rct-content .learn-more-link {
  padding: 1.35em 2.75em;
  color: #19b45d;
  width: 100%;
  margin-top: .7em
}

@media only screen and (min-width:768px) {
  .box-outer__litegray .box-outer-litegray-inner .rct-content .learn-more-link {
    width: auto;
    padding: .8em 2.6em;
    margin-top: 2em
  }
}

.box-outer__litegray .box-outer-litegray-inner .rct-content .learn-more-link:hover {
  color: #fff
}

.box-outer__litegray .box-outer-litegray-inner .rct-content .learn-more-link:focus {
  color: #fff
}

@media only screen and (min-width:768px) {
  .box-outer__litegray .box-outer-litegray-inner .rct-content {
    margin: 0
  }
}

.box-outer__litegray .box-outer-litegray-inner .rct-content:last-of-type {
  margin: 0
}

.box-outer__litegray .box-outer-litegray-inner .box-main-inner {
  margin-top: .6em
}

@media only screen and (min-width:768px) {
  .box-outer__litegray .box-outer-litegray-inner .box-main-inner {
    margin-top: 2.6em
  }
}

.box-outer.box-product-pink-outer {
  background: #fff8f8;
  padding-top: 2.77em;
  padding-bottom: 2.45em
}

@media only screen and (min-width:768px) {
  .box-outer.box-product-pink-outer {
    padding-bottom: 2.45em
  }
}

.box-outer.box-product-gray-outer {
  background: #fafcf0;
  padding-top: 2.77em;
  padding-bottom: 2.45em
}

@media only screen and (min-width:768px) {
  .box-outer.box-product-gray-outer {
    padding-bottom: 2.45em;
    padding-top: 1.77em
  }
}

@media only screen and (min-width:992px) {
  .box-outer.box-product-gray-outer {
    padding-bottom: .45em;
    padding-top: 2.77em
  }
}

@media only screen and (min-width:1200px) {
  .box-outer.box-product-gray-outer {
    padding-bottom: 1.2em;
    padding-top: 3.77em
  }
}

.box-outer.box-product-gray-outer .img-bottle-benfiber img {
  float: none
}

@media only screen and (min-width:768px) {
  .box-outer.box-product-gray-outer .img-bottle-benfiber img {
    float: none;
    width: 60%;
    margin-top: 2.5em
  }
}

@media only screen and (min-width:992px) {
  .box-outer.box-product-gray-outer .img-bottle-benfiber img {
    float: left;
    width: auto;
    margin-top: 0;
    position: relative;
    left: -3em
  }
}

@media only screen and (min-width:768px) {
  .box-outer.box-product-gray-outer .img-bottle-benfiber__healthy-shape img {
    width: auto
  }
}

@media only screen and (min-width:992px) {
  .box-outer.box-product-gray-outer .img-bottle-benfiber__healthy-shape img {
    float: left;
    width: auto;
    margin-top: 0;
    position: static;
    left: auto
  }
}

@media only screen and (min-width:768px) {
  .box-gh-outer-articles>.component-content {
    max-width: 980px
  }
}

@media only screen and (min-width:768px) {
  .box-gh-outer-articles {
    margin-bottom: 3.4em
  }
}

@media only screen and (min-width:959px) {
  .box-gh-outer-articles {
    margin-bottom: 7.4em
  }
}

.box-gh-outer-articles.box-gh-see-more {
  margin: 0
}

.box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray {
  background-color: #5c5c5c;
  padding: 3.2em 0 3em;
  margin-bottom: 1.65em;
  cursor: pointer
}

@media only screen and (min-width:768px) {
  .box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray {
    float: left;
    width: 48%;
    margin: 0 1% 0;
    min-height: 53.3em
  }
}

@media only screen and (min-width:959px) {
  .box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray {
    min-height: 53.3em
  }
}

.box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .inner-article-image figure img {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  float: none
}

@media only screen and (min-width:768px) {
  .box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .inner-article-image figure img {
    width: auto
  }
}

.box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .inner-article-image figcaption {
  background: 0 0;
  position: static
}

.box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .inner-article-image figcaption>p {
  color: #fff;
  padding: 0 3em;
  margin: 0
}

.box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .inner-article-image figcaption>p:first-of-type {
  margin-top: 1.5em
}

.box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .inner-article-image figcaption>p strong {
  font-size: .9444444444444444em
}

@media only screen and (min-width:768px) {
  .box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .inner-article-image figcaption>p strong {
    font-size: 1.44444em;
    line-height: 1.1
  }
}

.box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .inner-article-image figcaption>p .read-article-txt {
  color: #fff
}

.box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .inner-article-image figcaption>p .read-article-txt::after {
  color: #fff
}

.box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .rct-gh-quote p {
  font-family: "Just Another Hand";
  font-size: 1.944444444444444em;
  font-weight: 400;
  color: #fff;
  text-align: center;
  padding: 0 1em;
  line-height: 1
}

@media only screen and (min-width:768px) {
  .box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .rct-gh-quote p {
    font-size: 3em;
    padding: 1.4em 0 1em;
    margin: 0
  }
}

@media only screen and (min-width:959px) {
  .box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray .rct-gh-quote p {
    padding: 1.4em 1em 0
  }
}

.box-gh-outer-articles .box-inner-articles-list.box-gh-inner-articles-gray:hover {
  background-color: #484747
}

@media only screen and (min-width:959px) {
  .box-gh-outer-articles__fiber .box-gh-inner-articles-gray.box-inner-articles-list {
    min-height: 53.6em
  }
}

.box-gh-outer-articles__fiber .box-gh-inner-articles-gray:hover {
  background-color: #484747
}

.box-banner {
  float: left;
  width: 100%;
  position: relative
}

.box-banner__prebiotic {
  text-decoration: none
}

.box-main-inner {
  float: left;
  width: 100%;
  margin-top: 2.3em
}

@media only screen and (min-width:768px) {
  .box-main-inner {
    margin-top: 3.2em
  }
}

.box-main-inner>.component-content {
  margin: 0 auto;
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-main-inner>.component-content {
    width: 100%
  }
}

.box-main-inner>.component-content .home-circle-image {
  float: left;
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-main-inner>.component-content .home-circle-image {
    width: 33.333%
  }
}

.box-main-inner>.component-content .home-circle-image figcaption {
  width: 100%;
  display: block;
  padding: .1em 0 1.85em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width:768px) {
  .box-main-inner>.component-content .home-circle-image figcaption {
    padding: .2em 13%
  }
}

.box-main-inner>.component-content .home-circle-image figcaption p {
  color: #fff;
  margin: 0
}

.box-main-inner>.component-content .home-circle-image figcaption p strong {
  font-weight: 400;
  font-size: 1.88889em;
  font-family: "Just Another Hand";
  letter-spacing: .03em
}

.box-main-inner>.component-content .home-circle-image figcaption p:last-child {
  font-size: .94445em;
  line-height: 1.1
}

@media only screen and (min-width:768px) {
  .box-main-inner>.component-content .home-circle-image figcaption p:last-child {
    font-size: 1em;
    line-height: 1.3
  }
}

.box-home-article-inner {
  float: left;
  width: 100%;
  margin-top: 3.7em;
  min-height: inherit;
  position: relative
}

@media only screen and (min-width:768px) {
  .box-home-article-inner {
    min-height: 72.65em
  }
}

@media only screen and (min-width:959px) {
  .box-home-article-inner {
    min-height: 78.65em
  }
}

@media only screen and (min-width:992px) {
  .box-home-article-inner {
    min-height: 81.65em
  }
}

.box-home-article-inner .box-inner-articles-list {
  float: left;
  width: 100%;
  display: block;
  margin: 0 0 2.25em;
  position: relative
}

@media only screen and (min-width:768px) {
  .box-home-article-inner .box-inner-articles-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 48.75%;
    margin: 0
  }
}

@media only screen and (min-width:768px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-one {
    position: absolute;
    left: 0;
    top: 0
  }
}

@media only screen and (min-width:768px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-two {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    cursor: pointer
  }
}

@media only screen and (min-width:768px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-three {
    top: 15.22em
  }
}

@media only screen and (min-width:959px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-three {
    top: 15.22em
  }
}

@media only screen and (min-width:992px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-three {
    top: 15.4em
  }
}

@media only screen and (min-width:768px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-four {
    position: absolute;
    left: auto;
    right: 0;
    top: 29em
  }
}

@media only screen and (min-width:959px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-four {
    top: 29em
  }
}

@media only screen and (min-width:992px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-four {
    top: 28.7em
  }
}

@media only screen and (min-width:768px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-five {
    top: 43.6em
  }
}

@media only screen and (min-width:959px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-five {
    top: 50.1em
  }
}

@media only screen and (min-width:992px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-five {
    top: 51em
  }
}

@media only screen and (min-width:768px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-six {
    position: absolute;
    left: auto;
    right: 0;
    top: 44.15em
  }
}

@media only screen and (min-width:959px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-six {
    top: 44.15em
  }
}

@media only screen and (min-width:992px) {
  .box-home-article-inner .box-inner-articles-list.box-inner-articles-six {
    top: 44.35em
  }
}

.box-home-article-inner__prebiotic {
  min-height: inherit;
  margin-top: 0;
  padding-bottom: .5em
}

@media only screen and (min-width:768px) {
  .box-home-article-inner__prebiotic {
    padding-bottom: 4.6em
  }
}

@media only screen and (min-width:768px) {
  .box-home-article-inner__prebiotic .box-inner-articles-list {
    position: relative;
    left: auto;
    top: auto;
    width: 48.7%;
    margin: 0;
    float: left;
    margin-left: 2.6%
  }
}

.box-home-article-inner__prebiotic .box-inner-articles-list:first-child {
  margin-left: 0
}

.box_product_inner_callouts {
  -moz-column-count: 0;
  -webkit-column-count: 0;
  column-count: 0;
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
  width: 100%;
  padding-bottom: 2.862em;
  padding-top: 0;
  float: left
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    float: none;
    padding-top: 5.05em;
    padding-bottom: 5.462em
  }
}

@media only screen and (min-width:1200px) {
  .box_product_inner_callouts {
    margin: 0 auto;
    width: 93%
  }
}

.box_product_inner_callouts .product-callout-image img {
  width: 47.2%;
  margin-top: 3.9em
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts .product-callout-image img {
    width: 19.2%;
    margin-top: 0
  }
}

.box_product_inner_callouts .product-callout-image:last-child img {
  width: 37.5%;
  margin-top: 4.9em
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts .product-callout-image:last-child img {
    width: 16.1%;
    margin-top: 0
  }
}

.box_product_inner_callouts .product-callout-image.home-product-img-right:last-child img {
  width: 37.5%;
  margin-top: 3.4em
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts .product-callout-image.home-product-img-right:last-child img {
    width: 16.1%;
    margin-top: 0
  }
}

.box_product_inner_callouts.op_callout {
  padding-top: .05em;
  column-gap: 4.7em;
  padding-bottom: 4.4em
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout {
    padding-bottom: 5.592em
  }
}

.box_product_inner_callouts.op_callout .product-callout-image:first-of-type {
  margin: 0 0 4.3em
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout .product-callout-image:first-of-type {
    margin-bottom: 0
  }
}

.box_product_inner_callouts.op_callout .product-callout-image img {
  width: 13em;
  margin-top: .6em;
  margin-left: -49px
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout .product-callout-image img {
    width: 14.5em;
    margin-left: 0
  }
}

.box_product_inner_callouts.op_callout .product-callout-image:last-of-type {
  padding-top: .5em
}

.box_product_inner_callouts.op_callout .product-callout-image:last-of-type img {
  width: 5.9em;
  margin-left: 0
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout .product-callout-image:last-of-type img {
    width: 6.4em
  }
}

.box_product_inner_callouts.op_callout .product-callout-image.product-img-right img {
  width: auto;
  margin-top: .93em
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout .product-callout-image.product-img-right figcaption {
    width: 94%
  }
}

@media only screen and (min-width:992px) {
  .box_product_inner_callouts.op_callout .product-callout-image.product-img-right figcaption {
    width: 86%
  }
}

.box_product_inner_callouts.op_callout .product-callout-image figcaption {
  width: 93%
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout .product-callout-image figcaption {
    font-size: .9em;
    width: 100%
  }
}

@media only screen and (min-width:959px) {
  .box_product_inner_callouts.op_callout .product-callout-image figcaption {
    width: 86%;
    font-size: 1em
  }
}

.box_product_inner_callouts.op_callout .product-callout-image figcaption p {
  font-size: .9444444444444444em;
  font-weight: 400;
  margin-top: .5em
}

.box_product_inner_callouts.op_callout .product-callout-image figcaption p:first-of-type {
  margin-top: -2px
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout .product-callout-image figcaption p:first-of-type {
    margin-top: 0
  }
}

.box_product_inner_callouts.op_callout .product-callout-image figcaption p strong {
  font-size: 1.11111em;
  font-weight: 900;
  line-height: 1
}

.box_product_inner_callouts.op_callout .product-callout-image figcaption p strong sup {
  font-size: 68%;
  top: -.5em
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout .product-callout-image figcaption p strong sup {
    font-size: 55%;
    top: -.7em
  }
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout .product-callout-image figcaption p strong {
    font-size: 1.444444444444444em
  }
}

.box_product_inner_callouts.op_callout .product-callout-image figcaption p>a {
  color: #333
}

.box_product_inner_callouts.op_callout .product-callout-image figcaption p>a.more-info-txt {
  width: 100%;
  padding: .9em 3.1em;
  color: #fff;
  margin-top: 1em
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout .product-callout-image figcaption p>a.more-info-txt {
    margin-top: 2.2em;
    width: auto
  }
}

.box_product_inner_callouts.op_callout .product-callout-image figcaption p>a.more-info-txt:focus,
.box_product_inner_callouts.op_callout .product-callout-image figcaption p>a.more-info-txt:hover {
  border: 1px solid #009638;
  color: #009638
}

@media only screen and (min-width:768px) {
  .box_product_inner_callouts.op_callout .product-callout-image figcaption p {
    font-size: 1em;
    margin-top: 0
  }
}

.rct-coupon-content {
  border: 2px dashed #009638;
  padding: .61em 0 .85em;
  background: linear-gradient(to bottom, #f6f6f6 0, #fff 100%);
  width: 100%;
  position: relative;
  cursor: pointer
}

.rct-coupon-content .span-coupon-doller {
  float: left;
  font-size: 1.88889em;
  color: #009638;
  font-weight: 700
}

.rct-coupon-content .span-coupon-number {
  float: left;
  font-size: 3.611111111111111em;
  color: #009638;
  font-weight: 700;
  line-height: 1
}

@media only screen and (min-width:768px) {
  .rct-coupon-content .span-coupon-number {
    font-size: 3.611111111111111em
  }
}

@media only screen and (min-width:992px) {
  .rct-coupon-content .span-coupon-number {
    font-size: 4.444444444444444em
  }
}

.rct-coupon-content .span-coupon-text {
  float: left;
  line-height: 1;
  font-size: 1.44444em;
  color: #009638;
  font-weight: 900;
  margin-top: .34em;
  width: 50%
}

@media only screen and (min-width:768px) {
  .rct-coupon-content .span-coupon-text {
    font-size: 1.44444em
  }
}

@media only screen and (min-width:992px) {
  .rct-coupon-content .span-coupon-text {
    font-size: 1.77778em
  }
}

.rct-coupon-content>.component-content {
  width: 75%;
  margin: 0 auto
}

@media only screen and (min-width:360px) {
  .rct-coupon-content>.component-content {
    width: 66%
  }
}

@media only screen and (min-width:480px) {
  .rct-coupon-content>.component-content {
    width: 43%
  }
}

@media only screen and (min-width:640px) {
  .rct-coupon-content>.component-content {
    width: 38%
  }
}

@media only screen and (min-width:768px) {
  .rct-coupon-content>.component-content {
    width: 54.2%
  }
}

.rct-coupon-content p:last-child {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 1.5em
}

.rct-coupon-content::after {
  content: "";
  background: url(../../assets/img/scissor-icon.png) left top no-repeat;
  width: 38px;
  height: 25px;
  position: absolute;
  left: 1%;
  top: -1.45em
}

.rct-coupon-content__product {
  width: 100%;
  margin: 0 auto;
  float: none;
  padding: .61em 0 .85em;
  float: left
}

@media only screen and (min-width:768px) {
  .rct-coupon-content__product {
    width: 48.75%;
    float: none
  }
}

.rct-coupon-content__product>.component-content {
  width: 75%;
  margin: 0 auto
}

@media only screen and (min-width:360px) {
  .rct-coupon-content__product>.component-content {
    width: 66%
  }
}

@media only screen and (min-width:480px) {
  .rct-coupon-content__product>.component-content {
    width: 43%
  }
}

@media only screen and (min-width:640px) {
  .rct-coupon-content__product>.component-content {
    width: 38%
  }
}

@media only screen and (min-width:768px) {
  .rct-coupon-content__product>.component-content {
    width: 54.2%
  }
}

.rct-coupon-content__article .span-coupon-doller {
  font-size: 1.572777777777778em;
  color: #19a657
}

@media only screen and (min-width:768px) {
  .rct-coupon-content__article .span-coupon-doller {
    font-size: 1.737777777777778em
  }
}

.rct-coupon-content__article .span-coupon-number {
  font-size: 3.766111111111111em;
  color: #19a657
}

@media only screen and (min-width:768px) {
  .rct-coupon-content__article .span-coupon-number {
    font-size: 4.161666666666667em
  }
}

.rct-coupon-content__article .span-coupon-text {
  width: 5.8em;
  font-size: 1.49em;
  color: #19a657
}

@media only screen and (min-width:768px) {
  .rct-coupon-content__article .span-coupon-text {
    width: 6em;
    font-size: 1.646111111111111em
  }
}

.rct-coupon-content__article .span-coupon-text>sup {
  font-size: 53%;
  top: -.75em
}

.box-learn-all-outer {
  width: 100%;
  -moz-column-count: 0;
  -webkit-column-count: 0;
  column-count: 0;
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
  margin-top: .1em;
  float: left
}

@media only screen and (min-width:768px) {
  .box-learn-all-outer {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: .65em;
    -webkit-column-gap: .65em;
    column-gap: .65em;
    float: none
  }
}

.box-learn-all-outer .box-learn-all-inner {
  position: relative;
  display: block;
  margin-bottom: 2em
}

@media only screen and (min-width:768px) {
  .box-learn-all-outer .box-learn-all-inner {
    display: block;
    margin-bottom: 0
  }
}

.box-learn-all-outer__about {
  padding-bottom: 3.6em
}

@media only screen and (min-width:768px) {
  .box-learn-all-outer__about {
    padding-bottom: 5.02em
  }
}

.box-learn-all-outer__about .learn-all-link {
  margin-top: .08em
}

.box-learn-all-outer__about .box-learn-all-inner {
  margin-bottom: 2.1em
}

@media only screen and (min-width:768px) {
  .box-learn-all-outer__about .box-learn-all-inner {
    margin-bottom: 0
  }
}

.box-eating-healthy {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 2.5em
}

.box-comparison-article>.component-content .box-comparison-left,
.box-comparison-article>.component-content .box-comparison-right {
  display: block;
  width: 100%;
  float: left
}

@media only screen and (min-width:768px) {

  .box-comparison-article>.component-content .box-comparison-left,
  .box-comparison-article>.component-content .box-comparison-right {
    width: 48.8%;
    padding-right: 0
  }
}

@media only screen and (min-width:992px) {

  .box-comparison-article>.component-content .box-comparison-left,
  .box-comparison-article>.component-content .box-comparison-right {
    width: 48.8%;
    padding-right: 8.1%
  }
}

.box-comparison-article>.component-content .box-comparison-left .box-images-comparison,
.box-comparison-article>.component-content .box-comparison-right .box-images-comparison {
  margin-top: .25em
}

@media only screen and (min-width:768px) {

  .box-comparison-article>.component-content .box-comparison-left .box-images-comparison,
  .box-comparison-article>.component-content .box-comparison-right .box-images-comparison {
    margin-top: 3.27em
  }
}

@media only screen and (min-width:959px) {

  .box-comparison-article>.component-content .box-comparison-left .box-images-comparison,
  .box-comparison-article>.component-content .box-comparison-right .box-images-comparison {
    margin-top: 1.7em
  }
}

@media only screen and (min-width:992px) {

  .box-comparison-article>.component-content .box-comparison-left .box-images-comparison,
  .box-comparison-article>.component-content .box-comparison-right .box-images-comparison {
    margin-top: 3.27em
  }
}

.box-comparison-article>.component-content .box-comparison-left .box-images-comparison.box-img-comp-swap-out,
.box-comparison-article>.component-content .box-comparison-right .box-images-comparison.box-img-comp-swap-out {
  margin-top: 0;
  margin-bottom: 1.58em
}

@media only screen and (min-width:992px) {

  .box-comparison-article>.component-content .box-comparison-left .box-images-comparison.box-img-comp-swap-out,
  .box-comparison-article>.component-content .box-comparison-right .box-images-comparison.box-img-comp-swap-out {
    margin-bottom: 1.7em
  }
}

.box-comparison-article>.component-content .box-comparison-left .box-images-comparison.box-img-comp-swap-out:last-child,
.box-comparison-article>.component-content .box-comparison-right .box-images-comparison.box-img-comp-swap-out:last-child {
  margin-bottom: 0
}

.box-comparison-article>.component-content .box-comparison-right {
  margin-left: 0;
  position: relative;
  border-top: 1px solid #888;
  padding-top: 2em;
  margin-top: 1.55em
}

@media only screen and (min-width:768px) {
  .box-comparison-article>.component-content .box-comparison-right {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
    margin-left: 2.4%;
    padding-right: 0;
    padding-left: 5%
  }
}

@media only screen and (min-width:768px) {
  .box-comparison-article>.component-content .box-comparison-right::before {
    content: "";
    width: 1px;
    height: 100%;
    left: -2.3%;
    top: 0;
    position: absolute;
    background: #000
  }
}

.box-comparison-article>.component-content .box-comparison-right .box-images-comparison {
  margin-top: .25em
}

.box-comparison-article>.component-content .box-comparison-right .box-images-comparison.box-img-comp-swap-in {
  margin-top: 0;
  margin-bottom: 1.58em
}

@media only screen and (min-width:768px) {
  .box-comparison-article>.component-content .box-comparison-right .box-images-comparison.box-img-comp-swap-in {
    margin-bottom: .75em
  }
}

@media only screen and (min-width:992px) {
  .box-comparison-article>.component-content .box-comparison-right .box-images-comparison.box-img-comp-swap-in {
    margin-bottom: 0
  }
}

@media only screen and (min-width:1200px) {
  .box-comparison-article>.component-content .box-comparison-right .box-images-comparison.box-img-comp-swap-in {
    margin-bottom: 0
  }
}

.box-comparison-article>.component-content .box-comparison-right .box-images-comparison.box-img-comp-swap-in:last-child {
  margin-bottom: 0
}

.box-comparison-article>.component-content .img-biotics-comaprison {
  display: block;
  width: 100%
}

.box-comparison-article>.component-content .rct-comparison-content {
  margin-top: 1.25em
}

@media only screen and (min-width:768px) {
  .box-comparison-article>.component-content .rct-comparison-content {
    margin-top: 1.73em
  }
}

.box-comparison-article>.component-content .rct-comparison-content h2,
.box-comparison-article>.component-content .rct-comparison-content h3 {
  font-size: 1em;
  font-weight: 900;
  line-height: 1.37;
  margin-bottom: .86em
}

@media only screen and (min-width:768px) {

  .box-comparison-article>.component-content .rct-comparison-content h2,
  .box-comparison-article>.component-content .rct-comparison-content h3 {
    font-size: 1.55556em
  }
}

.box-comparison-article>.component-content .rct-comparison-content h3 {
  margin-bottom: 1.8em
}

.box-comparison-article>.component-content .rct-comparison-content p {
  margin-bottom: 1.65em;
  font-size: .72222em
}

@media only screen and (min-width:768px) {
  .box-comparison-article>.component-content .rct-comparison-content p {
    font-size: 1em
  }
}

.box-comparison-article>.component-content .rct-comparison-content p strong {
  font-weight: 700;
  font-size: 1em
}

@media only screen and (min-width:768px) {
  .box-comparison-article>.component-content .rct-comparison-content p strong {
    font-size: 1em
  }
}

.box-comparison-article__swap>.component-content .rct-comparison-content {
  margin-top: 1.25em
}

@media only screen and (min-width:768px) {
  .box-comparison-article__swap>.component-content .rct-comparison-content {
    margin-top: 0
  }
}

.box-comparison-article__swap>.component-content .box-comparison-right::before {
  top: .85em;
  height: 87%
}

.box-product-header {
  float: left;
  width: 100%;
  margin-top: 2.53em;
  padding-left: 0
}

@media only screen and (min-width:768px) {
  .box-product-header {
    width: 63%;
    margin-top: 4.53em;
    margin-left: 6.35%
  }
}

.box-product-header h1 {
  font-size: 1.66667em;
  font-weight: 900;
  margin-bottom: .29em
}

@media only screen and (min-width:768px) {
  .box-product-header h1 {
    font-size: 45px
  }
}

.box-product-header .box-product-header-buy {
  float: left;
  width: 100%
}

.box-product-header .box-product-header-buy .rct-product-header-buy p {
  font-size: .94445em
}

@media only screen and (min-width:768px) {
  .box-product-header .box-product-header-buy .rct-product-header-buy p {
    font-size: 1em
  }
}

.box-product-header .rct-product-header-content {
  float: left;
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-product-header .rct-product-header-content {
    width: 91%;
    margin-top: .9em
  }
}

.box-product-header .rct-product-header-content p {
  margin-bottom: 1.56em;
  font-size: .94445em
}

@media only screen and (min-width:768px) {
  .box-product-header .rct-product-header-content p {
    font-size: 1em
  }
}

.box-product-header .box-product-header-icons {
  margin-top: 1.25em
}

.box-product-header .box-product-header-icons>.component-content {
  padding: 0;
  width: 100%
}

.box-product-header .box-product-header-icons>.component-content .home-circle-image {
  float: left;
  width: 45%;
  margin-right: 5%;
  margin-bottom: 2em
}

@media only screen and (min-width:768px) {
  .box-product-header .box-product-header-icons>.component-content .home-circle-image {
    width: 19%;
    margin-right: 8%;
    margin-bottom: 0
  }
}

@media only screen and (min-width:992px) {
  .box-product-header .box-product-header-icons>.component-content .home-circle-image {
    width: 17%;
    margin-right: 10%;
    margin-bottom: 0
  }
}

.box-product-header .box-product-header-icons>.component-content .home-circle-image figcaption {
  padding: 0
}

.box-product-header .box-product-header-icons>.component-content .home-circle-image figcaption p {
  color: #333;
  font-size: 1.11111em;
  line-height: .9;
  margin: 0
}

@media only screen and (min-width:768px) {
  .box-product-header .box-product-header-icons>.component-content .home-circle-image figcaption p {
    font-size: 1.22222em
  }
}

.box-product-header .box-product-header-icons>.component-content .home-circle-image figcaption p strong {
  font-size: .9090909090909091em;
  line-height: 1.2
}

@media only screen and (min-width:992px) {
  .box-product-header .box-product-header-icons>.component-content .home-circle-image figcaption p strong {
    font-size: 1em
  }
}

.box-product-header .box-product-header-icons>.component-content .home-circle-image:last-child {
  margin-right: 0
}

@media only screen and (min-width:992px) {
  .box-product-header .box-product-header-icons>.component-content .home-circle-image__healthy-shape {
    margin-right: 9.3%
  }
}

.box-product-header .box-product-header-icons__healthy-shape {
  margin-top: .25em
}

.box-product-header .img-child-product img {
  width: 80%;
  margin-top: 1.8em;
  position: relative;
  left: -3%
}

.box-product-header .img-child-product.img-product-healthy-shape img {
  width: 33%;
  margin-top: 1.8em
}

@media only screen and (min-width:768px) {
  .box-product-header.box-product-healthy-shape {
    width: 63%;
    margin-top: 4.53em;
    margin-left: 14.85%
  }
}

.box-product-inner {
  float: left;
  width: 100%;
  margin-top: 0;
  padding-bottom: 4.65em
}

@media only screen and (min-width:768px) {
  .box-product-inner {
    margin-top: 2.85em
  }
}

.box-product-inner.box-ob-inner {
  padding-bottom: 0
}

@media only screen and (min-width:768px) {
  .box-product-inner.box-ob-inner {
    padding-bottom: 4.65em
  }
}

.box-product-inner-first {
  float: left;
  width: 100%
}

.box-product-inner-second {
  float: left;
  width: 100%;
  margin-top: 1.65em;
  padding-bottom: 3.8em
}

@media only screen and (min-width:768px) {
  .box-product-inner-second {
    margin-top: 2.85em
  }
}

.box-product-inner-supp {
  float: left;
  width: 100%;
  padding-top: 1.08em
}

@media only screen and (min-width:768px) {
  .box-product-inner-supp {
    width: 48.9%;
    padding-top: 1.08em
  }
}

@media only screen and (min-width:768px) {
  .box-product-inner-supp {
    padding-top: 1em
  }
}

.box-product-inner-supp .rct-product-supp {
  float: left;
  width: 100%;
  margin-bottom: 0
}

.box-product-inner-supp .rct-product-supp p {
  font-size: .83333em
}

@media only screen and (min-width:768px) {
  .box-product-inner-supp .rct-product-supp p {
    font-size: 1em
  }
}

.box-product-inner-supp .rct-product-supp p strong {
  font-size: 1.4em;
  font-weight: 900;
  line-height: 1
}

@media only screen and (min-width:768px) {
  .box-product-inner-supp .rct-product-supp p strong {
    font-size: 1.44444em
  }
}

.box-product-inner-supp .rct-product-supp p:first-child {
  margin-bottom: 0
}

@media only screen and (min-width:768px) {
  .box-product-inner-supp .rct-product-supp p:first-child {
    margin-top: 0
  }
}

.box-product-inner-supp .rct-product-supp p:nth-child(2) {
  margin-top: 0;
  margin-bottom: .9em
}

.box-yellow-article-inner {
  background-color: #fffb7f;
  margin-bottom: 1.65em
}

.box-yellow-article-inner .inner-article-image img {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  float: none
}

.box-yellow-article-inner .inner-article-image figcaption {
  position: static;
  background: 0 0;
  margin-top: 1.1em
}

.box-yellow-article-inner .inner-article-image figcaption p a {
  font-size: .9444444444444444em;
  color: #333;
  font-weight: 900
}

.box-yellow-article-inner .inner-article-image figcaption p a.read-article-txt {
  font-weight: 400;
  font-size: .6111111111111111em;
  color: #009638
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner .inner-article-image figcaption p a.read-article-txt {
    font-size: .77778em
  }
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner .inner-article-image figcaption {
    margin-top: 1.5em
  }
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner {
    width: 48%;
    float: left
  }
}

.box-yellow-article-inner.box-articles-related-first {
  margin: 0 0 1.75em 0;
  clear: both
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner.box-articles-related-first {
    margin: 0 1.2em 0 0
  }
}

.box-yellow-article-inner.box-articles-related-first .inner-article-image-yellow {
  padding-bottom: 1.3em;
  padding-top: 1.4em
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner.box-articles-related-first .inner-article-image-yellow {
    padding-top: 2em;
    padding-bottom: 1.46em;
    min-height: 22em
  }
}

@media only screen and (min-width:963px) {
  .box-yellow-article-inner.box-articles-related-first .inner-article-image-yellow {
    min-height: 26.2em
  }
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner.box-articles-related-first {
    width: 48%;
    min-height: 22em
  }
}

@media only screen and (min-width:959px) {
  .box-yellow-article-inner.box-articles-related-first {
    width: 48.8%
  }
}

@media only screen and (min-width:963px) {
  .box-yellow-article-inner.box-articles-related-first {
    min-height: 26em
  }
}

.box-yellow-article-inner.box-articles-related-second .inner-article-image-yellow {
  padding-bottom: 1.3em
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner.box-articles-related-second .inner-article-image-yellow {
    padding-top: 2em;
    min-height: 22em
  }
}

@media only screen and (min-width:963px) {
  .box-yellow-article-inner.box-articles-related-second .inner-article-image-yellow {
    min-height: 26.2em
  }
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner.box-articles-related-second {
    width: 48%;
    min-height: 22em
  }
}

@media only screen and (min-width:959px) {
  .box-yellow-article-inner.box-articles-related-second {
    width: 48.8%
  }
}

@media only screen and (min-width:963px) {
  .box-yellow-article-inner.box-articles-related-second {
    min-height: 26em
  }
}

.box-yellow-article-inner__litegray {
  width: auto;
  float: none;
  background-color: #f4f1ea;
  padding: 1.3em 0 .3em;
  cursor: pointer
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner__litegray {
    float: left;
    width: 48%;
    margin: 0 1% 1.3em;
    min-height: 26em;
    padding: 2.5em 0 4.6em
  }
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner__litegray .inner-article-image img {
    width: 42%
  }
}

.box-yellow-article-inner__litegray .inner-article-image figcaption {
  padding: 0 0 1.1em
}

.box-yellow-article-inner__litegray .inner-article-image figcaption p {
  margin: 0
}

.box-yellow-article-inner__litegray .inner-article-image figcaption p strong {
  font-size: .9444444444444444em;
  font-weight: 900;
  line-height: 1
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner__litegray .inner-article-image figcaption {
    padding: 0
  }

  .box-yellow-article-inner__litegray .inner-article-image figcaption p strong {
    font-size: 1.44444em;
    font-weight: 900;
    line-height: 1.2;
    color: #000
  }

  .box-yellow-article-inner__litegray .inner-article-image figcaption p a.read-article-txt {
    font-size: .77778em
  }
}

.box-yellow-article-inner__litegray .inner-article-image figcaption .span-article-second-line {
  display: block
}

.box-yellow-article-inner__litegray .inner-article-image__difference figcaption .span-article-second-line {
  display: inline
}

@media only screen and (min-width:768px) {
  .box-yellow-article-inner__litegray .inner-article-image__difference figcaption .span-article-second-line {
    display: block
  }
}

.box-yellow-article-inner__litegray:hover {
  background: rgba(150, 147, 140, .4)
}

.box-inner-digestive-article {
  background-color: #f4f1ea;
  float: left;
  margin: 0 0 1.75em;
  width: 100%
}

.box-inner-digestive-article:hover {
  background-color: rgba(150, 147, 140, .4)
}

.box-inner-digestive-article:hover .img-digestive-article::after {
  content: "\A";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
  position: absolute;
  top: 0;
  left: 0
}

.box-inner-digestive-article:hover .img-icon-digestive-article {
  background-color: rgba(150, 147, 140, .4)
}

@media only screen and (min-width:768px) {
  .box-inner-digestive-article {
    margin: 0 0 1.2em;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0
  }

  .box-inner-digestive-article .img-icon-digestive-article {
    min-height: 19.5em;
    padding-top: 1.8em;
    padding-bottom: 0;
    float: left;
    cursor: pointer
  }

  .box-inner-digestive-article .img-icon-digestive-article.img-digestive-article {
    padding-top: 0
  }

  .box-inner-digestive-article:last-of-type {
    margin-bottom: 10em
  }
}

@media only screen and (min-width:963px) {
  .box-inner-digestive-article .img-icon-digestive-article {
    min-height: 27.3em;
    padding-top: 4.5em
  }
}

.box-inner-digestive-article:last-of-type {
  margin-bottom: 2.7em;
  float: left;
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-inner-digestive-article:last-of-type {
    margin-bottom: 9.7em
  }
}

.box-inner-digestive-article .img-digestive-article {
  position: relative;
  cursor: pointer
}

.box-inner-digestive-article .img-digestive-article figcaption>p {
  font-size: 0
}

.box-inner-digestive-article .img-digestive-article img {
  float: left;
  width: 100%
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .box-inner-digestive-article .img-digestive-article img {
    width: 100%
  }
}

.box-inner-digestive-article.box-image-left-article {
  column-count: initial;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  margin: 0 0 1.1em
}

@media only screen and (min-width:768px) {
  .box-inner-digestive-article.box-image-left-article .img-digestive-article {
    width: 51.135%;
    float: left
  }
}

@media only screen and (min-width:768px) and (-ms-high-contrast:active),
only screen and (min-width:768px) and (-ms-high-contrast:none) {
  .box-inner-digestive-article.box-image-left-article .img-digestive-article {
    width: 99.7%
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:0) and (min-width:768px) {

  .box-inner-digestive-article.box-image-left-article .img-digestive-article,
  .box-inner-digestive-article.box-image-left-article ::i-block-chrome {
    width: 100%
  }
}

.box-inner-digestive-article.box-image-left-article .img-icon-digestive-article {
  min-height: 21.3em
}

@media only screen and (min-width:375px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article {
    min-height: 21em;
    padding: 3.45em 0 2.5em
  }
}

@media only screen and (min-width:667px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article {
    padding: 3.45em 0 1.5em;
    min-height: 21.3em
  }
}

@media only screen and (min-width:768px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article {
    width: 48.8%;
    padding-top: 1.3em;
    float: left
  }
}

@media only screen and (min-width:768px) and (-ms-high-contrast:active),
only screen and (min-width:768px) and (-ms-high-contrast:none) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article {
    width: 100%;
    min-height: 26.8em
  }
}

@media only screen and (min-width:963px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article {
    padding-top: 4.8em
  }
}

@media only screen and (min-width:992px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article {
    min-height: 27.3em
  }
}

@media only screen and (min-width:992px) and (-ms-high-contrast:active),
only screen and (min-width:992px) and (-ms-high-contrast:none) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article {
    width: 100%;
    min-height: 26.8em
  }
}

.box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p {
  padding: 0 .5em
}

@media only screen and (min-width:601px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p {
    padding: 0 6.5em
  }
}

@media only screen and (min-width:667px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p {
    padding: 0 8em
  }
}

@media only screen and (min-width:768px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p {
    padding: 0 .3em 0;
    width: 19em
  }
}

@media only screen and (min-width:768px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p>strong {
    word-spacing: 1px;
    letter-spacing: 2px;
    line-height: 1
  }
}

@media only screen and (min-width:768px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p:first-of-type {
    padding: .3em .3em 0
  }
}

@media only screen and (min-width:768px) {
  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p:nth-child(2) {
    width: 78%
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:0) and (min-width:768px) {

  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article,
  .box-inner-digestive-article.box-image-left-article ::i-block-chrome {
    width: 100%;
    min-height: 20.8em
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:0) and (min-width:963px) {

  .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article,
  .box-inner-digestive-article.box-image-left-article ::i-block-chrome {
    min-height: 26.8em
  }
}

.box-articles-related {
  float: left;
  width: 100%
}

.box-articles-related__digestive .box-yellow-article-inner {
  position: relative;
  float: left;
  width: 100%
}

@media only screen and (min-width:768px) {
  .box-articles-related__digestive .box-yellow-article-inner .inner-article-image-yellow img {
    width: 43%
  }
}

.box-articles-related__digestive .box-yellow-article-inner .inner-article-image-yellow figcaption p a.read-article-txt {
  font-size: .6111111111111111em
}

@media only screen and (min-width:768px) {
  .box-articles-related__digestive .box-yellow-article-inner .inner-article-image-yellow figcaption p a.read-article-txt {
    font-size: .7777777777777778em;
    margin-top: .8em
  }
}

@media only screen and (min-width:768px) {
  .box-articles-related__digestive .box-yellow-article-inner .inner-article-image-yellow {
    padding-top: 3.4em;
    padding-bottom: 4.46em;
    margin-bottom: 0
  }
}

@media only screen and (min-width:768px) {
  .box-articles-related__digestive .box-yellow-article-inner {
    width: 48.5%
  }
}

@media only screen and (min-width:959px) {
  .box-articles-related__digestive .box-yellow-article-inner {
    width: 48.8%
  }
}

@media only screen and (min-width:768px) {
  .box-articles-related__digestive .box-yellow-article-inner.box-yellow-article-inner__litegray {
    width: 48%;
    margin: 0
  }

  .box-articles-related__digestive .box-yellow-article-inner.box-yellow-article-inner__litegray.box-articles-related-first {
    margin: 0 1.2em 0 0
  }

  .box-articles-related__digestive .box-yellow-article-inner.box-yellow-article-inner__litegray.box-articles-related-second {
    margin: 0
  }
}

@media only screen and (min-width:959px) {
  .box-articles-related__digestive .box-yellow-article-inner.box-yellow-article-inner__litegray {
    width: 48.8%
  }

  .box-articles-related__digestive .box-yellow-article-inner.box-yellow-article-inner__litegray.box-articles-related-first {
    margin: 0 1.2em 0 0
  }

  .box-articles-related__digestive .box-yellow-article-inner.box-yellow-article-inner__litegray.box-articles-related-second {
    margin: 0
  }
}

@media only screen and (min-width:768px) {
  .box-articles-related__digestive .box-yellow-article-inner.inner-article-recipe-box .inner-article-image.inner-article-image-yellow {
    min-height: 22.65em;
    padding-bottom: 2.46em
  }
}

@media only screen and (min-width:959px) {
  .box-articles-related__digestive .box-yellow-article-inner.inner-article-recipe-box .inner-article-image.inner-article-image-yellow {
    min-height: 25.9em;
    padding-bottom: 3.1em
  }
}

.box-articles-related__digestive .see-more-button p {
  margin: 1em auto 3.5em
}

@media only screen and (min-width:768px) {
  .box-articles-related__digestive .see-more-button {
    clear: both
  }

  .box-articles-related__digestive .see-more-button p {
    margin: 2em auto .7em
  }

  .box-articles-related__digestive .see-more-button p>a {
    width: auto;
    padding: .8em 2.35em .9em;
    color: #009537
  }
}

@media only screen and (min-width:768px) {
  .box-articles-related__digestive .see-more-button__fiber {
    margin: 1.6em 0 0
  }
}

@media only screen and (min-width:768px) {
  .box-articles-related__digestive {
    margin-bottom: 4.2em
  }
}

.box-articles-related__digestive.fiber-article {
  margin-bottom: 1.2em
}

@media only screen and (min-width:768px) {
  .box-articles-related__digestive.fiber-article .inner-article-image.inner-article-image-yellow {
    min-height: 25.9em
  }
}

@media only screen and (min-width:768px) {
  .box-articles-related__fiber {
    margin-bottom: .6em
  }
}

.box-articles-related__fiber .inner-article-image-mb {
  display: block
}

@media only screen and (min-width:768px) {
  .box-articles-related__fiber .inner-article-image-mb {
    display: none
  }
}

.box-articles-related__fiber .inner-article-image-mb img {
  width: 50%;
  margin: 0 auto;
  text-align: center
}

.box-articles-related__fiber .inner-article-image-desk {
  display: none
}

@media only screen and (min-width:768px) {
  .box-articles-related__fiber .inner-article-image-desk {
    display: block
  }
}

.box-articles-related__fiber.box-articles-related__digestive .see-more-button p {
  margin: 1em auto .7em
}

@media only screen and (min-width:768px) {
  .box-articles-related__fiber.box-articles-related__digestive .see-more-button p {
    margin: 2em auto .7em
  }
}

.box-articles-related__fiber.box-articles-related__digestive .see-more-button__fiber p {
  margin: 1em auto 1.4em
}

@media only screen and (min-width:768px) {
  .box-articles-related__fiber.box-articles-related__digestive .see-more-button__fiber p {
    margin: 2em auto .7em
  }
}

@media only screen and (min-width:768px) {
  .box-articles-related__fiber:last-of-type.box-articles-related__digestive .see-more-button p {
    margin: 3.7em auto .7em
  }
}

.box-articles-related .rct-article-related-articles {
  float: left;
  width: 100%;
  margin-bottom: 1.55em;
  margin-top: 2.9em
}

@media only screen and (min-width:768px) {
  .box-articles-related .rct-article-related-articles {
    margin-top: 4.8em
  }
}

.box-articles-related .rct-article-related-articles h3 {
  font-size: 1.22222em;
  font-weight: 900;
  text-align: center
}

@media only screen and (min-width:768px) {
  .box-articles-related .rct-article-related-articles h3 {
    font-size: 2em
  }
}

.box-articles-related.last-article {
  margin-bottom: 1em
}

@media only screen and (min-width:768px) {
  .box-articles-related.last-article {
    margin-bottom: 2.1em
  }
}

.article-sup-star-link {
  color: #333;
  box-shadow: none
}

.article-sup-star-link:focus,
.article-sup-star-link:hover {
  color: #333
}

.box-outer-coupon .html-coupon {
  padding-top: 1.2222em;
  min-height: 20em
}

@media only screen and (min-width:768px) {
  .box-outer-coupon .html-coupon {
    height: 34.65em;
    padding-top: 1.11em
  }
}

.box-outer-coupon .html-coupon #mydiv {
  height: auto !important
}

@media only screen and (min-width:480px) {
  .box-outer-coupon .html-coupon #mydiv iframe {
    height: 34.6666em !important;
    margin-bottom: 9.666666em
  }
}

@media only screen and (min-width:667px) {
  .box-outer-coupon .html-coupon #mydiv iframe {
    height: 40.6666em !important;
    margin-bottom: 9.666666em
  }
}

@media only screen and (min-width:640px) {
  .box-outer-coupon .html-coupon #mydiv iframe {
    height: 39em !important;
    margin-bottom: 9.666666em
  }
}

@media only screen and (min-width:768px) {
  .box-outer-coupon .html-coupon #mydiv iframe {
    height: 33.65em !important;
    margin-bottom: 0
  }
}

.pr-digestive-health .box-outer .rct-article-header h1 {
  color: #19a657
}

.page-high-fiber-recipes .box-articles-related__digestive.fiber-article .box-yellow-article-inner.box-articles-related-second {
  margin-bottom: .5em
}

@media only screen and (min-width:768px) {
  .page-high-fiber-recipes .box-articles-related__digestive.fiber-article .box-yellow-article-inner.box-articles-related-second {
    margin-bottom: 0
  }
}

@media only screen and (min-width:768px) {
  .page-high-fiber-recipes .box-articles-related__digestive.fiber-article .box-yellow-article-inner .inner-article-image-yellow {
    padding-top: 3.1em
  }
}

@media only screen and (min-width:992px) {
  .page-high-fiber-recipes .box-articles-related__digestive.fiber-article .box-yellow-article-inner .inner-article-image-yellow img {
    margin-left: 7.1em
  }
}

@media only screen and (min-width:768px) {
  .page-high-fiber-recipes .box-articles-related__digestive.fiber-article .box-yellow-article-inner .inner-article-image-yellow figcaption {
    margin-top: 2em
  }
}

@media only screen and (min-width:768px) {
  .page-high-fiber-recipes .box-articles-related__digestive.fiber-article .box-yellow-article-inner .inner-article-image-yellow.inner-article-recipe-box {
    min-height: 22.7em;
    padding-bottom: 1.46em
  }
}

@media only screen and (min-width:963px) {
  .page-high-fiber-recipes .box-articles-related__digestive.fiber-article .box-yellow-article-inner .inner-article-image-yellow.inner-article-recipe-box {
    min-height: 25.9em;
    padding-bottom: 4.46em
  }
}

.page-high-fiber-recipes .box-articles-related__digestive.fiber-article .box-yellow-article-inner.box-articles-related-first {
  margin-bottom: 1.5em
}

@media only screen and (min-width:768px) {
  .page-high-fiber-recipes .box-articles-related__digestive.fiber-article .box-yellow-article-inner.box-articles-related-first {
    margin-bottom: 0
  }
}

@media only screen and (min-width:768px) {
  .page-high-fiber-recipes .box-articles-related__digestive.fiber-article .box-yellow-article-inner figcaption {
    margin-top: 2em
  }
}

@media only screen and (min-width:768px) {
  .page-high-fiber-recipes .box-articles-related__digestive .box-yellow-article-inner__litegray .inner-article-image figcaption p strong {
    font-size: 1em
  }
}

@media only screen and (min-width:992px) {
  .page-high-fiber-recipes .box-articles-related__digestive .box-yellow-article-inner__litegray .inner-article-image figcaption p strong {
    font-size: 1.44444em
  }
}

@media only screen and (min-width:768px) {
  .page-high-fiber-recipes .see-more-button {
    margin: 2em 0
  }
}

@media only screen and (min-width:768px) {
  .page-fiber-in-your-life .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p:nth-child(2) {
    width: 68%
  }
}

@media only screen and (min-width:992px) {
  .page-fiber-in-your-life .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p:nth-child(2) {
    width: 64%;
    line-height: 1.7
  }
}

@media only screen and (min-width:768px) {
  .page-fiber-in-your-life .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p:last-of-type {
    margin-top: 0
  }
}

@media only screen and (min-width:768px) {
  .page-fiber-in-your-life .box-inner-digestive-article.box-image-left-article .img-icon-digestive-article p:last-of-type>a {
    margin: 0
  }
}

@media only screen and (min-width:768px) {
  .page-fiber-in-your-life .box-articles-related__digestive:last-of-type {
    margin-bottom: 3.8em
  }
}

.page-fiber-in-your-life .box-articles-related__digestive:last-of-type .see-more-button p {
  margin: 1em auto 1.9em
}

@media only screen and (min-width:768px) {
  .page-fiber-in-your-life .box-articles-related__digestive:last-of-type .see-more-button p {
    margin: 2em auto .7em
  }
}

@media only screen and (min-width:768px) {
  .page-fiber-in-your-life .box-articles-related__digestive.box-articles-related__fiber .box-yellow-article-inner .inner-article-image-yellow img {
    margin-left: 6.6em
  }
}

@media only screen and (min-width:992px) {
  .page-fiber-in-your-life .box-articles-related__digestive.box-articles-related__fiber .box-yellow-article-inner .inner-article-image-yellow img {
    margin-left: 7.6em
  }
}

@media only screen and (min-width:768px) {
  .page-daily-fiber-intake .box-gh-outer-articles {
    margin-bottom: 3.4em
  }
}

@media only screen and (min-width:992px) {
  .page-daily-fiber-intake .box-gh-outer-articles {
    margin-bottom: 5.5em
  }
}

@media only screen and (min-width:768px) {
  .page-daily-fiber-intake .box-yellow-article-inner .inner-article-image-yellow {
    padding-top: 3.7em
  }
}

@media only screen and (min-width:768px) {
  .page-daily-fiber-intake .box-yellow-article-inner .inner-article-image-yellow img {
    margin-left: 6.3em
  }
}

@media only screen and (min-width:992px) {
  .page-daily-fiber-intake .box-yellow-article-inner .inner-article-image-yellow img {
    margin-left: 7.3em
  }
}

@media only screen and (min-width:768px) {
  .page-daily-fiber-intake .box-articles-related__digestive:last-of-type {
    margin-bottom: 2.4em
  }
}

.page-daily-fiber-intake .box-gh-outer-articles .box-yellow-article-inner:last-of-type {
  margin-bottom: 3.4em
}

@media only screen and (min-width:768px) {
  .page-daily-fiber-intake .box-gh-outer-articles .box-yellow-article-inner:last-of-type {
    margin: 0 1% 1.3em
  }
}

@media only screen and (min-width:768px) {
  .pr-article .box-yellow-article-inner {
    margin-bottom: 4em
  }
}

@media only screen and (min-width:768px) {
  .pr-article .box-yellow-article-inner .inner-article-image-yellow img {
    max-width: 198px
  }
}

@media only screen and (min-width:768px) {
  .pr-article .box-outer.box-article-outer .rct-article-header {
    margin-bottom: 2em;
    margin-top: 1.888em
  }
}

@media only screen and (min-width:768px) {
  .pr-article .box-outer.box-article-outer .divider-article {
    margin-top: 2.4em
  }
}

.page-top-10-high-fiber-foods .box-outer.box-article-outer .article-image-right:last-of-type {
  margin: 2.2em 0 .8em
}

@media only screen and (min-width:768px) {
  .page-top-10-high-fiber-foods .box-outer.box-article-outer .article-image-right:last-of-type {
    margin: 2.2em 0 2em
  }
}

@media only screen and (min-width:768px) {
  .page-high-fiber-recipes .box-outer>.component-content {
    width: 94%
  }
}

@media only screen and (min-width:992px) {
  .page-high-fiber-recipes .box-outer>.component-content {
    width: 100%
  }
}


.flex > * > .content {
  display: flex;
}

@media (min-width: 768px) { 
  .flex-column-d > * > .content {
    flex-direction: column;
  }
  .flex-row-d > * > .content {
    flex-direction: row;
  }
  .flex-d > * > .content {
    display: flex;
  }
  .justify-center-d > * > .content {
    justify-content: center;
  }
  .justify-start-d > * > .content {
    justify-content: flex-start;
  }
  .justify-end-d > * > .content {
    justify-content: flex-end;
  }
  .align-center-d > * > .content {
    align-items: center;
  }
  .align-start-d > * > .content {
    align-items: flex-start;
  }
  .align-end-d > * > .content {
    align-items: flex-end;
  }
}

@media (max-width: 767px) { 
  .flex-column-m > * > .content {
    flex-direction: column;
  }
  .flex-row-m > * > .content {
    flex-direction: row;
  }
  .flex-m > * > .content {
    display: flex;
  }
  .justify-center-m > * > .content {
    justify-content: center;
  }
  .justify-start-m > * > .content {
    justify-content: flex-start;
  }
  .justify-end-m > * > .content {
    justify-content: flex-end;
  }
  .align-center-m > * > .content {
    align-items: center;
  }
  .align-start-m > * > .content {
    align-items: flex-start;
  }
  .align-end-m > * > .content {
    align-items: flex-end;
  }
}

@media (min-width: 768px) {
  .m-d-t-0 {
    margin-top: 0 !important;
  }  
  .m-d-t-1 {
    margin-top: 1rem !important;
  }  
  .m-d-t-2 {
    margin-top: 2rem !important;
  }  
  .m-d-t-3 {
    margin-top: 3rem !important;
  }  
  .m-d-t-4 {
    margin-top: 4rem !important;
  }  
  .m-d-t-5 {
    margin-top: 5rem !important;
  }  
  .m-d-b-0 {
    margin-bottom: 0 !important;
  }  
  .m-d-b-1 {
    margin-bottom: 1rem !important;
  }  
  .m-d-b-2 {
    margin-bottom: 2rem !important;
  }  
  .m-d-b-3 {
    margin-bottom: 3rem !important;
  }  
  .m-d-b-4 {
    margin-bottom: 4rem !important;
  }  
  .m-d-b-5 {
    margin-bottom: 5rem !important;
  } 
  .m-d-y-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }  
  .m-d-y-1 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }  
  .m-d-y-2 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
  }  
  .m-d-y-3 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }  
  .m-d-y-4 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important;
  }  
  .m-d-y-5 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important;
  } 
  .m-d-l-0 {
    margin-left: 0 !important;
  }  
  .m-d-l-1 {
    margin-left: 1rem !important;
  }  
  .m-d-l-2 {
    margin-left: 2rem !important;
  }  
  .m-d-l-3 {
    margin-left: 3rem !important;
  }  
  .m-d-l-4 {
    margin-left: 4rem !important;
  }  
  .m-d-l-5 {
    margin-left: 5rem !important;
  }  
  .m-d-r-0 {
    margin-right: 0 !important;
  }  
  .m-d-r-1 {
    margin-right: 1rem !important;
  }  
  .m-d-r-2 {
    margin-right: 2rem !important;
  }  
  .m-d-r-3 {
    margin-right: 3rem !important;
  }  
  .m-d-r-4 {
    margin-right: 4rem !important;
  }  
  .m-d-r-5 {
    margin-right: 5rem !important;
  } 
  .m-d-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }  
  .m-d-x-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }  
  .m-d-x-2 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }  
  .m-d-x-3 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }  
  .m-d-x-4 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }  
  .m-d-x-5 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  } 
  .p-d-t-0 {
    padding-top: 0 !important;
  }  
  .p-d-t-1 {
    padding-top: 1rem !important;
  }  
  .p-d-t-2 {
    padding-top: 2rem !important;
  }  
  .p-d-t-3 {
    padding-top: 3rem !important;
  }  
  .p-d-t-4 {
    padding-top: 4rem !important;
  }  
  .p-d-t-5 {
    padding-top: 5rem !important;
  }  
  .p-d-b-0 {
    padding-bottom: 0 !important;
  }  
  .p-d-b-1 {
    padding-bottom: 1rem !important;
  }  
  .p-d-b-2 {
    padding-bottom: 2rem !important;
  }  
  .p-d-b-3 {
    padding-bottom: 3rem !important;
  }  
  .p-d-b-4 {
    padding-bottom: 4rem !important;
  }  
  .p-d-b-5 {
    padding-bottom: 5rem !important;
  } 
  .p-d-y-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }  
  .p-d-y-1 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }  
  .p-d-y-2 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
  }  
  .p-d-y-3 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }  
  .p-d-y-4 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }  
  .p-d-y-5 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  } 
  .p-d-l-0 {
    padding-left: 0 !important;
  }  
  .p-d-l-1 {
    padding-left: 1rem !important;
  }  
  .p-d-l-2 {
    padding-left: 2rem !important;
  }  
  .p-d-l-3 {
    padding-left: 3rem !important;
  }  
  .p-d-l-4 {
    padding-left: 4rem !important;
  }  
  .p-d-l-5 {
    padding-left: 5rem !important;
  }  
  .p-d-r-0 {
    padding-right: 0 !important;
  }  
  .p-d-r-1 {
    padding-right: 1rem !important;
  }  
  .p-d-r-2 {
    padding-right: 2rem !important;
  }  
  .p-d-r-3 {
    padding-right: 3rem !important;
  }  
  .p-d-r-4 {
    padding-right: 4rem !important;
  }  
  .p-d-r-5 {
    padding-right: 5rem !important;
  } 
  .p-d-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }  
  .p-d-x-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }  
  .p-d-x-2 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }  
  .p-d-x-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }  
  .p-d-x-4 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }  
  .p-d-x-5 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  } 
}

@media (max-width: 767px) {
  .m-m-t-0 {
    margin-top: 0 !important;
  }  
  .m-m-t-1 {
    margin-top: 1rem !important;
  }  
  .m-m-t-2 {
    margin-top: 2rem !important;
  }  
  .m-m-t-3 {
    margin-top: 3rem !important;
  }  
  .m-m-t-4 {
    margin-top: 4rem !important;
  }  
  .m-m-t-5 {
    margin-top: 5rem !important;
  }  
  .m-m-b-0 {
    margin-bottom: 0 !important;
  }  
  .m-m-b-1 {
    margin-bottom: 1rem !important;
  }  
  .m-m-b-2 {
    margin-bottom: 2rem !important;
  }  
  .m-m-b-3 {
    margin-bottom: 3rem !important;
  }  
  .m-m-b-4 {
    margin-bottom: 4rem !important;
  }  
  .m-m-b-5 {
    margin-bottom: 5rem !important;
  } 
  .m-m-y-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }  
  .m-m-y-1 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }  
  .m-m-y-2 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
  }  
  .m-m-y-3 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }  
  .m-m-y-4 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important;
  }  
  .m-m-y-5 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important;
  } 
  .m-m-l-0 {
    margin-left: 0 !important;
  }  
  .m-m-l-1 {
    margin-left: 1rem !important;
  }  
  .m-m-l-2 {
    margin-left: 2rem !important;
  }  
  .m-m-l-3 {
    margin-left: 3rem !important;
  }  
  .m-m-l-4 {
    margin-left: 4rem !important;
  }  
  .m-m-l-5 {
    margin-left: 5rem !important;
  }  
  .m-m-r-0 {
    margin-right: 0 !important;
  }  
  .m-m-r-1 {
    margin-right: 1rem !important;
  }  
  .m-m-r-2 {
    margin-right: 2rem !important;
  }  
  .m-m-r-3 {
    margin-right: 3rem !important;
  }  
  .m-m-r-4 {
    margin-right: 4rem !important;
  }  
  .m-m-r-5 {
    margin-right: 5rem !important;
  } 
  .m-m-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }  
  .m-m-x-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }  
  .m-m-x-2 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }  
  .m-m-x-3 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }  
  .m-m-x-4 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }  
  .m-m-x-5 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  } 
  .p-m-t-0 {
    padding-top: 0 !important;
  }  
  .p-m-t-1 {
    padding-top: 1rem !important;
  }  
  .p-m-t-2 {
    padding-top: 2rem !important;
  }  
  .p-m-t-3 {
    padding-top: 3rem !important;
  }  
  .p-m-t-4 {
    padding-top: 4rem !important;
  }  
  .p-m-t-5 {
    padding-top: 5rem !important;
  }  
  .p-m-b-0 {
    padding-bottom: 0 !important;
  }  
  .p-m-b-1 {
    padding-bottom: 1rem !important;
  }  
  .p-m-b-2 {
    padding-bottom: 2rem !important;
  }  
  .p-m-b-3 {
    padding-bottom: 3rem !important;
  }  
  .p-m-b-4 {
    padding-bottom: 4rem !important;
  }  
  .p-m-b-5 {
    padding-bottom: 5rem !important;
  } 
  .p-m-y-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }  
  .p-m-y-1 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }  
  .p-m-y-2 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
  }  
  .p-m-y-3 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }  
  .p-m-y-4 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }  
  .p-m-y-5 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  } 
  .p-m-l-0 {
    padding-left: 0 !important;
  }  
  .p-m-l-1 {
    padding-left: 1rem !important;
  }  
  .p-m-l-2 {
    padding-left: 2rem !important;
  }  
  .p-m-l-3 {
    padding-left: 3rem !important;
  }  
  .p-m-l-4 {
    padding-left: 4rem !important;
  }  
  .p-m-l-5 {
    padding-left: 5rem !important;
  }  
  .p-m-r-0 {
    padding-right: 0 !important;
  }  
  .p-m-r-1 {
    padding-right: 1rem !important;
  }  
  .p-m-r-2 {
    padding-right: 2rem !important;
  }  
  .p-m-r-3 {
    padding-right: 3rem !important;
  }  
  .p-m-r-4 {
    padding-right: 4rem !important;
  }  
  .p-m-r-5 {
    padding-right: 5rem !important;
  } 
  .p-m-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }  
  .p-m-x-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }  
  .p-m-x-2 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }  
  .p-m-x-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }  
  .p-m-x-4 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }  
  .p-m-x-5 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  } 
}
