* {
  margin: 0;
  padding: 0;
  list-style: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: text;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
/*  min-width: 320px;*/
  color: #181818;
}
.white-u {
  text-decoration: underline;
  text-decoration-thickness: .125em;
  text-underline-offset: 4px;
  text-decoration-color: #fff;
}
.navy-u {
  text-decoration: underline;
  text-decoration-thickness: .125em;
  text-underline-offset: 4px;
  text-decoration-color: #010849;
}
.blue-u {
  text-decoration: underline;
  text-decoration-thickness: .125em;
  text-underline-offset: 4px;
  text-decoration-color: #006ec8;
}
.pink-u {
  text-decoration: underline;
  text-decoration-thickness: .125em;
  text-underline-offset: 2px;
  text-decoration-color: rgb(255, 0, 188);
}
.small-title .navy-u {
  text-decoration: underline;
  text-decoration-thickness: .125em;
  text-underline-offset: 2px;
  text-decoration-color: #010849;
}
.body-beige {
  background: #f0e7d8;
}
.container {
  position: relative;
  z-index: 10;
}
@media (max-width: 575px) {
  .container {
    padding-right: calc(var(--bs-gutter-x)* 1.0);
    padding-left: calc(var(--bs-gutter-x)* 1.0);
  }
}
a:active {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

a:hover {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}
strong {
  font-weight: 600;
}

ol, .ref-list {
  list-style: none;
  counter-reset: wp-list-counter;
}
ol, .ref-list {
  margin-bottom: 30px;
}
ol {
  margin: 0;
  padding: 0;
}
ol > li::before {
  counter-increment: wp-list-counter;
  content: counter(wp-list-counter);
  margin-right: 10px;
}
.large-ol {
  counter-reset: bignumber-counter;
  list-style: none;
  padding-left: 40px;
}
.large-ol li {
  margin: 0px 0px 30px 0px;
  margin: 0 0 3.0rem 0;
  counter-increment: bignumber-counter;
  position: relative;
  font-size: 18px;
}
.large-ol li::before {
  content: counter(bignumber-counter);
  color: white;
  font-size: 2.5rem;
  /*font-weight: bold;*/
  font-weight: 600;
  position: absolute;
  --size: 35px;
  left: calc(-1 * var(--size) - 10px);
  line-height: 3.5rem;
  width: var(--size);
  height: var(--size);
  top: 0;
  /*transform: rotate(-10deg);*/
  background: #203c7c;
  border-radius: 50%;
  text-align: center;
  border: 2px solid white;
}
.small-text {
  font-size: 14px;
  text-transform: none;
  font-weight: 300;
}
img {
   border-radius: 9px;
}
@media (max-width: 768px) {
  .large-ol li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
ul {
  margin-bottom: 20px;
}
ul li {
  list-style: disc;
  margin-bottom: 10px;
}
.ref-list li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 15px;
  margin-bottom: 7px;
  overflow-wrap: break-word;
  text-wrap: wrap;
  padding-left: 10px;
}
.ref-list li a {
  color: #b3cff8;
}
.ref-list li:before {
  content: counter(wp-list-counter) " ";
  width: 15px;
  height: 15px;
  display: block;
  text-align: center;
  border-radius: 50%;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 15px;
  background-color: rgba(255,255,255, 1.0);
  font-weight: 900;
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  z-index: 2;
  color: #010849;
  margin-left: -20px;
}

p, li {
  font-size: 18px;
  font-size: 1.8rem;
  /*line-height: 1.7;*/
  /*margin-bottom: 0;*/
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}
p {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  ol, ul {
    padding-left: 0rem;
  }
}
/* Display */
h1, h2 {
  text-rendering: optimizelegibility;
  line-height: 1.2em;
  /*font-family: "olivevillage", "Helvetica-Neue", Helvetica, Arial, sans-serif;*/
}
h1 {
  font-size: 75px;
  font-size: 7.5rem;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 20px;
  /*font-family: "din-2014-narrow", "Helvetica-Neue", Helvetica, Arial, sans-serif;*/
  font-family: "sommet-slab", Georgia, Times, serif;
  text-shadow: 0px 3px 5px rgba(0,0,0,0.5);
  /*
  color: white;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.75);*/
}
h1 .large-span {
  font-size: 80px;
  font-size: 8.0rem;
  /*color: #77bc20;*/
  font-weight: 700;
}
.h1-alt {
  font-size: 45px;
  font-size: 4.5rem;
  color: #010849;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.75);
}
/* Headline */
/*h1 {
  font-size: 45px;
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.1em;
}*/

/* Title */
h2 {
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1.1em;
  font-weight: 600;
  color: #010849;
  margin-bottom: 20px;
}
h1, h2 { margin-bottom: 25px; }

/* SubTitle */
h3 {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.1em;
  font-weight: 400;
  margin-bottom: 20px;
}
h4 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2em;
  font-weight: 400;
  margin-bottom: 20px;
}
sup {
  color: #203c7c;
  font-size: 12px;
  font-size: 1.2rem;
  /*font-weight: bold;*/
  font-weight: 600;
  top: -12px;
  /*--size: 15px;*/
  /*left: calc(-1 * var(--size) - 10px);*/
  /*line-height: 1.5rem;*/
/*  width: var(--size);
  height: var(--size);*/
  /*top: 0;*/
  /*transform: rotate(-10deg);*/
  /*background: #203c7c;*/
/*  border-radius: 50%;
  text-align: center;*/
}
/*h3, h4 { 
  margin-bottom: 25px;
}*/
.main-bg h2 {
  text-shadow: 0px 4px 6px rgba(0,0,0,0.5);
}
.section-mainintro {
  padding-top: 50px;
  padding-bottom: 150px;
  position: relative;
  z-index: 1;
}
.main-wrap {
  position: relative;
}
.arrow-hor-top {
  position: absolute;
  width: 250px;
  top: 150px;
  right: 30%;
  transform: rotate(-4deg);
}
.treeline {
  background: url(../images/tree-line2.png) top center repeat-x;
  min-height: 150px;
  margin-top: -150px;
  position: relative;
  z-index: 2;
}
.section-mainintro h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 400;
}
.section-as-featured {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #b3cff8;
  background: rgba(0,211,134, 0.25);
}
.af-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
  align-items: center;
  justify-content: center;
  padding-bottom: 40px;
}
.studies-wrap {
  display: flex;
  gap: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.studies-wrap .studies-item {
  width: 120px;
  height: 120px;
  padding: 15px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  background: #fff;
  border-radius: 50%;
  display: grid;
  align-items: center;
}
.studies-wrap .studies-item img {
  width: 100px;
  display: block;
  margin: 0px auto;
}
@media (max-width: 991px) {
  .arrow-hor-top {
    position: absolute;
    width: 200px;
    top: 130px;
    right: 30%;
    transform: rotate(3deg);
  }
}
@media (max-width: 768px) {
  .studies-wrap .studies-item {
    width: 110px;
    height: 110px;
    padding: 15px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
    background: #fff;
    border-radius: 50%;
    display: grid;
    align-items: center;
  }
  .studies-wrap .studies-item img {
    width: 100px;
    display: block;
    margin: 0px auto;
  }

  .section-mainintro h2 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 300;
  }
}
@media (max-width: 425px) {
  .af-wrap {
    padding-bottom: 0px;
  }
  .studies-wrap .studies-item {
    width: 100px;
    height: 100px;
  }
  .studies-wrap .studies-item img {
    width: 90px;
    display: block;
    margin: 0px auto;
  }
}
.af-wrap .af-item {
  display: grid;
  justify-content: center;
  align-items: center;
}
.af-wrap .af-item img {
  width: 90px;
  /*height: 90px;*/
  background: white;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 9px;
}
.before-after-img-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 30px;
}
.ref-wrap {
  display: grid;
  grid-template-columns: 200px auto;
  grid-gap: 20px;
  /*justify-content: center;*/
  align-items: center;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  margin-bottom: 10px;
}
.ref-wrap .icon-wrap {
  /*background: rgba(104,158,201,0.15);*/
  display: grid;
  align-content: center;
  padding: 10px;
  border-radius: 20px 0px 0px 20px;
  border-right: 2px solid rgba(104,158,201,0.15);
}
.ref-content {
  padding: 20px 20px 20px 0px;
}
.test-wrap {
  display: grid;
  /*grid-template-columns: 250px auto;*/
  /*grid-gap: 20px;*/
  /*justify-content: center;*/
  align-items: center;
  background: #f4f4f4;
  border-radius: 9px;
  /*box-shadow: 0px 4px 10px rgba(0,0,0,0.25);*/
  margin-bottom: 10px;
  align-items: start;
  position: relative;
}
.test-wrap img {
  border-radius: 9px 0px 0px 9px;
  /*border-right: 2px solid #010849;*/
}
.test-content-wrap {
  display: grid;
}
.title-wrap {
  padding: 4px 7px;
  text-align: center;
  border-radius: 9px 9px 0px 0px;
}
.title-wrap h4 {
  font-family: "sommet-slab", Georgia, Times, serif;
  font-weight: 600;
}
.test-content {
  padding: 9px 9px 25px 15px;
}
.img-test-logo {
  border-radius: 9px !important;
  width: 175px;
  /*position: absolute;
  right: 9px;
  bottom: 9px;*/
  /* justify-content: flex-end; */
  /* justify-items: end; */
  display: block;
  margin: 20px auto 0px;
}
.quotation {
  font-size: 18px !important;
  /*color: white;*/
  font-style: italic;
  font-weight: 600;
}
.quotation-lt {
  font-size: 18px !important;
  /*color: white;*/
  font-style: italic;
  font-weight: 400;
}
@media (max-width: 991px) {
  .h1-alt {
    font-size: 40px;
    font-size: 4.0rem;
    /*color: #fff;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.5);*/
    font-weight: 100;
  }
  .section-mainintro h2 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 300;
  }
}
@media (max-width: 1399px) {
  h1 {
    font-size: 60px;
    font-size: 6.0rem;
    font-weight: 900;
    line-height: 1.0;
  }
}
@media (max-width: 991px) {
  .h1-alt {
    font-size: 40px;
    font-size: 4.0rem;
    /*color: #fff;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.5);*/
    font-weight: 100;
  }
  h1 {
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: 900;
    line-height: 1.0;
  }
  h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.1em;
  }
  .test-content {
    padding: 0px 20px 50px 20px;
  }
}
@media (max-width: 768px) {
  .ref-wrap, .test-wrap {
    display: grid;
    grid-template-columns: 100px auto;
    grid-gap: 10px;
  }
  .test-wrap {
    grid-gap: 0px;
  }
  .section-mainintro {
    padding-top: 65px; 
  }
  h1, .main-bg h1  {
    font-size: 48px;
    font-size: 4.8rem;
    font-weight: 600;
    line-height: 1.1;
  }
  h1 .large-span {
    font-size: 55px;
    font-size: 5.5rem;
    color: #d0021b;
    font-weight: 900;
  }
  h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
  h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  h4 {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2em;
  }
}
@media (max-width: 575px) {
  h1, .main-bg h1  {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 1.1;
  }
  h1 .large-span {
    font-size: 36px;
    font-size: 3.6rem;
    color: #d0021b;
    font-weight: 900;
  }
  h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h4 {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2em;
  }
  .ref-wrap, .test-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    justify-content: center;
    align-items: center;
    /*background: #fff;*/
    border-radius: 20px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  }
  .ref-wrap .icon-wrap {
    /*background: rgba(104,158,201,0.15);*/
    display: grid;
    align-content: center;
    justify-content: center;
    padding: 10px;
    border-radius: 20px 20px 0px 0px;
    border-right: none;
    border-bottom: 2px solid rgba(104,158,201,0.15);
  }
  .ref-wrap .icon-wrap img, .test-wrap img {
    width: 225px;
    margin: 20px auto 0px;
    display: block;
    border-radius: 9px;
    position: relative;
  }
  .title-wrap {
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 10px;
  }
  .ref-content, .test-content {
    padding: 0px 20px 20px 20px;
    /*padding-bottom: 50px;*/
  }
  .section-mainintro {
    padding-top: 45px;
    padding-bottom: 30px;
  }
  .treeline {
    display: none;
  }
}
.img-comparison-wrap {
  display: grid;
  /*grid-template-columns: 1fr 1fr;*/
  grid-template-columns: 325px 325px;
  justify-content: center;
  grid-gap: 20px;
  margin-bottom: 25px;
}
figure {
  background: #f4f4f4;
  border-radius: 20px;
  /*border: 9px solid white;*/
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
}
figure img {
  width: 300px;
  display: block;
  margin: 0px auto;
  border-radius: 14px 14px 0px 0px;
}
.figure-max-350 {
  max-width: 350px;
}
.figure-max-350 img {
  width: 100%;
}
@media (max-width: 600px) {
  .figure-max-350 {
    display: block;
    margin: 0px auto 20px;
  }
}
figcaption {
  padding: 5px 15px 7px;
  border-top: 1px solid white;
}
figcaption p {
  font-size: 13px;
  line-height: 1.0;
  font-style: italic;
  text-align: center;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .img-comparison-wrap {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    grid-template-columns: 225px 225px;
    justify-content: center;
    grid-gap: 20px;
    margin-bottom: 25px;
  }
  .figure-max-350 {
    max-width: 250px;
  }
  figure img {
    width: 200px;
    display: block;
    margin: 0px auto;
  }
}
@media (max-width: 600px) {
  .img-comparison-wrap {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    grid-template-columns: 1fr;
    justify-content: center;
    grid-gap: 20px;
    margin-bottom: 25px;
  }
}

/* COLORS */
.white {
  color: #ffffff !important;
}
.black {
  color: #000000 !important;
}
.blue {
  color: #203c7c !important;
  color: #006ec8 !important;
}
.lt-blue {
  /*color: #1a358d !important;*/
  color: #b3cff8 !important;
}
.navy-blue {
  color: #010849 !important;
  /* #333b58 - 7 Days Navy */
}
.mint {
  color: #02d386 !important;
}
.mint-dk {
  color: #379c9c !important;
}

.blue-lt {
  color: #689ec9 !important;
}
.red {
  /*color: #d43600 !important;*/
  color: #d0021b !important;
}

.green {
  color: #388841 !important;
}
.green-lt {
  color: #73ab79 !important;
}
.gold {
  color: #e3a129 !important;
}
.orange {
  color: #ff5c00 !important;
}
.brown {
  color: #010849 !important;
}
.brown-lt {
  color: #706554 !important;
}
.yellow {
  color: #ffd700;
}

.lt-blue-bg {
  background: #f0f6ff;
}
.navy-blue-bg {
  background: #010849 !important;
  /*color: white;*/
}
.blue-bg {
  /*background: #203c7c !important;*/
  background: #203c7c;
  /*color: white !important;*/
}
.blue-lt-bg {
  /*background: #689ec9 !important;*/
  background: rgba(104,158,201,0.25) !important;
}
.mint-bg {
  background: #02d386 !important;
}
.mint-lt-bg {
  background: rgba(2,211,134,0.15) !important;
  border: 2px solid #fff;
}
.mint-dk-bg {
  /*background: #379c9c !important;*/
  background: rgba(55,156,156,0.25) !important;;
}

.red-bg {
  background: #d0021b !important;
}
.red-bg-lt {
  background: rgba(208,2,27,0.25);
}
.green-bg {
  background: #388841 !important;
}
.gold-bg {
  background: #e3a129 !important;
}
.white-bg {
  background: #ffffff !important;
}
.brown-bg {
  background: #010849 !important;
}
.lt-brown-bg {
  background: #706554;
}
.beige-bg {
  /*background: #f0e7d8;*/
  /*background: #f6f2ea;*/
  background: #faf8f4;
}


blockquote {
  padding-left: 15px;
  border-left: 4px solid #203c7c;
}
blockquote p {
  font-style: italic;
  font-weight: 400;
  font-size: 20px;
}
.red-highlight {
  /*background-color: rgba(177, 45, 0, 1.0);*/
  /*background: #AF163C;*/
/*  background: #d0021b;
  padding: 0px 5px 0px 9px;
  color: white;*/
/*  padding-left: 9px;
  padding-right: 9px;
  border-radius: 5px;*/
}
/*.red-highlight span {
  color: white;
  position: relative;
  z-index: 1;
  font-style: italic;
  font-weight: 700;
  display: inline-block;
}
.red-highlight span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  right: -5px;
  background-color: rgba(177, 45, 0, 1.0);
  transform: skew(-9deg);
  z-index: -1;
}*/
.highlight-red {
  border-radius: 20% 25% 20% 24%;
  background-image: linear-gradient(
    -100deg,
    rgba(177, 45, 0, 0.8),
    rgba(177, 45, 0, 0.7) 95%,
    rgba(177, 45, 0, 0.8)
  );
}
.highlight-container, .highlight {
  position: relative;
  display: inline-block;
  background-image: linear-gradient(
    -100deg,
    rgba(232,241,9, 0.55),
    rgba(232,241,9, 0.35) 95%,
    rgba(232,241,9, 0.45)
  );
}

/*.highlight-container {
  display: inline-block;
}*/
.highlight-container:before {
  content: " ";
  /*display: block;*/
   width: calc(100% + 4px);
      height: 130%;
  margin-left: -3px;
  margin-right: -3px;
  left: -2px;
  bottom: 0;
  position: absolute;
  background-image: linear-gradient(
    -100deg,
    rgba(232,241,9, 0.55),
    rgba(232,241,9, 0.35) 95%,
    rgba(232,241,9, 0.45)
  );
  transform: rotate(1deg);
  /*top: -1px;*/
  left: -1px;
  border-radius: 20px 9px 14px 6px;
  padding: 10px 3px 3px 10px;
}
.highlight-container:after {
  content: " ";
  /*display: block;*/
   width: calc(100% + 4px);
      height: 110%;
  margin-left: -3px;
  margin-right: -3px;
  bottom: -9px;
  z-index: -2;
  position: absolute;
  background-image: linear-gradient(
    -100deg,
    rgba(232,241,9, 0.55),
    rgba(232,241,9, 0.35) 95%,
    rgba(232,241,9, 0.45)
  );
  transform: rotate(2deg);
  /*top: -1px;*/
  left: -4px;
  border-radius: 9px 14px 6px 20px;
  padding: 10px 3px 3px 10px;
}

/*.green-highlight {
  background: #AF163C;
  background: #388841;
  padding-left: 9px;
  padding-right: 9px;
  border-radius: 5px;
}*/
/*.yellow-highlight {
  background: #ffd700;
  padding-left: 9px;
  padding-right: 9px;
  border-radius: 5px;
}*/
.yellow-highlight {
  /*background-color: rgba(255, 217, 0, 1.0);*/
  display: inline-block;
}
.yellow-highlight span {
  /*padding: 4px;*/
  /*line-height: 0.9;*/
  /*background-color:rgba(255, 217, 0, 0.5); 
  padding: 0 4px;*/
  /*border-radius: 40px;*/
  display: inline-block;
  color: #000;
  position: relative;
  z-index: 1;
  font-style: italic;
  font-weight: 600;
  background-color: rgba(222, 255, 0, 0.5);
}
.yellow-highlight span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  right: -5px;
  background-color: rgba(222, 255, 0, 0.5);
    border-radius: 20% 25% 20% 24%;
  transform: skew(-9deg);
  z-index: -1;
}
.green-highlight {
  /*background-color: rgba(255, 217, 0, 1.0);*/
  display: inline-block;
}
.green-highlight span {
  /*padding: 4px;*/
  /*line-height: 0.9;*/
  /*background-color:rgba(255, 217, 0, 0.5); 
  padding: 0 4px;*/
  /*border-radius: 40px;*/
  display: inline-block;
  color: #000;
  position: relative;
  z-index: 1;
  /*font-style: italic;*/
  font-weight: 600;
  background-color: rgba(3,255,0, 0.5);
}
.green-highlight span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  right: -5px;
  background-color: rgba(3,255,0, 0.5);
    border-radius: 20% 25% 20% 24%;
  transform: skew(-9deg);
  z-index: -1;
}
.blue-highlight {
  /*background-color: rgba(255, 217, 0, 1.0);*/
  display: inline-block;
}
.blue-highlight span {
  /*padding: 4px;*/
  /*line-height: 0.9;*/
  /*background-color:rgba(255, 217, 0, 0.5); 
  padding: 0 4px;*/
  /*border-radius: 40px;*/
  display: inline-block;
  color: #000;
  position: relative;
  z-index: 1;
  /*font-style: italic;*/
  font-weight: 600;
  background-color: rgba(0,205,255, 0.5);
}
.blue-highlight span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  right: -5px;
  background-color: rgba(0,205,255, 0.5);
    border-radius: 20% 25% 20% 24%;
  transform: skew(-9deg);
  z-index: -1;
}
.red-highlight {
  /*background-color: rgba(255, 217, 0, 1.0);*/
  display: inline-block;
}
.red-highlight span {
  /*padding: 4px;*/
  /*line-height: 0.9;*/
  /*background-color:rgba(255, 217, 0, 0.5); 
  padding: 0 4px;*/
  /*border-radius: 40px;*/
  display: inline-block;
  /*color: #010849;*/
  position: relative;
  z-index: 1;
  /*font-style: italic;*/
  font-weight: 600;
  background-color: rgba(255,0,188, 0.5);
}
.red-highlight span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  right: -5px;
  background-color: rgba(255,0,188, 0.5);
    border-radius: 20% 25% 20% 24%;
  transform: skew(-9deg);
  z-index: -1;
}
.curved-bottom-navy {
  background: radial-gradient(120% 250px at 50% -130px, #010849 75%, transparent 75%) no-repeat;
  height: 110px;
}
.curved-bottom-white {
  background: radial-gradient(120% 250px at 50% -130px, #ffffff 75%, transparent 75%) no-repeat;
  height: 110px;
}
@media (max-width: 520px) {
  .curved-bottom-white, .curved-bottom-navy {
    height: 70px;
  }
}
.circle-img-wrap {
/*  position: relative;
  margin-bottom: 50px;
  display: grid;
  justify-content: center;*/

  position: relative;
  margin-bottom: 50px;
  display: grid;
  /*justify-content: center;*/
  justify-items: center;
  grid-template-columns: 300px 300px;
  grid-gap: 40px;
}
.img-circle-top {
  position: relative;
  top: 0px;
  /*left: 50px;*/
}
.img-circle-bottom {
  position: relative;
  top: 0px;
  left: -50px;
}

/* 7-DAYS STYLES */

.intro-banner {
  /*background: #d50014;*/
  background: linear-gradient(0deg, #58e2af, #379c9c); /* #388 */
  padding: 15px 0px 20px;
  color: white;
  position: relative;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25)
}
.intro-banner h3 {
  font-weight: 600;
  color: rgba(1,8,73,1.0);
  text-shadow: 0px 2px 4px rgba(0,0,0,0.25);
  text-transform: uppercase;
}
.intro-banner .chev-one {
  color: rgba(1,8,73,0.1);
}
.intro-banner .chev-two {
  color: rgba(1,8,73,0.3);
}
.intro-banner .chev-three {
  color: rgba(1,8,73,0.5);
}
/*.img-brain-top {
  width: 450px;
  margin: 10px auto;
}*/
.img-brain-top {
  width: 350px;
  margin: -13px auto 0px;
}
.brain-wrap {
  /*position: relative;*/
}
.blue-box {
  background: rgba(179,207,248,0.25);
  padding: 30px 30px 10px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.question-wrap {
  background: #faf8f4;
  padding: 30px 30px 10px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  border-radius: 20px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .img-brain-top {
    width: 350px;
    margin: 10px auto;
    position: relative;
    right: 0px;
    top: 0px;
  }
  .intro-banner h3 {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
@media (max-width: 880px) {
  .img-brain-top {
    width: 350px;
    margin: 10px auto;
    position: relative;
    right: auto;
    top: auto;
  }
}
.georgia-wrap {
  padding: 20px;
  background: white;
  border-radius: 9px;
  margin-bottom: 40px;
}
.georgia-signature-wrap {
  padding: 20px;
  background: #f0f6ff;
  display: grid;
  grid-template-columns: 150px auto;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  grid-gap: 15px;
  border-radius: 9px;
  margin-bottom: 40px;
}
.georgia-intro {
  display: grid;
  grid-template-columns: 250px auto;
  gap: 20px;
  align-items: center;
  padding: 15px;
  background: #b3cff8;
  border-radius: 200px 9px 9px 200px;
  margin-bottom: 40px;
}
.img-georgia {
  width: 300px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  background: #010849;
}
.text-indent-1 {
  padding-left: 30px;
}
.text-indent-2 {
  padding-left: 60px;
}
.text-indent-3 {
  padding-left: 90px;
}
.text-indent-4 {
  padding-left: 120px;
}
@media (max-width: 769px) {
  .d-md-block{
    display: none !important;
  }
  .d-md-none {
    display: block !important;
  }
  .arrow-hor-top {
    position: absolute;
    width: 200px;
    top: 265px;
    right: 30%;
    transform: rotate(3deg);
  }
}
@media (max-width: 768px) {
  .arrow-hor-top {
    display: none;
  }
}
@media (max-width: 767px) {
  .georgia-intro {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    border-radius: 20px;
    margin-bottom: 30px;
  }
  .img-georgia {
    width: 150px;
    margin: 0px auto;
  }
  .section-mainintro {
    padding-top: 35px;
  }
  .img-brain-top {
    width: 250px;
    margin: 0px auto;
    position: relative;
    right: auto;
    top: auto;
  }
  .arrow-hor-top {
    top: 370px;
    left: 10%;
    transform: rotate(90deg);
  }
  .intro-banner {
    padding: 20px 0px 10px;
  }
}
@media (max-width: 560px) {
  .intro-banner h3 {
    font-size: 20px;
    font-size: 2.0rem;
  }
  .text-indent-1, .text-indent-2, .text-indent-3, .text-indent-4 {
    padding-left: 0px;
  }
  .img-brain-top {
    width: 200px;
    margin: 0px auto;
    position: relative;
    right: auto;
    top: auto;
  }
  .arrow-hor-top {
    /*top: 420px;
    left: 5%;*/
    top: 290px;
    left: 13%;
    transform: rotate(90deg);
  }
  .img-brain {
    width: 250px;
  }
}
@media (max-width: 476px) {
  .georgia-signature-wrap {
    grid-template-columns: 1fr;
  }
  .georgia-signature-wrap img {
    width: 150px;
    margin: 0px auto;
  }
  .question-wrap {
    padding: 30px 20px 10px;
  }
  .arrow-hor-top {
    /*top: 420px;
    left: 5%;*/
    top: 320px;
    left: 7%;
    transform: rotate(90deg);
  }
}
@media (max-width: 450px) {
  .main-bg h2 {
    margin-bottom: 0px;
  }
  .arrow-hor-top {
    top: 325px;
    left: -6%;
    transform: rotate(75deg);
  }
}
@media (max-width: 440px) {
  .arrow-hor-top {
    top: 340px;
    /*left: -4%;*/
    transform: rotate(75deg);
  }
}
@media (max-width: 375px) {
  .arrow-hor-top {
    top: 340px;
    left: -7%;
    transform: rotate(75deg);
  }
}
@media (max-width: 372px) {
  .arrow-hor-top {
    top: 370px;
    left: -8%;
    transform: rotate(75deg);
  }
}
@media (max-width: 350px) {
  .arrow-hor-top {
    top: 400px;
    left: -11%;
    transform: rotate(75deg);
  }
}
.poop {
  font-size: 75px;
}
.icon-caution {
  width: 75px;
  display: block;
  margin: 0px auto 10px;
}
.icon-caution-sm {
  width: 26px;
  display: inline-block;
}
@media (max-width: 475px) {
  .icon-caution-sm {
    width: 18px;
  }
}
.dr-caldwell-badge {
  position: absolute;
  bottom: 55px;
  left: 20%;
  padding: 7px 10px;
  background: white;
  border-radius: 9px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
}
.flex-center {
  display: flex;
    /* align-content: center; */
  align-items: center;
}
.flex-end {
  display: flex;
    /* align-content: flex-end; */
  align-items: flex-end;
}
.blue-circle-bg {
  background: #203c7c;
  background: #689ec9;
  padding: 9px;
  border-radius: 50%;
}
.img-doc-main {
  width: 300px;
  float: right;
  border-radius: 50%;
  border: 9px solid #203c7c;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  background: #010849;
}

.img-forbidden {
  width: 200px;
  display: block;
  margin: 0px auto 20px;
}
.free-gift-wrap {
  display: grid;
  grid-template-columns: 250px auto;
  grid-gap: 15px;
  /*align-items: center;*/
  justify-content: center;
}
.pjd-wrap {
  display: grid;
  /*grid-template-columns: 150px auto;*/
  grid-gap: 15px;
  /*align-items: center;*/
  justify-content: center;
}
.img-cover {
  width: 250px;
  display: block;
  margin: 0px auto;
}
.recipe-detail {
  display: grid;
  align-items: center;
  /*margin-bottom: 30px;*/
  width: 250px;
}
.img-recipe {
  border: 4px solid white;
  display: block;
  margin: 0px auto 15px;
  width: 250px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .recipe-detail {
    display: grid;
    align-items: center;
    /*margin-bottom: 30px;*/
    width: 200px;
  }
}
@media (max-width: 991px) {
  .free-gift-wrap {
    display: grid;
    grid-template-columns: 150px auto;
    grid-gap: 10px;
    /*align-items: center;*/
    justify-content: center;
  }
  .img-cover {
    /*width: 100px;*/
    display: block;
    margin: 0px auto;
  }
  .img-doc-top {
    width: 200px;
    display: block;
    margin: 0px auto;
  }
  .img-doc-main {
    width: 200px;
    border-width: 4px solid #203c7c;
  }
  .img-forbidden {
    width: 130px;
    display: block;
    margin: 0px auto 20px;
    margin-left: 0px;
  }
  .circle-img-wrap {
    position: relative;
    margin-bottom: 50px;
    display: grid;
    /*justify-content: center;*/
    grid-template-columns: 250px 250px;
    grid-gap: 20px;
  }
  .img-circle-top {
    position: relative;
    top: 0px;
    left: 0px;
  }
  .img-circle-bottom {
    position: relative;
    top: 0px;
    left: 0px;
  }
}
@media (max-width: 767.98px) {
  .circle-img-wrap {
    grid-template-columns: 150px 150px;
    grid-gap: 20px;
    margin-bottom: 25px;
  }
  .recipe-detail {
    display: grid;
    align-items: center;
    /*margin-bottom: 30px;*/
    width: 150px;
  }
  .free-gift-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    /*align-items: center;*/
    justify-content: center;
  }
  .img-cover {
    width: 150px;
    display: block;
    margin: 0px auto;
  }
}
@media (max-width: 600px) {
  .img-doc-top {
    width: 175px;
    display: block;
    margin: 0px auto;
  }
}
@media (max-width: 600px) {
  .img-doc-main {
    float: none;
    display: block;
    margin: 0px auto 20px;
  }
}
.form-row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 7px;
}
@keyframes bobbingmouse {
  0% {
    transform: translateY(-9%);
}
  100% {
      transform: translateY(4%);
  }
}
@keyframes bobbingclouds {
  0% {
    transform: translateY(-2%);
  }
  100% {
      transform: translateY(2%);
  }
}
@keyframes bobbingcloudsalt {
  0% {
    transform: translateY(-3%);
  }
  100% {
      transform: translateY(3%);
  }
}
.vegetable-wrap {
  border: 2px dotted #388841;
  background: linear-gradient(180deg, rgba(106,179,79, 0.15), rgba(106,179,79, 0.15));
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 25px;
}
.qanda {
  border-radius: 20px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  margin-bottom: 25px;
}
.qanda-header, .qanda-footer {
  padding: 20px 15px;
  color: white;
  background: #d0021b;
}
.qanda-header {
  border-radius: 19px 19px 0px 0px;
}
.qanda-footer {
  border-radius: 0px 0px 19px 19px;
}
.qanda-content {
  padding: 25px;
  background: white;
}
.form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 1.7rem 0.75rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  color: white;
  background: none;
  background-clip: padding-box;
  border: 1px solid white;
  border-radius: 0rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.small-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  margin-bottom: 10px;
}
.uppercase {
  text-transform: uppercase;
}
.section-repeat {
  padding-top: 45px;
  padding-bottom: 45px;
}
@media (max-width: 425px) {
  .section-repeat {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.section-lt-blue {
  background: linear-gradient(90deg, #ffffff, rgba(104,158,201, 0.25));
}
.section-icons {
  padding-top: 20px;
  padding-bottom: 15px;
}

.checklist-ul li {
  background-image: url(../images/checkmark-green.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  padding-left: 35px;
  background-position: 0 30px 0 0px, center;
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 10px;
  /*font-weight: 300;*/
  /*font-size: 18px;*/
}
.question-ul li {
  background-image: url(../images/circle-question-solid.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  padding-left: 35px;
  background-position: 0 30px 0 0px, center;
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 10px;
  /*font-weight: 300;*/
  /*font-size: 18px;*/
}
.checklist-ul-sq li {
  background-image: url(../images/checkmark-green-sq.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  padding-left: 35px;
  background-position: 0 30px 0 0px, center;
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 10px;
  /*font-weight: 300;*/
  /*font-size: 18px;*/
}
.checklist-ul-large li {
  background-image: url(../images/checkmark-green.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  padding-left: 40px;
  background-position: 0 30px 0 0px, center;
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 22px;
}
.checklist-ul-xlarge li {
  background-image: url(../images/checkmark-green.svg);
  background-size: 44px;
  background-repeat: no-repeat;
  padding-left: 60px;
  background-position: 0 50px 0 0px, center;
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 10px;
  /*font-weight: 300;*/
  /*font-size: 22px;*/
}
.bad-ul li {
  background-image: url(../images/x-red.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  padding-left: 35px;
  background-position: 0 30px 0 0px, center;
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 10px;
  /*font-weight: 300;*/
  /*font-size: 18px;*/
}
.bad-ul-xlarge li {
  background-image: url(../images/x-red.svg);
  background-size: 44px;
  background-repeat: no-repeat;
  padding-left: 60px;
  background-position: 0 50px 0 0px, center;
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 10px;
  /*font-weight: 300;*/
  /*font-size: 22px;*/
}
.bad-ul-massive li {
  background-image: url(../images/x-red.svg);
  background-size: 62px;
  background-repeat: no-repeat;
  padding-left: 65px;
  background-position: 0 30px 0 0px, center;
  list-style: none;
  line-height: 2.8em;
  margin-bottom: 10px;
   font-weight: 600; 
  font-size: 24px;
}
.bad-ul-massive li:nth-child(even) {
  margin-left: 100px;
}
@media (max-width: 768px) {
  .bad-ul-massive li {
    background-image: url(../images/x-red.svg);
    background-size: 45px;
    background-repeat: no-repeat;
    padding-left: 55px;
    background-position: 0 30px 0 0px, center;
    list-style: none;
    line-height: 2.2em;
    margin-bottom: 10px;
    /* font-weight: 300; */
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .bad-ul-massive li:nth-child(even) {
    margin-left: 0px;
  }
}
.caution-ul li {
  background-image: url(../images/caution-yellow.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  padding-left: 35px;
  background-position: 0 30px 0 0px, center;
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 10px;
  /*font-weight: 300;*/
  /*font-size: 18px;*/
}
.section-products {
  /*margin-top: -285px;*/
  padding-bottom: 33px;
  /*position: relative;*/
  z-index: 1002;
  /*background: #010849;*/
  background: white;
}
.img-veggies {
  width: 325px;
}
/*@media (max-width: 768px) {
  .section-products {
    margin-top: -340px;
  }
}
@media (max-width: 399px) {
  .section-products {
    margin-top: -390px;
  }
}*/

@media (min-width: 1700px) {
  .section-products {
    margin-top: 0px;
  }
}
/*@media (min-width: 1700px) {
  .section-products {
    margin-top: -225px;
  }
}*/

.section-about {
  /*background: linear-gradient(0deg, rgba(254,239,230,0.5), rgba(254,239,230,0.5));*/
  background: white;
  /*background: #e29f28;*/
  display: grid;
  align-items: center;
  /*grid-template-columns: 1.75fr 1fr;*/
  grid-template-rows: minmax(calc(50vw - 0px), auto);
}
.section-about-alt {
  /*background: linear-gradient(0deg, rgba(254,239,230,0.5), rgba(254,239,230,0.5));*/
  background: white;
  /*background: #e29f28;*/
  display: grid;
  align-items: center;
  /*grid-template-columns: 1fr 1.75fr;*/
  grid-template-rows: minmax(calc(50vw - 0px), auto);
}
.section-main-bg {
  height: 1200px;
}
.section-cristina {
  grid-template-areas: "image text";
  padding-top: 45px;
  grid-template-columns: 1fr 1.75fr;
  /*position: relative;*/
}
.section-everbella {
  grid-template-areas: "text image";
  padding: 45px 0px;
  grid-template-columns: 1.75fr 1fr;
  /*position: relative;*/
}
.section-as-seen-on {
  background: #388941; /*rgba(249,234,223,1.0)*/
  /*background: rgba(0,211,134, 0.25)*/;
  /*background: linear-gradient(110deg, rgba(66,54,48,0.7), rgba(66,54,48,0.7)), url(../images/hair-bg2.jpg) center center no-repeat;
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover; */
  color: white;
  /*position: relative;*/
}
.section-rust {
  background: #b5592c;
  color: white !important;
}
.section-green-lt {
  background: #73ab79;
  color: white !important;
  /*position: relative;*/
}
.section-ingredient {
  background: linear-gradient(180deg, rgba(56,136,65,0.1), rgba(255,255,255,1.0));
}
.section-as-seen-on-purple {
  border-bottom: 4px solid rgba(182,159,213,0.15);
}
.as-seen-on-row {
  /*background: #f9eadf;*/
  /*background: rgba(249, 234,223, 0.85);*/
  padding-top: 19px;
  padding-bottom: 20px;
  /*border-radius: 20px;*/
  /*box-shadow: 0px 4px 10px rgba(0,0,0,0.15);*/
}
@media (max-width: 575px) {
  .section-forbes, .as-seen-on-row, .section-as-seen-on-purple {
    border-radius: 0px;
  }
}
.img-overlay-brown {
  width: 100%;
  height: 100%;
  /*background: linear-gradient(120deg,rgba(233,195,177,0.25),rgba(66,54,48,0.85));*/
  position: absolute;
  right: 0;
  border-radius: 30px;
}
.about-img-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin: 0px auto;
  min-width: 0px;
  grid-area: image;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.about-img-holder {
  margin: 0px;
  min-width: 0px;
  border: 0px;
  box-sizing: border-box;
  display: flex;
  height: auto;
  max-width: 100%;
  overflow: hidden;
  padding: 0px;
  width: 100%;
  position: absolute;
  inset: 0px;
}
.about-img-wrap {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  will-change: opacity;
  opacity: 1;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}
.img-about {
  object-position: top center;
  box-sizing: border-box;
  height: auto;
  height: 100%;
  position: absolute;
  width: 100%;
  outline: none;
  /*object-fit: cover;*/
  object-fit: contain;

  bottom: 0;
  left: 0;
  right: 0;
  top: 0;

  border-radius: 30px;
}
.about-content {
  padding: 45px;
}
@media (min-width: 1600px) {
  .section-about {
    grid-template-rows: 530px;
  }
/*  .about-content {
    width: 600px;
  }*/
  .img-overlay-brown, .img-about {
    width: 700px;
    height: 600px;
    border-radius: 30px;
  }
  .overlay-grandmother {
    left: 0;
  }
  .content-grandmother {
    /*right: 52.5%;
    position: absolute;*/
    /*width: 700px;*/
  }
  .img-about {
    object-position: top center;
  }
  .img-cristina {
    left: auto;
  }
  .img-grandmother {
    right: auto;
  }
}
@media (max-width: 1599px) {
  .section-cristina {
    padding: 45px 0px 0px 20px;
  }
  .section-everbella {
    padding: 45px 20px 45px 0px;
  }
}
@media (max-width: 768px) {
  .section-about {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .section-cristina {
    grid-template-areas: "text" "image";
    padding: 45px 0px 0px 0px;
  }
  .section-everbella {
    grid-template-areas: "text" "image";
    padding: 45px 0px;
  }
  .about-img-container {
    box-sizing: border-box;
    margin: 0px auto;
    min-width: 0px;
    grid-area: image;
    width: 95%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  .img-about {
    object-position: top center;
    /*transform: rotate(90deg);*/
    height: auto;
  }
}

.section-repeat-sm {
  padding-top: 25px;
  padding-bottom: 25px;
}
.section-top {
  /*padding-top: 25px;*/
  padding-bottom: 145px;
  background: linear-gradient(0deg, #ffffff, #689ec9);
  /*margin-top: -1200px;*/
}
/* UTILITIES */

.align-center {
  display: grid;
  align-items: center;
}
.img-wrap-right {
  float: right;
  margin-left: 20px;
}
.img-float-left {
  float: left;
  margin: 0px 20px 20px 0px;
  width: 350px;
}
.img-float-right {
  float: right;
  margin: 0px 0px 20px 20px;
}
.img-wrap-center {
  width: 500px;
  display: block;
  margin: 0px auto;
}
/* BUTTONS */
.btn-wrap {
  display: block;
  margin: 30px auto;
  text-align: center;
}
.btn-main {
  white-space: normal;
  display: inline-block;
  transition: all .15s ease;
  border: none;
}

.btn-main {
  /*background: #fc7a00;*/
  background: linear-gradient(0deg, rgba(255,201,0,1), #fc7a00);
  padding: 20px 25px;
  border-radius: 35px;
  border-radius: 3.5rem;
  text-decoration: none;
  /*box-shadow: 0px 4px 10px rgba(0,0,0,0.25);*/
  box-shadow: 0px 2px 8px rgba(0,0,0,0.25);

  line-height: 0.9em;
  white-space: normal;

  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .025em;
  color: #010849;
  /*text-shadow: 0px 1px 2px rgba(255,255,255,1.0);*/
  text-decoration: none;
  line-height: 1.0em;
  text-align: center;
  border: 1px solid rgba(255,255,255,1.0);
  cursor: pointer;
}
.btn-main:hover {
  /*background: #6ab34f;*/
  background: linear-gradient(0deg, #388841, #6ab34f);
  color: white;
  /* margin-bottom: 25px; */
  /*text-shadow: 0px 1px 1px rgba(255,255,255,0.75);*/
  border: 1px solid rgba(255,255,255,0.0);
  box-shadow: none;
  transition: all .15s ease;
}

.btn-topnav {
  /*opacity: 0.0;*/
  border-radius: 35px !important;
  padding: 12px 17px !important;
  top: 5px;
  right: 5px;
}
.btn-topnav.vis {
  opacity: 1.0;
  transition: all 0.5s ease;
  font-size: 18px;
  border-radius: 35px !important;
  padding: 12px 17px !important;
}

/* OVERLAYS */
.small-screen-overlay-wht {
  /*background: linear-gradient(90deg, rgba(255,255,255,0.0), rgba(255,255,255,0.75));*/
  /*padding-top: 150px;*/
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 1199px) {
  .small-screen-overlay-wht {
    /*background: linear-gradient(90deg, rgba(255,255,255,0.5), rgba(255,255,255,0.5));*/
    padding-top: 100px;
  }
}
.featured-main-content {
  display: grid;
  align-items: center;
}
#nutraboost {
  background: linear-gradient(0deg, rgba(205,93,40,0.15), rgba(255,255,255,1.0));
  border-bottom: 9px solid #cd5d28;
}
.sm-lead {
  font-size: 22px;
  line-height: 1.5em;
  font-weight: 500;
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}
.lead {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3em;
  font-weight: 500;
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  .sm-lead, .lead {
    font-size: 20px;
  }
  .img-float-left, .img-float-right {
    float: none;
    display: block; 
    margin: 0px auto 20px;
  }
}
.boldem {
  font-weight: 600;
  font-style: italic;
}
.img-univ {
  width: 125px;
  display: block;
  margin: 0px auto;
}
@media (max-width: 600px) {
  .img-univ {
    width: 85px;
  }
}
/* YELLOW BAR */
.yellow-bar {
  background: #ffb700;
  /*background: linear-gradient(45deg, #9c7566, #d1a493, #fedfcb, #fff0d6, #fedfcb, #d1a493, #9c7566);*/
  padding: 7px 0px;
}
.yellow-bar p {
  text-transform: uppercase;
  color: #010849;
  font-size: 20px;
  font-weight: 700;
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}

/* NAVBAR */
/*.sm-logo-main {
  width: 0px;
}*/
.sm-logo-main.vis {
  width: 150px;
  /*width: 70px;*/
  transition: all 0.5s ease;
}
.sm-logo-main svg, .sm-logo-main img {
  width: 60px;
  place-items: left center;
  padding-top: 7px;
  padding-bottom: 7px;
}
#nutrafika-navbar-collapse {
  /*justify-content: center;*/
  justify-content: end;
  transition: all 0.5s ease;
}
#nutrafika-navbar-collapse.vis {
  justify-content: end;
  transition: all 0.5s ease;
}
.navbar-background {
  background: rgba(255,255,255,1.0);
  /* opacity: 0; */
  -webkit-transition: height .5s;
  transition: height .5s;
  min-height: 10px;
}
.navbar-background-alt {
  background: rgba(255,255,255,1.0);
  box-shadow: none;
  /* opacity: 0; */
  -webkit-transition: height .5s;
  transition: height .5s;
  min-height: 10px;
  transition: all 0.5s ease;
  justify-content: space-between;
  /*justify-content: center;*/
}
.navbar {
  padding: 10px 30px;
  /* text-align: right; */
}

.navbar-background.vis, .navbar-background-alt.vis {
  background: rgba(255,255,255,1.0);
  /* opacity: 1.0; */
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.25);
  box-shadow: 0px 4px 8px rgba(0,0,0, 0.25);
  -webkit-transition: 1s;
  transition: 1s;
  justify-content: space-between;
}
.img-main-logo {
  opacity: 1.0;
  /*width: 150px !important;*/
  width: 100px !important;
  position: relative;
}
.img-main-logo.vis {
  opacity: 1.0;
  -webkit-transition: background 1s;
  transition: background 1s;
  -webkit-transition: 1s;
  transition: 1s;
}

/* NAVIGATION */
.nav-link {
  /*font-size: 14px;*/
  font-size: 13px;
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
  /* text-transform: uppercase; */
  letter-spacing: 2px; 
  font-weight: 400;
}
.nav-link a {
  padding: 15px 14px;
  /*margin-right: 4px;*/
  /* margin-left: 2px; */
  color: #010849;
  /* text-align: center; */
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
  display: block;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
}
.nav-link a:hover {
  color: #fff;
  text-decoration: none;
  background: #203c7c;

}
.intro-logo {
  width: 800px;
  margin: 0px auto 45px;
  display: block;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 1.0;
}
.intro-logo.vis {
  width: 300px;
  margin: 0px auto 45px;
  display: block;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0.0;
}
.nav-biotin {
  border-left: 4px solid #81A997 !important;
}
.nav-collagen {
  border-left: 4px solid #816aa9 !important;
}
.nav-nutraboost {
  border-left: 4px solid #cd5d28 !important;
}

.navbar-toggler {
  padding: 1.25rem;
}
.bar {
  display: block;
  background-color: #ffffff;
  width: 35px;
  width: 3.5rem;
  height: 2px;
  height: 0.2rem;
  border-radius: 4px;
  border-radius: 0.4rem;
  margin: 5px auto;
  margin: 0.75rem auto;
  -webkit-transition: background-color 0.4s ease-in, width 0.4s ease-in, -webkit-transform 0.4s ease-in;
  transition: background-color 0.4s ease-in, width 0.4s ease-in, -webkit-transform 0.4s ease-in;
  transition: background-color 0.4s ease-in, transform 0.4s ease-in, width 0.4s ease-in;
  transition: background-color 0.4s ease-in, transform 0.4s ease-in, width 0.4s ease-in, -webkit-transform 0.4s ease-in;
}
.bar.vis {
  background-color: #423630;
}
.current-menu-item {
  background: #6ab34f;
}
.current-menu-item a {
  color: #010849;
  padding: 15px 12px;
  padding: 1.5rem 1.2rem;
}
.current-menu-item .dropdown-menu .nav-link a {
  background: none;
}
.current-menu-item .dropdown-menu .nav-link a:hover {
  background: #0081f5;
  border-radius: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  padding: 0;
  margin: 0px;
  font-size: 14px;
  color: #202227;
  text-align: left;
  list-style: none;
  background: linear-gradient(180deg, #ffffff, #f4f4f4);/* #2197ff;*/
  background-clip: padding-box;
  border-radius: 0px 0px 4px 4px;
  border-radius: 0 0 0.4rem 0.4rem;
  box-shadow: 0px 4px 20px rgba(15, 0, 100, 0.25);
  box-shadow: 0 0.4rem 2.0rem rgba(15, 0, 100, 0.25);
  min-width: 300px;
  min-width: 30.0rem;
  margin-top: -5px;
}
.dropdown-menu .nav-link {
  border-bottom: 1px solid rgba(66,54,48,0.7);
  padding: 0px !important;
}
.dropdown-menu .nav-link:last-child {
  border: none;
}
.dropdown-menu .current-menu-item:last-child {
  border-radius: 0px 0px 4px 0;
  border-radius: 0 0 0.4rem 0;
}
.dropdown-menu .nav-link:last-child a:hover {
  border-radius: 0px 0px 4px 0px;
  border-radius: 0 0 0.4rem 0;
}
.dropdown-menu .dropdown-item {
  color: #202227;
  padding-top: 7px;
  padding-top: 0.7rem;
  padding-bottom: 7px;
  padding-bottom: 0.7rem;
  font-weight: 600;
  width: 100%;
}
.dropdown-menu .dropdown-item a {
  padding: 15px;
  padding: 1.5rem;
}
.dropdown-menu .nav-link a {
  color: #010849;
  line-height: 1.5em;
  padding: 9px 14px;
  padding: 0.9rem 1.4rem;
  letter-spacing: 0;
}
.dropdown-menu .current-menu-item {
  background: white;
}
.dropdown-menu .current-menu-item a {
  background: #0081f5;
}
.dropdown-menu .current-menu-item a:first-child {
  border-radius: 0px;
}
.dropdown-menu .nav-link a:hover {
  color: #010849;
  margin: 0px;
  border-radius: 0px;
  background: linear-gradient(35deg, #d1a493, #fedfcb);
}
.dropdown-menu .current-menu-item a:hover {
  border-radius: 0px;
  color: #202227;
}
.dropdown-menu .dropdown-item a:hover, .dropdown-menu .dropdown-item:hover {
  background: #202227;
  color: white;
  /*border-radius: 4px !important;*/
  width: 100%;
}
/*.dropdown-toggle:hover {
  border-radius: 4px 4px 0px 0px;
  border-radius: 0.4rem 0.4rem 0 0;
}*/

@media (max-width: 991.98px) {
  .navbar-background-alt {
    justify-content: space-between;
  }
  .navbar-nav {
    background: #d1a493;
    background: linear-gradient(35deg, #d1a493, #fedfcb);
    border: 1px solid rgba(209,164,147,0.5);
    border-bottom: 0px;
    /*width: 60%;*/
    right: 0 !important;
    /*position: absolute;*/
    border-radius: 13px 0px 0px 13px;
  }
  .nav-link {
    display: block;
    padding: 0px;
    /*background: #d1a493;*/
    border-bottom: 1px solid rgba(233,195,177,0.5);
  }
  .navbar-nav .nav-link:first-child, .navbar-nav .nav-link:first-child:hover, .navbar-nav .nav-link:first-child a:hover {
    border-radius: 13px 0px 0px 0px;
  }
  .navbar-nav .nav-link:last-child, .navbar-nav .nav-link:last-child:hover, .navbar-nav .nav-link:last-child a:hover {
    border: none;
    border-radius: 0px 0px 0px 13px;
  }
  .nav-link:hover {
    background: #d1a493;
  }
  .nav-link a {
    color: #7a574c;
  }
  .navbar-collapse {
    border: none;
    margin-right: 0px;
    position: absolute;
    top: 70px;
    top: 7.0rem;
    right: 0;
    left: 0;
    left: 0%;
    width: 100%;
    transition: all 0.3s ease;
    display: block;
  }
  .navbar-collapse.show {
    background: none;
    transition: all 0.3s ease;
    height: auto;
  }
  .navbar-collapse.collapsing {
    height: auto !important;
    margin-left: 100%;
    transition: all 0.3s ease;
    display: block;
  }
  .navbar-collapse.show {
    right: 0;
    /*border-radius: 0px 0px 6px 6px;
    border-radius: 0 0 0.6rem 0.6rem;*/
    box-shadow: none;
    /*border-bottom: 6px solid #0f41ff;*/
  }
  .navbar {
    padding: 10px;
  }
  .navbar-nav .dropdown-menu {
    display: block;
    box-shadow: none;
    min-width: 100%;
    border: 0px;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #feefe6;
  }
  .dropdown-menu .nav-link:first-child, .dropdown-menu .nav-link:last-child, .dropdown-menu .nav-link:first-child:hover, .dropdown-menu .nav-link:first-child a:hover, .dropdown-menu .nav-link:last-child:hover {
    border-radius: 0px;
  }
  .dropdown-menu .nav-link a:hover {
    color: white;
    text-decoration: none;
    background: #010849;
    padding-left: 35px;
    padding-left: 3.5rem;
    padding: 10px 14px;
    padding: 1.0rem 1.4rem;
  }
  .dropdown-menu {
    /*border-left: 5px solid #a9c5ff;*/
    border-top: 1px solid #a9c5ff;
    border-bottom: none;
    border-radius: 0px;
    background: rgba(255,255,255,0.9);
    min-width: 75%;
    margin-top: 0px;
  }
  /*.dropdown-toggle {
    background: rgba(81,102,148,0.15);
    border-top: 2px solid #0f41ff;
  }*/
  .dropdown-menu .nav-link {
    border-bottom: 1px solid #0f41ff;
  }
  .dropdown-menu .current-menu-item:last-child {
    border-radius: 0px;
  }
  .dropdown-menu .nav-link {
    border-bottom: 1px solid #f2f2f2;
    background: rgba(254,239,230,0.25);
  }
  .dropdown-menu .nav-link a {
    padding: 7px 14px;
    padding: 0.7rem 1.4rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    font-weight: 500;
    /*padding-left: 35px;
    padding-left: 3.5rem;*/
  }
  .dropdown-menu .nav-link a, .dropdown-menu .current-menu-item a:hover {
    color: #1D3347;
    padding: 10px 14px;
    padding: 1.0rem 1.4rem;
  }
  .dropdown-menu .nav-link:last-child a:hover {
    border-radius: 0px;
  }
}
@media (max-width: 767.98px) {
  .top-nav-btn-wrap .btn-main {
    font-size: 15px; 
  }
  .intro-logo {
    width: 250px;
  }
}
@media (max-width: 599.98px) {
  .navbar-background {
    /*display: block;*/
  }
  /*.btn-main {
    padding: 10px 15px;
  }*/
  .navbar-collapse {
    top: 58px;
    top: 5.8rem;
  }
  .navbar-toggler {
    padding: 1.0rem;
  }
  .img-main-logo {
    position: relative;
  }
}
@media (max-width:424.98px) {
  /*.img-main-logo {
    width: 200px !important;
  }*/
  /*.navbar-toggler {
    margin: 10px;
  }*/
}

/* MAIN BG */
#main-section {
  min-height: 900px;
  max-width: 1900px;
  margin: 30px auto;
  border-radius: 20px;
  box-shadow: 0px 8px 20px rgba(0,0,0,0.5);
}
.main-foreground {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
.img-main-products {
  margin-top: -75px;
}
.img-round-basic {
  border: 1px solid rgba(0,0,0,0.25);
  padding: 20px;
  width: 300px;
  height: 300px;
  display: block;
  margin: 0px auto 20px;
  border-radius: 50%;
}
.owl-wrap {
  position: relative;
}
.owl-carousel-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  /*background:linear-gradient(90deg, rgba(240,231,216, 0.0) 80%, rgba(240,231,216, 1.0) 100%);*/
  background: linear-gradient(90deg, transparent 70%, #388841 90%);
  z-index: 2;
}
.owl-carousel-reviews {
  position: relative;
  z-index: 1;
}
.section-testimonials {
  /*background: rgba(240,231,216,1.0);*/
  padding-top: 45px;
  padding-bottom: 80px;
}
.testimonial, .testimonial-item-alt {
  background: #ffffff;
  border-radius: 9px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  padding: 20px;/*
  font-size: 20px;
  line-height: 28px;*/
  font-style: italic;
  font-weight: 300;
  margin-bottom: 75px;
  margin-top: 20px;
}
.testimonial-item-alt {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 120px auto;
  margin-bottom: 25px;
  padding: 20px 20px 0px;
  align-items: center;
  /*box-shadow: none;*/
}
.testimonial img, .testimonial-item-alt img {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  display: block;
  margin: 0px auto;
  border: 2px solid #d2d2d2;
}
.testimonial p {
  font-size: 18px;
  font-weight: 400;
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}
.testimonial-item-alt .testimonial-p {
  font-size: 16px;
  line-height: 1.3em;
  margin-bottom: 10px;
  font-weight: 400;
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}
.testimonial-item {
  background: white;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  border-radius: 20px;
  margin-bottom: 20px;
}
.testimonial-item .content-wrap-alt {
  padding: 25px;
}
.testimonial-item .content-wrap {
  padding: 25px 25px 25px 0px;
}
.testimonial-item .content-wrap .quotation {
  font-size: 15px;
  /*color: white;*/
}
.testimonial
.quote-author, .testimonial-item-alt .quote-author, .quote-author {
  font-size: 15px;
  /*letter-spacing: 1px;*/
  /*text-transform: uppercase;*/
  text-align: right;
  font-style: normal;
  /*font-weight: 600;*/
  margin-bottom: 0px;
  line-height: 1.3;
  /*color: white;*/
}
.testimonial-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
.testimonial-grid .testimonial-item {
  height: 150px;
  border-radius: 20px;
  border: 2px solid #203c7c;
}
.small-stars-wrap i {
  font-size: 16px;
  color: #e29f28;
  /*color: white;*/
  margin-bottom: 9px;
}
.quote-author:before {
  content: '\2014'' ';
}
.verified-customer {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  /*color: white;*/
   color: #656565; 
}
.verified-customer i {
  color: #77bc20;
  font-size: 16px;
}
.case-study-wrap {

}
.img-product {
  width: 450px;
  display: block;
  margin: 0px auto;
}
@media (max-width: 768px) {
  .img-product {
    width: 300px;
    display: block;
    margin: 0px auto 5px;
  }
  .testimonial-item-alt {
    display: grid;
    grid-gap: 20px;
    grid-template-columns:1fr;
    margin-bottom: 25px;
    padding: 20px 20px 0px;
    align-items: center;
    /*box-shadow: none;*/
  }
  .testimonial-item-alt .content-wrap {
    padding: 0px 25px 25px;
  }
}
@media (max-width: 525px) {
  .testimonial-item .content-wrap-alt {
    padding: 20px 10px 1px;
  }
  .testimonial-item-alt .content-wrap {
    padding: 0px 0px 15px;
  }
}

/* NON ICONS */
.section-non-icons {
  padding-top: 25px;
  padding-bottom: 35px;
}

.non-icons-wrap {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
  justify-content: space-evenly;
  margin-bottom: 5px;
  padding: 3px 0px;
}
.non-icon {
  width: 175px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, auto));
  padding: 0px 10px;
  justify-items: center;
}
.non-icon-text {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.0em;
  margin-bottom: 0px;
}
.non-icon-inner, .non-icon-inner-alt {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  /*border: 5px solid #010849;*/
  /*background: white;*/
  display: grid;
  align-items: center;
  box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
  margin-bottom: 13px;
}
.non-icon-inner img {
  width: 90px;
  margin: 0px auto;
}
.non-icon p {
  text-align: center;
  font-weight: 500;
  line-height: 1.0;
  margin-bottom: 0px;
  color: white;
}
.non-icons-wrap-mini {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0px;
}
.non-icons-cart {
  /*background: #e4e4e4;*/
}
.non-icon-mini {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40px, auto));
  padding: 10px;
  justify-content: center;
}
.non-icon-mini-text {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.0em;
  margin-bottom: 0px;
}
.non-icon-mini-inner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  align-items: center;
  /*box-shadow: 0px 3px 8px rgb(0 0 0 / 50%);*/
  margin-bottom: 9px;
  justify-self: center;
}
.non-icon-mini-inner img {
  width: 100%;
  margin: 0px auto;
}
.vitamin-size {
  font-size: 45px !important;
  font-weight: 700 !important;
}
.non-icon .non-icon-inner p, .non-icon .non-icon-inner-alt p {
  margin-bottom: 0px;
  text-align: center;
  font-size: 26px;
  line-height: 1.0em;
  font-weight: 600;
  color: #010849;
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .non-icon {
    /*width: 135px;
    height: 135px;*/
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1fr, auto));
    padding: 10px;
  }
  /*.non-icon-inner, .non-icon-inner-alt {
    width: 125px;
    height: 125px;
  }*/
}

@media (max-width: 768px) {
  .non-icon {
    width: 85px;
    /*height: 85px;*/
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, auto));
    /*padding: 10px;*/
  }
  /*.non-icon-inner, .non-icon-inner-alt {
    width: 125px;
    height: 125px;
  }*/
}
@media (max-width: 599px) {
  .owl-carousel-overlay {
    display: none;
  }
  .non-icon {
    width: 75px;
    /*height: 75px;*/
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, auto));
    padding: 0px;
    justify-content: center;
  }
  .non-icon-inner, .non-icon-inner-alt {
    width: 70px;
    height: 70px;
  }
  .non-icon p, .non-icon .non-icon-inner-alt p {
    font-size: 14px;
  }
}
/* MASONRY */
.testimonials-container {
  /*display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: masonry;*/
  /*grid-auto-rows: masonry;*/
  gap: 50px;
  columns: 2 350px;
}
.testimonial-item-wrap {
  padding: 10px 90px 30px;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  border-radius: 9px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 991px) {
  .testimonials-container {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr;
    margin-bottom: 0px;
  }
}

/* PRODUCT DESIGN */
/* NEW MOBILE CART */

.section-cart {
  /*background: #0c6954;*/
  background: #205225;
}
.cart-item {
  background: linear-gradient(0deg, #f1f1f1, rgba(255,255,255,1.0));
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  border-radius: 13px;
  margin-bottom: 20px;
  text-align: center;
  font-family: "Avenir", "Helvetica", arial, sans-serif;
  position: relative;
  display: grid;
}
.cart-item .cart-mobile {
  display: grid;
  grid-template-columns: 1fr;
  /*grid-gap: 10px;*/
}

.supply-level {
  font-size: 16px;
  font-weight: 700;
  /* color: #777777; */
  /*text-transform: uppercase;*/
  font-family: "Avenir", "Helvetica", arial, sans-serif;
}
.savings-block {
  background: #239640;/* #004483 100%);*/
  padding: 9px 10px;
  /*border-radius: 4px;*/
  /*display: inline-block;*/
  margin-bottom: 25px;
}
.savings-block p {
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 1.0;
}
.btn-addtocart-wrap {
  text-align: center;
}

.total-savings {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #239640;
}
.cart-item-img-wrap, .cart-item-content-wrap {
  padding: 0px;
}
.cart-item-content-wrap {
  padding-bottom: 15px;
}
.img-cards {
  width: 150px;
  display: block;
  margin: 0px auto 20px;
}

.price-callout-empty {
  padding: 20px 10px 0px;
  text-align: center;
}
.supply-level {
  font-size: 20px;
  font-weight: 700;
  /*color: #777777;*/
  text-transform: uppercase;
  font-family: "Avenir", "Helvetica", arial, sans-serif;
}
.supply-level-main {
  font-size: 26px;
  font-weight: 900;
  line-height: 1.0;
  /*color: #777777;*/
  /*text-transform: uppercase;*/
  font-family: "Avenir", "Helvetica", arial, sans-serif;
}
.bottle-amount {
  font-size: 24px;
  color: #212227;
}
.product-image {
  width: 200px;
  display: block;
  margin: 20px auto;
}
.blue-dk {
  color: #004483 !important;
}
.options-wrap {
  /*display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;*/
}
.options-item {
  background: rgba(255,255,255,0.95);
  border-radius: 15px;
  border: 2px solid rgba(255,255,255,0.5);
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  padding: 20px;
  /*text-align: center;*/
  display: grid;
  justify-content: center;
  align-items: start;
  margin-bottom: 30px;
}
.options-item .opt-content {
  font-size: 16px;
  /*line-height: 1.5rem;*/
}
.cart-item-basic {
  margin-top: 65px;
}
.btn-container {
  /*background: #eeeaf5;*/
  padding: 0px 0px 20px;
  border-radius: 0px 0px 13px 13px;
}
.cart-item-content-wrap .btn-container {
  padding-bottom: 0px;
}
.btn-container .btn-main {
  background: #fc9903;
  background: linear-gradient(0deg, rgba(255,201,0,1), #fc7a00);
  padding: 20px 25px;
  border-radius: 33px;
  color: #010849 !important;
  text-shadow: 0px 1px 2px rgba(255,255,255,1.0);
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
  font-size: 22px;
  cursor: pointer;
  margin-bottom: 25px;
}
.btn-container .btn-main:hover {
  background: #fc9903;
  background: linear-gradient(0deg, #388841, #6ab34f);
  color: #ffffff !important;
  text-shadow: 0px 1px 2px rgba(0,0,0,1.0);
  box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}
.cart-item .cart-mobile-best {
  border: 2px solid rgba(1,8,73,0.25);
  /*border: 2px solid #203c7c;*/
  /*border: 2px solid #388841;*/
  /*border-top: 0px;*/
  border-radius: 13px;
  background: linear-gradient(0deg, rgba(179,207,248,0.5), #ffffff);
  /*background: linear-gradient(0deg, rgba(1,8,73,0.15), #ffffff);*/
}
@media (max-width: 991.98px) {
 /* .btn-container {
    padding: 0px;
  }*/
  .cart-item-img-wrap {
    /*border-right: 2px solid #eeeaf5;*/
  }
  .cart-item-img-wrap, .cart-item-content-wrap {
    display: grid;
    align-items: center;
    padding: 0px 0px 15px;
  }
  /*.ebooks-free-wrap {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 4px solid #77bc20;
    background: rgba(233,243,230, 0.75);
    position: absolute;
    right: auto;
    top: 150px;
    padding: 9px;
    left: 15px;
  }
  .ebooks-free-wrap2 {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 4px solid #77bc20;
    background: rgba(233,243,230, 0.75);
    position: absolute;
    right: auto;
    top: 130px;
    padding: 9px;
    left: 15px;
  }*/
  .cart-item .cart-mobile {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    /*border: 2px solid #d2d2d2;*/
    border-radius: 13px;
  }
  .cart-item .cart-mobile-best {
    /*border: 2px solid #41aaf7;*/
    /*border: 2px solid #203c7c;*/
    /*border-top: none;*/
    /*border-radius: 0px 0px 13px 13px;*/
  }
  .btn-addtocart-wrap {
    padding: 0px 25px 30px;
  }
  .cart-item-basic {
    margin-top: 0px;
  }
  .img-cards {
    display: block;
    margin: 0px auto;
  }
}
.product-image {
  width: 200px;
  display: block;
  margin: 20px auto;
}
.img-product-small {
  width: 200px;
  display: block;
  margin: 10px auto;
}
@media (max-width: 991.98px) {
  .img-product-small {
    width: 220px;
    display: block;
    margin: 10px auto;
  }
}
.card-price {
  display: inline-block;
  
  width: auto;
  height: 38px;
  
  background-color: #6ab34f;
  -webkit-border-radius: 3px 4px 4px 3px;
  -moz-border-radius: 3px 4px 4px 3px;
  border-radius: 3px 4px 4px 3px;
  border-left: 1px solid #6ab34f;

  margin-left: 19px;
  color: white;
  line-height: 38px;
  font-weight: 700;
  font-size: 18px;
  position: absolute;
  z-index: 1001;
  top: 15%;
  /*left: 20%;*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
  box-shadow: 0px 2px 4px rgba(0,0,0,0.75);

  padding: 0 10px 0 10px;
  transform: rotate(-13deg);
}

/* Makes the triangle */
.card-price:before {
  content: "";
  position: absolute;
  display: block;
  left: -19px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 19px solid #6ab34f;
}

/* Makes the circle */
.card-price:after {
  content: "";
  background-color: white;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  left: -9px;
  top: 17px;
}

.cart-header, .price-final, .total-savings {
}
.cart-header {
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 22px;
}
.cart-header span {
  font-size: 20px;
  font-weight: 300;
  text-transform: none;
}
/*.price-item .btn-wrap {
  margin-bottom: 50px;
}
.price-item .btn-main, .btn-orange, .btn-container .btn-main {
  background: #fc9903;
  background: linear-gradient(0deg, rgba(255,201,0,1), #fc7a00);
  padding: 20px 25px;
  border-radius: 9px;
  color: #004483 !important;
  text-shadow: 0px 1px 2px rgba(255,255,255,1.0);
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
  font-size: 26px;
  cursor: pointer;
  margin-bottom: 15px;
}*/

.name-price-wrap {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px 15px;
  min-width: 0px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  width: 100%;
}
.name-price-wrap p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 600;
  margin-bottom: 7px;
}
.amtpb {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 300;
}
.product-description {
  padding: 0px 15px;
}
.product-description p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  color: #494a50;
  margin-bottom: 9px;
}
.star-rating {
  /*padding: 0px 15px 15px;*/
  /*padding-bottom: 15px;*/
}
.star-rating .fa {
  color: #fc9903;
  font-size: 12px;
  font-size: 1.2rem;
}
.ribbon {
  clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 2% 50%, 0% 100%, 0% 50%, 0 0);
  /*margin-bottom: 25px;*/
  /*border-top: 2px solid rgba(255,201,0,1);*/
  /*border-bottom: 4px solid #fc9903;*/
  /* height: 70px; */
  background: rgb(255, 0, 188);
  /* background: linear-gradient(180deg, rgba(255, 201, 0, 1), #fc9903); */
  display: grid;
  align-items: center;
  text-align: center;
  padding: 7px 20px 7px 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.75);
  color: #000;
  font-weight: 900;
  /*position: absolute;*/
  z-index: 1001;
  font-size: 20px;
  text-transform: uppercase; 
  text-shadow: 0px 1px 1px rgba(255,255,255,1.0);
  /* letter-spacing: 1px; */
  line-height: 1.0;
  left: 0%;
  top: 33px;
  /*transform: skew(0deg, -4deg);*/
}
.ribbon-featured {
  /*border-top: 2px solid #71cc50;
  border-bottom: 2px solid #71cc50;*/
  border-image-source: linear-gradient(35deg, #9c7566, #d1a493, #fedfcb, #fff0d6, #fedfcb, #d1a493, #9c7566);
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-image-slice: 1;
  border-width: 2px;
  background: #010849;
  color: white;
}
.best-value-ribbon {
  width: 150px;
  height: 170px;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  /*left: 15px;*/
}
.best-value-ribbon span {
  position: absolute;
  display: block;
  width: 180px;
  padding: 0px;
  /*background: linear-gradient(110deg, #eaeeff 0%, #ffffff 100%);*/
  background: #d0021b;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  /*font-family: sofia-pro, "Helvetica-Neue", Helvetica, Arial, sans-serif;*/
  text-shadow: 0 1px 2px rgba(0,0,0, 0.75);
  /*text-transform: uppercase;*/
  text-align: center;
  /*border-top: 15px solid #2194ff;
  border-bottom: 15px solid #C02071;*/
}
.best-value-ribbon-left span {
  left: -45px;
  top: 31px;
  transform: rotate(-45deg);
}
.super-large-number {
  font-size: 130px;
  font-size: 13rem;
  line-height: 130px;
  font-weight: 100;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: -9px;
}
.sln-description {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 1.0;
}
@media (max-width: 1199px) {
  .best-value-ribbon {
    width: 180px;
    height: auto;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    left: calc(50% - 90px);
    border-radius: 0px 0px 9px 9px;
  }
  .best-value-ribbon-left span {
    left: auto;
    top: 0px;
    transform: none;
  }
  .best-value-ribbon span {
    position: relative;
    display: block;
    width: 180px;
    padding: 0px;
  }
}
@media (max-width: 768px) {
  /*.best-value-ribbon {
    width: 180px;
    height: auto;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    left: calc(50% - 90px);
    border-radius: 0px 0px 9px 9px;
  }
  .best-value-ribbon-left span {
    left: auto;
    top: 0px;
    transform: none;
  }
  .best-value-ribbon span {
    position: relative;
    display: block;
    width: 180px;
    padding: 0px;
  }*/
  .super-large-number {
    font-size: 70px;
    font-size: 7.0rem;
    line-height: 70px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: -5px;
  }
  .sln-description {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 600;
    margin-bottom: 0px;
  }
}
.cart-align-end {
  align-items: end;
}
.cart-align-center {
  align-items: center;
}
.cart-1-bottle {
  margin-bottom: 75px;
}

/* FRONT PAGE NEWS */

#hp-recent-posts {
  position: relative;
  background: white;
  background: linear-gradient(0deg, #ffffff, #f4f4f4);
}
.hp-main-featured {
  padding: 45px 50px 55px;
  /*border: 9px solid white;*/
  /*background: linear-gradient(180deg, #ffffff, #d9daeb);*/
  background: #ffffff;
  /*margin-bottom: 25px;*/
}
.hp-main-featured header {
  min-height: 300px;
  width: 100%;
  object-fit: cover;
  position: relative;
}
.hp-main-featured .item-header .img-post {
  height: 200px;
  width: 100%;
  object-fit: cover;
  /*border-radius: 7px 7px 0px 0px;
  border-radius: 0.7rem 0.7rem 0 0;*/
}
.hp-main-featured .item-content {
  padding: 15px;
  padding: 1.5rem;
  font-family: "open-sans", Arial, Helvetica, sans-serif;
}
.articles-wrap {
  display: grid;
}
.articles-wrap .item {
  display: grid;
  grid-template-columns: 200px auto;
  background: rgba(255,255,255,0.95);
  margin-bottom: 15px;
  border: 1px solid rgba(233,195,177,0.5);
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
}
.articles-wrap .item:last-child {
  margin-bottom: 0px;
}
.main-article-wrap {
  display: grid;
  align-content: center;
  grid-template-rows: 300px 1fr;
  /*background: rgba(255,255,255,0.95);*/
  /*margin-bottom: 15px;*/
  border: 1px solid rgba(233,195,177,0.5);
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  height: 100%;
}
.main-article-wrap .item-header .main-image-wrap .img-post {
  min-height: 300px;
  width: 100%;
}
.main-article-wrap header {
  min-height: 300px;
}
.main-article-wrap .main-article-content {
  padding: 35px;
  background: rgba(255,255,255,0.95);
}
.main-article-wrap .main-article-content h2 {
  margin-bottom: 10px;
}
.main-article-wrap .main-article-content .date {
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
.main-article-wrap .main-article-content p {
  font-weight: 200;
  line-height: 2.8rem;
  font-size: 20px;
  font-size: 2.0rem;
}
.articles-wrap .item .item-header {
  min-height: 120px;
}
.articles-wrap .item .item-header .img-post {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.articles-wrap .item .item-content {
  padding: 30px 35px;
  padding: 3.0rem 3.5rem;
}
.articles-wrap .item .item-content a, .hp-main-featured .item-content a {
  text-decoration: none;
}
.articles-wrap .item .item-content h4, .hp-main-featured .item-content h2 {
  font-weight: 600;
}
.hp-main-featured .item-content h2 {
  line-height: 42px;
  line-height: 4.2rem;
  margin-bottom: 20px;
}
.articles-wrap .item .item-content h3 {
  line-height: 32px;
  line-height: 3.2rem;
  margin-bottom: 12px;
}
.articles-wrap .item .item-content h4 {
  line-height: 24px;
  line-height: 2.4rem;
  margin-bottom: 10px;
  font-weight: 200;
}
.articles-wrap .item .item-content h4 a {
  color: rgba(66,54,48,1.0);
}
.articles-wrap .item .item-content p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-family: "open-sans", Arial, Helvetica, sans-serif;
  margin-bottom: 9px;
  font-weight: 200;
}
.articles-wrap .item .item-content .date, .hp-main-featured .item-content .date {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 200;
  color: rgba(0,0,0,0.5);
}
@media (max-width: 1199px) {
  .main-article-wrap {
    margin-bottom: 15px;
    display: block;
  }
}
@media (max-width: 991px) {
  .hp-main-featured {
    padding: 45px 20px 55px;
  }
}
@media (max-width: 575px) {
  .articles-wrap .item {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1200px) and (max-width: 1999px) {
  .main-article-wrap {
    display: grid;
    align-content: center;
    grid-template-rows: 300px 300px;
    height: auto;
  }
}
@media (min-width: 2000px) {
  .main-article-wrap {
    display: grid;
    align-content: center;
    grid-template-rows: 300px 1fr;
    height: 100%;
  }
}

/* INTERNAL PAGES */
#secondary {
    padding-top: 50px;
    padding-bottom: 50px;
}
#secondary-top {
  display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 340px;
    height: 100%;
}
@media (max-width: 767.98px) {
    #secondary-top {
        min-height: 240px;
    }
}
@media (max-width: 600.98px) {
    #secondary-top {
        min-height: 200px;
    }
}

/* NUTRITION LABEL */

#nutrition-facts {
  padding-top: 40px;
  padding-bottom: 50px;
}
.lead-title {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 22px;
  line-height: 23px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.product-title {
  /*text-align: center;*/
  font-size: 50px;
  font-weight: 700;
  color: #010849;
  text-shadow: 0px 2px 2px rgb(255 255 255);
  /*font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;*/
  font-family: "olivevillage", "Helvetica-Neue", Helvetica, Arial, sans-serif;
  /*font-family: "quiche-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;*/
  line-height: 1.0em;
}
.quiche-sans {
  font-family: "quiche-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif !important;
  background-color: rgba(1,8,73,1.0);
  background-image: linear-gradient(45deg, rgba(234, 0, 255, 1.0) 0, rgba(1,8,73,1.0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#",endColorstr="#",GradientType=1);
  color:  rgba(1,8,73,1.0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*-webkit-text-stroke: .0625rem #000;*/
  font-weight: 900;
}
.nutrition-label {
  border: 5px solid #010849;
  /*margin: 20px;*/
  max-width: 400px;
  /*padding: 0.5px;*/
  font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300;
  display: block;
  margin: 0px auto 30px;
}
.nutrition-label p {
  margin-bottom: 0px !important;
  font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif !important;
  font-size: 13px;
  line-height: 1.2em;
}
.nutrition-header {
  padding: 5px;
  border-bottom: 5px solid #010849;
}
.nutrition-label-title {
  font-weight: 700;
  font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;
  color: #010849;
  margin-bottom: 5px;
  font-size: 28px;
  line-height: 28px;
  margin: 0px;
  text-transform: uppercase;
}
.nutrition-header p {
  /*font-weight: 700;*/
  font-size: 16px;
  line-height: 1.2em;
  margin-bottom: 0px;
  font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif !important;
}
.nutrition-header p span {
  font-size: 20px;
}
.aps-wrap {
  padding: 5px;
  display: grid;
  grid-template-columns: 3fr 1fr;
  border-bottom: 1px solid #010849;
}
.aps-heading {
  font-weight: 700;
  font-size: 16px;
}
.aps-sub-wrap {
  padding: 5px;
  display: grid;
  align-items: end;
  grid-template-columns: 3fr 1fr;
  border-bottom: 5px solid #010849;
}
.aps-sub-heading {
  font-size: 16px;
  line-height: 1em;
  font-weight: 700;
  margin-bottom: 0px;
}
.calories-heading {
  font-weight: 700;
  font-size: 28px;
  line-height: 1em;
}
.calories-sub-heading {
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 0px;
  font-weight: 700;
}
.calories-sub-number {
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  line-height: 1em;
}
.calories {
  display: grid;
  align-content: end;
}
.calories p {
  font-size: 50px;
  line-height: 1em;
  font-weight: 700;
  text-align: right;
}
.label-section {
  border-bottom: 4px solid #010849;
}
.label-main-heading {
  padding: 5px;
  display: grid;
  grid-template-columns: 2fr 0.5fr 0.5fr;
  border-bottom: 2px solid #010849;
}
.label-main-heading sup {
  line-height: 9px;
}
.label-main-heading p {
  text-align: right;
  font-size: 10px;
  line-height: 1em;
  font-weight: 700;
  margin-bottom: 0px;
}
.label-items-main, .label-items-additional {
  font-size: 14px;
  line-height: 1em;
}
.label-item-main {
  padding: 3px 5px;
  border-bottom: 1px solid #010849;
  border-top: 1px solid #010849;
}
.label-item-sub {
  padding: 3px 5px 3px 15px;
  border-bottom: 1px solid #010849;
}
.label-item-main, .label-item-sub {
  display: grid;
  grid-template-columns: 2fr 0.5fr 0.5fr;
}
.label-item-main p, .label-item-sub p {
  text-align: right;
}
.label-item-title {
  text-align: left !important;
}
.label-footer {
  padding: 5px;
}
.label-footer p {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
}
.label-footer p span {
  font-style: normal;
}
.ingredients-label {
  font-size: 20px;
  margin-bottom: 4px;
}
.ingredients-text {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}
.caution-label {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 16px;
  font-style: italic;
}
.disclaimer, .disclaimer p {
  font-family: "open-sans", "Helvetica-Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 14px !important;
}


.owl-carousel .owl-stage {
    padding: 25px 0px 9px;
}
/*.owl-carousel.owl-drag .owl-item.active {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 1s ease-in;
  opacity: 1.0;
}*/
.owl-carousel-aso .owl-item img {
  width: 70px;
  display: block;
  margin: 0px auto;
}
/*.carousel-prev {
  top: -50px;
  left: 0;
  position: absolute;
}
.carousel-next {
  top: -50px;
  right: 0;
  position: absolute;
}*/
.owl-nav {
  padding: 7px 10px;
/*  border-radius: 20px;
  background: #203c7c;
  display: block;*/
  text-align: center;
    display: grid;
    grid-template-columns: 75px 75px;
    justify-content: center;
    position: absolute;
    z-index: 3;
}

.carousel-prev i, .carousel-next i {
  font-size: 15px;
  line-height: 35px;
  width: 35px;
  height: 35px;
  /* padding: 10px; */
  color: #388841;
  /*background: #203c7c;*/
  background: white;
  border-radius: 50%;
}

.lines-blue {
    position: relative;
}
.line {
    position: absolute;
}
.line:before {
    content: '';
    position: relative;
    left: 0px;
    z-index: 10;
    border-radius: 15px;
}
.line#line_1 {
    left: 0%;
    height: 13px;
    width: 20%;
    background-color: #203c7c;
}
.line#line_2 {
    left: 20%;
    height: 13px;
    width: 20%;
    background-color: #388841;    
}
.line#line_3 {
    left: 40%;
    height: 13px;
    width: 20%;
    background-color: #b45a2b;    
}
.line#line_4 {
    left: 60%;
    height: 13px;
    width: 20%;
    background-color: #e29f28;    
}
.line#line_5 {
    left: 80%;
    height: 13px;
    width: 20%;
    z-index: 0;
    background-color: #010849;
}

/*1065aa 0%,
    #203c7c 1.99%,
    #388841 2%,
    #388841 3.99%,
    #b45a2b 4%,
    #b45a2b 5.99%,
    #e29f28 6%,
    #e29f28 7.99%,
    #f0e7d8 8%,
    #f0e7d8*/
.line#line-0-white:before {
    left: 0%;
    height: 100%;
    z-index: -1;
}
.line#line-1-white:before {
    left: 2%;
    height: 100%;
    z-index: -1;
}
.line#line-2-white:before {
    left: 4%;
    height: 100%;
    z-index: -1;
}
.line#line-3-white:before {
    left: 6%;
    height: 100%;
    z-index: -1;
}
.line#line-4-white:before {
    left: 8%;
    height: 100%;
    z-index: -1;
}
.line#line-5-white:before {
    left: 10%;
    height: 100%;
    z-index: -1;
}

/* PRODUCT PAGE STYLES */

/* NEW PRODUCT PAGE STYLES */
/* FAQ STYLES */
.accordion {
  background: none;
  margin-bottom: 50px;
}
.accordion .lead {
  margin-bottom: 0px;
}
.accordion p {
  font-size: 16px;
  line-height: 1.2em;
}
.accordion button p {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0px;
}
.card-header {
  padding: 0px;
  margin-bottom: 0;
  background: none;
  border: none;
}
.card-body {
  border-bottom: 2px solid #388841;
  background: rgba(0,0,0,0.05);
  padding: 1.75rem;
  border-radius: 0px 0px 20px 20px;
}
.card-header button {
  padding: 2.5rem 1.75rem;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: none;
  display: grid;
  grid-template-columns: auto 30px;
  width: 100%;
  text-align: left;
}
.accordion>.card {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 10px;
}
.accordion>.card>.card-header>.collapsed {
  /*border-radius: 9px;*/
  /*margin-bottom: 20px;*/
  background: linear-gradient(0deg, rgba(170, 170, 170, 0.15), #ffffff);
  background: white;
  /*border-bottom: 1px solid rgba(0,0,0,0.3);*/
  /*border: 2px solid #ffffff;*/
  text-shadow: 0px 1px 2px #ffffff;
  /*box-shadow: 0px 2px 4px rgba(0,0,0,0.15);*/
  width: 100%;
  text-align: left;
}
.accordion>.card>.card-header {
  /*border-bottom: 1px solid #388841;*/
  color: #388841;
}
.accordion>.card>.card-header>.collapsed:hover {
  background: linear-gradient(180deg, rgba(106,179,79, 0.15), rgba(106,179,79, 0.15));
  /*border: 2px solid #f4f4f4;*/
}
.btn.focus, .btn:focus {
  box-shadow: none;
}
.btn-block[aria-expanded="true"] {
  color: #388841;
  width: 100%;
  text-align: left;
  border-radius: 20px 20px 0px 0px;
}
.btn-block[aria-expanded="true"] .fa-circle-arrow-down {
  transform: rotate(180deg);
}
.fa-chevron-circle-up {
  height: 25px;
  position: absolute;
  right: 15px;
  top: 25px;
  /*transform: rotate(-180deg);*/
  transition: .2s;
  font-size: 26px;
  transition: all 0.3s ease;
  color: #d0021b;
}
.btn-block.collapsed .fa-chevron-circle-up {
  transform: rotate(180deg);
  color: #6ab34f;
}
.accordion .card {
  background: none;
  border: none;
}

.sub-head span {
  font-family: poppins, "Helvetica", arial, sans-serif;
  font-size: 86px;
  line-height: 90px;
  font-weight: 600;
  /*text-transform: uppercase;*/
  /*text-shadow: 0px 0px 13px rgba(255, 255, 255, 0.5);*/
}
@media (max-width: 991px) {
  .sub-head span {
    font-family: poppins, "Helvetica", arial, sans-serif;
    font-size: 60px;
    line-height: 60px;
/*    font-weight: 900;
    text-transform: uppercase;*/
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5);
  }
}
.intro-bottle {
  width: 70%;
  display: block;
  margin: 10px auto;
}
.intro-cart-container {
  background: white;
  border-radius: 25px;
  padding: 0px 10px 35px;
  /*box-shadow: 0px 4px 10px rgba(0,0,0,0.25);*/
}
.intro-cart-container h3 {
  margin-bottom: 5px;
}
.intro-cart-container .fa-star {
  color: #ffd200;
}
.intro-cart-container .small-stars {
  font-size: 20px;
  font-weight: 600;
  color: #3085c7;
  margin-bottom: 7px;
}
.intro-cart-container .price, .price {
  font-size: 40px;
  line-height: 40px;
  color: #212227;
  font-weight: 700;
  position: relative;
}

.comparison {
  /*max-width:940px;*/
  margin:0 auto;
  font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align:center;
  padding:10px;
}

.comparison table {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-bottom: 5px solid #b1c3cc;
}

.comparison td, .comparison th {
  border-right:1px solid #b1c3cc;
  empty-cells: show;
  padding:10px;
}

.compare-heading {
  font-size:16px;
  line-height: 18px;
  font-weight: bold !important;
  border-bottom: 0 !important;
  padding:10px !important;
}
.compare-heading1, .compare-heading2 {
  border-radius: 10px 10px 0px 0px;
  border: none !important;
}
.compare-heading1 {
  background: #c4d2d8;
}
.compare-heading2 {
  background: #b2c4cc;
}
.comparison tbody tr:nth-child(odd) {
  display:none;
}

.comparison .compare-row {
  background:#e2e9ec;
}

.comparison th {
  font-weight:normal;
  padding:0;
  border-bottom:1px solid #b1c3cc;
}

.comparison tr td:first-child {
  text-align:left;
  font-size: 16px;
  border-left: 1px solid #b1c3cc;
}
.comparison .qbse, .comparison .qbo, .comparison .tl {
  color:#FFF;
  padding:10px;
  font-size:13px;
  border-right:1px solid #b1c3cc;
  border-bottom:0;
}
.comparison .tl2 {
  border-right:0;
}
.comparison .qbse {
  background:#0078C1;
  border-top-left-radius: 3px;
  border-left:0px;
}
.comparison .qbo {
  background:#009E2C;
  border-top-right-radius: 3px;
  border-right:0px;
}

@media (max-width: 767px) {
  .comparison td:first-child, .comparison th:first-child {
    display: none;
  }
  .comparison tbody tr:nth-child(odd) {
    display:table-row;
    background:#F7F7F7;
  }
  .comparison .row {
    background:#FFF;
  }
  .comparison td, .comparison th {
    border:1px solid #b1c3cc;
  }
  .mobile-category {
    background: #fff;
    padding-top: 30px !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
  }
  .mobile-row {
    background:#e2e9ec;
  }
  .td-title-ph {
    border-radius: 0px;
    border-right: 1px solid #b1c3cc !important;
  }
}

.td-title {
  font-size: 15px;
  line-height: 17px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px;
  /*border-left: 2px solid #d2d2d2;*/
}
.td-title-ph {
  font-size: 17px;
  line-height: 19px;
  text-transform: uppercase;
  font-weight: 900;
  padding: 10px;
  background: #f26320;
  color: white;
  border-radius: 10px 10px 0px 0px;
  border: none !important;
  border-bottom: 7px solid #e2e9ec !important;
}
.td-category{
  grid-area: category;
  font-size: 18px;
  line-height: 20px;
  background: rgba(0,0,0,0.05);
  padding: 5px 20px 5px 5px;
} 
.td-conventional{
  grid-area: conventional;
  font-size: 35px;
}
.td-micelle {
  background: rgba(106,179,79,0.25);
  border-bottom: 1px solid white;
}

@media (max-width: 639px) {
  .comparison td, .comparison th {
    padding:10px 5px;
  }
  .comparison .hide-mobile {
    display:none;
  }
  .comparison .qbse, .comparison .qbo {
    font-size:12px;
    padding:10px 5px;
  }
  .compare-heading {
  /*font-size:13px;*/
  }
  .mobile-category {
    background: #fff;
    padding-top: 30px !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
  }
  .mobile-row {
    background:#e2e9ec;
  }
}

.caution-label {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 16px;
  font-style: italic;
}
.main-overlay {
  padding-top: 120px;
  padding-bottom: 45px;
  /*background: linear-gradient(0deg, rgba(252,175,0,0.65), rgba(242,99,32,0.65));*/
  /*background: linear-gradient(0deg, rgba(255,102,0,0.8), rgba(255,160,0,0.8));*/
  background: linear-gradient(0deg, rgba(255,255,255,0.85), rgba(255,255,255,0.85));
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.main-overlay-orange {
  padding-top: 40px;
  padding-bottom: 45px;
  background: linear-gradient(0deg, rgba(255,102,0,0.7), rgba(255,160,0,0.7));
}

.subtitle {
  text-shadow: 0px 2px 2px rgba(255,102,0,0.5);
  font-family: Open Sans Regular, "Avenir", "Helvetica", arial;
  color: white;
}
.section-gray {
  background: #f1f1f1;
}
.img-bundle {
  /*max-width: 200px;*/
  display: block;
  animation: 2000ms ease-in-out 0s infinite alternate none running bobbingmouse;
  transform: rotate(5deg);
  /*margin: 0px auto;*/
}
.img-bundle-lg {
  display: block;
  animation: 2000ms ease-in-out 0s infinite alternate none running bobbingmouse; 
  margin: 0px auto;
  width: 650px;
}
.img-infographic {
  /*max-width: 900px;*/
  display: block;
  margin: 10px auto 40px;
}
@media (max-width: 991px) {
  .img-bundle-lg {
    width: 300px;
  }
}


/* REVISED CART */

.price-item {
  background: linear-gradient(0deg, #f1f1f1, rgba(255,255,255,1.0)); 
  /*border-radius: 9px;*/
  /*padding: 5px 5px 20px;*/
  padding: 0px 0px 20px;
  box-shadow: 5px 5px 12px rgb(0,0,0,0.25) inset, -8px -8px 9px rgb(255,255,255,0.5) inset;
  margin-bottom: 20px;
  text-align: center;
  font-family: 'OpenSans Regular', Helvetica, Arial, sans-serif;
  position: relative;
}
@media (max-width: 1260px) {
  .price-item br {
    display: block;
  }
}
.price-one {
  margin-top: 25px;
}
.best-value {
  border: 5px solid;
  border-image-slice: 1;
  border-width: 5px;
  border-image-source: linear-gradient(180deg, rgba(255,201,0,1) 0%,rgba(255,165,33,1) 100%);
  background: linear-gradient(180deg, rgba(92,132,155,0.95),rgba(255,255,255,0.5), rgba(255,255,255,1.0));
}
.price-first {
  margin-top: 25px;
}
.product-name-mini {
  font-weight: 700;
  text-shadow: 0px 1px 1px #ffffff;
  margin-bottom: 20px;
  font-size: 18px;
}
.product-name-mini span {
  font-size: 32px;
  font-family: learning-curve, script, "Helvetica-Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}
.price-callout {
  background: rgba(0,0,0,0.5);
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 7px;
  color: white;
  text-shadow: 0px 1px 1px #000000;
  letter-spacing: 2px;
  font-weight: 900;
  font-size: 16px;
}

.savings-ribbon {
  background: #6ab34f;
  display: inline-block;
  color: white;
  padding: 10px 20px;
  font-weight: 700;
  position: absolute;
  font-size: 30px;
  left: 0px;
  top: 30%;
  text-transform: uppercase;
  transform-style: preserve-3d;
  transform: rotate(-17deg) skew(-17deg, 10deg);
  border-radius: 0px 3px 3px 0px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.75);
}
.price-final {
  font-size: 45px;
  font-weight: 900;
  color: #388841;
  margin-bottom: 20px;
  text-shadow: 0px 2px 2px rgba(255,255,255,1.0);
  line-height: 45px;
}

.price-item .btn-wrap {
  margin-bottom: 50px;
}
.price-item .btn-main, .btn-orange {
  background: linear-gradient(0deg, rgba(255,201,0,1), #fc7a00);
  padding: 20px 25px;
  border-radius: 9px;
  color: #010849;
  text-shadow: 0px 1px 2px rgba(255,255,255,1.0);
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
  font-size: 26px;
}

.btn-addtocart-wrap {
  /*overflow: hidden;
  position: relative;*/
  padding: 20px 25px 30px;
  border-radius: 9px;
  display: inline-block;
  margin: 0px auto;
}
.price-callout {
  /*background: rgba(109, 141, 138, 1.0);*/
  background: rgba(0,0,0,0.5);
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 7px;
  color: white;
  text-shadow: 0px 1px 1px #000000;
  letter-spacing: 2px;
  font-weight: 900;
  font-size: 16px;
}
.price-callout-best {
  background: linear-gradient(180deg, #ffd700 0%, #fc9903 100%);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0px;
  letter-spacing: 1px;
  font-weight: 900;
  font-size: 20px;
  border-radius: 13px 13px 0px 0px;
  padding: 30px 0px 15px;
}
.price-callout-doctor {
  /*background: linear-gradient(180deg, #ffd700 0%, #fc9903 100%);*/
  background: rgba(56,136,65,0.15);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0px;
  letter-spacing: 1px;
  font-weight: 900;
  font-size: 20px;
  border-radius: 13px 13px 0px 0px;
  padding: 25px 0px 15px;
}
.price-crossout span {
  font-size: 32px;
  font-weight: 400;
  color: #bf0005;
  margin-bottom: 0px;
  text-decoration: line-through;
  text-decoration-thickness: 3px;
  -webkit-text-decoration-line: line-through;
  -webkit-text-decoration-thickness: 3px;
}
.price-crossout {
  color: #000;
  line-height: 1.0;
  font-weight: 600;
  margin-bottom: 0px;
  text-decoration: none !important;
  font-size: 32px;
}
.price-item .btn-main:hover, .btn-orange:hover {
  background: #6ab34f;
  color: white;
  /*margin-bottom: 25px;*/
  text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
  box-shadow: 0px 4px 10px rgba(255,255,255,1.0);
  border: 2px solid #388841;
}
.price-item .btn-main:hover {
  margin-bottom: 25px;
}
.btn-addtocart:hover:before {
  -webkit-animation-play-state:paused !important;
  -moz-animation-play-state:paused !important;
  -o-animation-play-state:paused !important;
  animation-play-state:paused !important;
}
.btn-huge {
  background: linear-gradient(0deg, rgba(255,201,0,1), #fc7a00);
  padding: 25px 35px;
  border-radius: 80px;
  color: #010849;
  font-size: 30px;
}
.btn-huge:hover {
  background: linear-gradient(0deg, #388841, #6ab34f);
}

/* NEW RIBBONS */

.new-ribbon {
  padding: 4px 2px 1px;
  border-radius: 13px;
  background: #0c89ef;
  margin-bottom: 5px;
}
.new-ribbon p {
  font-size: 14px;
  line-height: 1.0;
  color: white;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: 600;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.25);
}
@media (max-width: 575px) {
  .new-ribbon p {
    font-size: 12px;
  }
}
.img-cards {
  width: 200px;
  display: block;
  margin: 0px auto 20px;
}
.img-mbg {
  width: 100px;
  display: block;
  margin: 0px auto 10px;
}
.img-mbg-hor {
  width: 325px;
  display: block;
  margin: 0px auto 30px;
}
.img-guarantee-hor {
  width: 225px;
  display: block;
  margin: 0px auto 30px;
}
.price-callout-empty {
  padding: 7px 10px;
  text-align: center;
}
.supply-level {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  /*text-transform: uppercase;*/
}
.bottle-amount {
  font-size: 24px;
  color: #212227;
}
.product-image {
  width: 200px;
  display: block;
  margin: 20px auto;
}
.blue-dk {
    color: #004483 !important;
}
.medium-heading {
  font-size: 40px;
  line-height: 44px;
  margin-bottom: 30px;
  font-weight: 800;
}
@media (max-width: 991.98px) {
  .img-guarantee {
    margin: 0px auto 20px;
  }
  .price-final {
    font-size: 36px;
    /*color: #6ab34f;*/
    /* margin-bottom: 10px;
    line-height: 32px;*/
    margin-bottom: 0px;
    line-height: 36px;
  }
  .price-crossout {
    font-size: 24px;
    margin-bottom: 0px;
    /*font-weight: 700;*/
  }
  .supply-level {
    font-size: 18px;
  }
  .btn-container .btn-main {
    padding: 15px 18px;
    border-radius: 45px;
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  /*.img-product-small {
    max-width: 320px;
  }*/
  .btn-huge {
    background: linear-gradient(0deg, rgba(255, 201, 0, 1), #fc7a00);
    padding: 20px 35px 15px;
    border-radius: 80px;
    color: #010849;
    font-size: 36px;
  }
  .btn-container .btn-main {
    border-radius: 45px;
    font-size: 18px;
  }
}
@media (max-width: 599.98px) {
  .btn-huge {
    padding: 20px 25px 15px;
    font-size: 30px;
  }
}

/* BE Amazed Guarantee */

.be-amazed {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 10px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(33deg, rgba(165, 188, 202, 1.0), rgba(243, 244, 246, 1.0), rgba(173, 195, 208, 1.0));
  padding: 40px;
  border-radius: 20px;
}
.jumbo-heading {
  margin-bottom: 20px;
  text-align: center;
  font-family: Open Sans Regular, "Avenir", "Helvetica", arial;
  font-size: 90px;
  line-height: 0.9em;
  text-transform: uppercase;
  text-shadow: 0px 2px 2px rgba(255,255,255,1.0);
  font-weight: 900;
}
.money-back-heading {
  margin-bottom: 5px;
  font-family: Open Sans Regular, "Avenir", "Helvetica", arial;
  font-size: 28px;
  text-transform: uppercase;
  text-shadow: 0px 2px 2px rgba(255,255,255,1.0);
  font-weight: 900;
}
.money-back-body {
  margin-bottom: 10px;
  font-family: Open Sans Regular, "Avenir", "Helvetica", arial;
  font-size: 18px;
  line-height: 1.1em;
  text-shadow: 0px 2px 2px rgba(255,255,255,1.0);
  font-weight: 500;
}
.money-back-hassle {
  margin-bottom: 0px;
  font-family: Open Sans Regular, "Avenir", "Helvetica", arial;
  font-size: 24px;
  text-shadow: 0px 2px 2px rgba(255,255,255,1.0);
}
.be-amazed-text {
  display: grid;
  grid-gap: 10px;
  /*grid-template-rows: 1fr 1fr;*/
}
.be-amazed-guarantee {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 20px;
  justify-content: center;
  align-items: center;
}
.be-amazed-img-wrap {
  display: grid;
  justify-content: center;
  align-items: center;
}
.be-amazed img {
  display: grid;
  justify-content: center;
  align-items: center;
}
.be-amazed-img-wrap img {
  width: 350px;
}
.guarantee-section {
  padding-bottom: 40px;
}
.be-amazed-guarantee-text {
  padding: 25px;
  background: rgba(165, 188, 202, 0.25);
  border-radius: 20px;
}
.be-amazed-guarantee-text p {
  margin-bottom: 2px;
}
@media (max-width: 991.98px) {
  .be-amazed {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
@media (max-width: 767.98px) {
  .be-amazed {
    padding: 40px 20px;
  }
  .be-amazed .img-guarantee {
    width: 200px;
  }
  .be-amazed-guarantee {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    justify-content: center;
    align-items: center;
  }
  .jumbo-heading {
    font-size: 65px;
  }
}

.section-guarantee-sm {
  /*background:linear-gradient(180deg, rgba(106,179,79, 0.5), rgba(106,179,79, 0.5));*/
  background: white;
  border: 4px solid rgba(106,179,79,0.75);
  padding: 20px;
  border-radius: 20px;
}
/* INTRO SHOPPING CART */
.radio-group {
  margin-bottom: 20px;
}
.radio, .radio-smart {
  display: inline-block;
  border-radius: 0;
  box-sizing: border-box;
  cursor: pointer;
  color: #000;
  font-weight: 500;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  border-radius: 9px;
  border: 2px solid #6ab34f;
  transition: all 0.2s ease-in-out 0s;
}
.radio:hover {
  box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);
}
.radio.selected, .radio-smart.selected {
  box-shadow: 0px 8px 16px 0px #EEEEEE;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
}
.selected {
  background-color: #EEF8EB;
}
.a {
  justify-content: center !important;
}
.radio-btn {
  margin-bottom: 10px;
}
/*.pic {
  padding-top: 10px;
}*/
.pic img {
  width: 200px;
  display: block;
  margin: 0px auto;
}
.img-circle, .img-circle-alt, .img-circle-gold {
  height: 200px;
  width: 200px;
  display: block;
  margin: 10px auto 20px;
  border-radius: 50%;
}
.img-circle {
  /*border: 9px solid #388841;*/
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
}
.img-circle-alt {
  border: 4px solid #010849;
}
.img-circle-gold {
  border: 4px solid #e3a129;
}
.img-right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
.img-circle-lg {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 9px solid white;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
}
.img-rounded {
  width: 350px;
  border-radius: 20px;
  /*border: 9px solid white;*/
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
}
.img-toilet {
  margin-left: -150px;
  margin-top: -50px;
  position: absolute;
  width: 275px;
  margin: 0px 20px 20px 0px;
}
@media (max-width: 1199px) {
  .img-toilet {
    margin-left: -150px;
    margin-top: -50px;
    position: relative;
    width: 220px;
    margin: 0px 20px 20px 0px;
  }
}
@media (max-width: 1199px) {
  .img-toilet {
    margin-left: -150px;
    margin-top: -50px;
    position: relative;
    width: 220px;
    margin: 0px 20px 20px 0px;
  }
}
@media (max-width: 991px) {
  .img-toilet {
    margin: 0px auto 25px;
    position: relative;
    width: 220px;
  }
}
.warning-bg {
  background-image: linear-gradient(135deg, #ffffff 25%, #d0021b 25%, #d0021b 50%, #ffffff 50%, #ffffff 75%, #d0021b 75%, #d0021b 100%);
  background-size: 75px 75px;
  height: 20px;
}
.warning-bg-sm {
  background-image: linear-gradient(135deg, #ffffff 25%, #d0021b 25%, #d0021b 50%, #ffffff 50%, #ffffff 75%, #d0021b 75%, #d0021b 100%);
  background-size: 50px 50px;
  height: 9px;
}
.no-wrap {
  background: rgba(208,2,27,0.25);
  padding: 25px;
  border-radius: 9px;
}
.consistent-wrap {
  display: grid;
  grid-template-columns: 50px auto 50px;
  gap: 10px;
  align-items: center;
  border-radius: 9px;
  padding: 10px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  color: white;
  margin-bottom: 25px;
}
.secure-guarantee-wrap {
  display: grid;
  grid-template-columns: 30px auto 30px;
  gap: 10px;
}
.consistent-wrap i {
  font-size: 45px;
  text-align: center;
}
.secure-guarantee-wrap i {
  font-size: 30px;
  text-align: center;
}
@media (max-width: 475px) {
  .consistent-wrap {
    display: grid;
    grid-template-columns: 35px auto 35px;
    gap: 0px;
  }
  .consistent-wrap i {
    font-size: 35px;
  }
}


/* CLAIM ICONS */
.claim-icon-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 25px;
}
.claim-icon-wrap .claim-icon {
  text-align: center;
  display: grid;
  min-width: 80px;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1rem));
}
.claim-text {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 0.9em;
  font-weight: 700;
  font-family: hero-new, "Helvetica-Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}
@media (max-width: 499px) {
  .claim-icon-wrap .claim-icon {
    min-width: 100px;
    grid-template-columns: repeat(auto-fit, minmax(95px, 1rem));
  }
  .small-mobile {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.disclaimer, .disclaimer p {
  font-style: italic;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 14px !important;
}

.background-fixed {
  background-attachment: fixed !important;
}
@media (max-width: 1199.98px) {
  .background-fixed {
    background-attachment: scroll !important;
  }
}
.icon-callouts {
  margin-top: 25px;
  margin-bottom: 35px;
}
.img-icon {
  width: 140px;
  margin: 10px auto;
  display: block;
}
.img-sm-icon {
  width: 70px;
  margin: 10px auto;
  display: block;
}

#footer-sales {
  display: grid;
  padding-top: 40px;
  padding-bottom: 65px;
}
#footer-sales .sm-logo-footer {
  width: 250px;
}
#footer-sales .sm-logo-footer svg, #footer-sales .sm-logo-footer img {
  margin: 10px auto 20px;
  width: 250px;
}
#footer-sales .footer-p {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 14px !important;
  margin-bottom: 10px;
}
.img-capsules {
  width: 150px;
  height: 150px;
}
.img-guarantee {
  display: block;
  width: 155px;
  margin: 0px auto 20px;
}
.img-guarantee-sm {
  width: 225px;
  margin-bottom: 25px;
}
.img-guarantee-sm-center {
  width: 150px;
  display: block;
  margin: 0px auto 10px;
}
.img-bundle-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.img-bundle-sm {
  width: 350px;
  margin: 30px auto 0px;
  display: block;
}
.img-bundle-lg {
  width: 450px;
  margin: 0px auto 20px;
  display: block;
}
.guarantee-wrap {
  display: grid;
  align-items: center;
  border: 9px solid #388841;
  /*background: rgba(56,136,65,0.15);*/
  background: #faf8f4;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  padding: 20px;
}
.guarantee-header {
  padding: 20px;
  border-radius: 20px;
}
.large-heading {
  font-size: 70px;
  font-size: 7.0rem;
}
.wave-bg {
  background: url(../images/how-to-revitagut-bg.jpg) bottom center no-repeat, linear-gradient(0deg, #efe5d6, #efe5d6);
  background: url(../images/how-to-revitagut-bg.jpg) bottom center no-repeat, linear-gradient(0deg, #efe5d6 0%, rgba(239,229,214, 0.75) 70%, rgba(239,229,214,0.5) 100%);
  background-size: contain;
  padding: 45px 45px 375px;
  border-radius: 20px;
}
@media (max-width: 1199.98px) {
  .grid-column {
    width: 150px;
  }
  .img-circle-negative-margins {
    margin: 0px auto;
  }
}
@media (max-width: 991.98px) {
  .large-heading {
    font-size: 55px;
    font-size: 5.5rem;
  }
  .grid-column {
    width: 110px;
  }
  .grid-column h4 {
    font-size: 18px;
  }
  .img-bottle {
    max-width: 300px;
  }
  .img-guarantee-180 {
    width: 200px;
    margin-left: -100px;
  }
  .intro-bottle {
    width: 150px;
    display: block;
    margin: 10px auto;
  }
  .img-guarantee-180 {
    width: 200px;
    margin-left: -45px;
  }
  .img-guarantee {
    width: 150px;
    margin: 0px auto 20px;
    display: block;
    transform: rotate(0deg);
  }
  .img-circle-lg {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 4px solid white;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  }
  .wave-bg {
    padding: 45px 45px 225px;
  }
}
@media (max-width: 767.98px) {
  .medium-heading {
    font-size: 32px;
    line-height: 34px;
  }
  .large-heading {
    font-size: 45px;
    font-size: 4.5rem;
  }
  .grid-column {
    width: 110px;
  }
  .img-bottle {
    transform: rotate(0deg);
    /*max-width: 250px;*/
    display: block;
    margin: 0px auto;
  }
  .img-circle-lg {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 4px solid white;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  }
  .img-guarantee-180 {
    width: 300px;
    margin: 0px auto;
    display: block;
    float: none;
  }
  .img-guarantee {
    width: 150px;
    margin: 0px auto 20px;
  }
  .wave-bg {
    padding: 45px 20px 175px;
  }
}
@media (max-width: 574.98px) {
/*  .grid-centered {
    grid-gap: 10px;
  }*/
  .img-bundle-wrap {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
  }
  .img-circle, .img-circle-alt {
    max-height: 150px;
    max-width: 150px;
  }
  .img-circle {
    border: 5px solid #388841;
  }
  .img-circle-alt {
    border: 5px solid #010849;
  }
  .img-border-blue {
    border: 5px solid #006ec8;
    margin-bottom: 0px;
  }
  .img-border-red {
    border: 5px solid #d0021b;
  }
  .img-right {
    float: none;
    margin: 0px auto 20px;
  }
  .grid-column {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    margin-bottom: 0px;
  }
  .grid-img-sm {
    width: 80px;
    height: 80px;
  }
  .ways {
    display: grid;
    grid-template-columns: 90px auto;
    grid-gap: 15px;
  }
  .img-ways {
    width: 90px;
    margin: 0px auto;
    display: block;
  }
}

@media (max-width: 330px) {
  .subtitle {
    font-size: 30px;
    margin-bottom: 20px;
  }
  h3 {
    font-size: 24px;
  }
  .large-heading {
    font-size: 40px;
    line-height: 42px;
  }
  .medium-heading {
    font-size: 28px;
    line-height: 30px;
  }
  .img-circle-product {
    margin: 0px auto;
    max-width: 220px;
  }
}

/* PRODUCT GALLERY */
/* Hide the slides by default */
.productSlide {
  display: none;
}
.productSlide img {
  border: 4px solid #eaeaea;
}
/* Gallery Inages */
.productSlide {
  display: block;
  margin-bottom: 20px;
}
.productSlide img {
  border: 1px solid #eaeaea;
}
.lightbox-column {
  width: 22%;
}
.lightbox-column-gal {
  width: 19%;
}
.lightbox-column img {
  max-width: 100%;
}
.thumbnail-image-controls {
  position: relative;
  z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3px;
    margin-bottom: 25px;
}
.thumbnail-image-controls .lightbox-column img {
  border: 4px solid rgba(255,255,255,0.5);
}
img.img-product-sm {
  opacity: 0.6;
  transition: 0.3s;
}
.img-product-sm.active,
.img-product-sm:hover {
  opacity: 1;
  border: 3px solid #eaeaea;
}
.thumbnail-image-controls .lightbox-column .img-product-sm.active {
  border: 4px solid rgba(255,255,255,0.5);
}
.thumbnail-image-controls .lightbox-column .img-gallery-sm.active {
  border: 4px solid rgba(255,255,255,0.5);
}


/* TOP PRICE MODULE TABS */

.price-choice-tabs {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  display: grid;
  /*grid-template-columns: repeat(2, 1fr);*/
  /*grid-gap: 10px;*/
  margin-bottom: 20px;
}
.btn-price {
  border-radius: 9px;
  border: 2px solid #e5e5e5;
  background: #f4f4f4;
  padding: 10px 20px 10px 15px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  color: #797979;
  transition: all 0.2s ease-in-out 0s;
}
.btn-price:hover {
  border: 2px solid #299203;
}
.btn-price.selected {
  color: #000;
}
.btn-price.selected, .btn-price.selected:hover {
  border: 2px solid #6ab34f;
  background: #E0F2F1;
}
.savings-flag {
  background: #6ab34f;
  color: white;
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 7px;
  display: inline-block;

  width: auto;
  height: 38px;
  -webkit-border-radius: 3px 4px 4px 3px;
  -moz-border-radius: 3px 4px 4px 3px;
  border-radius: 3px 4px 4px 3px;
  border-left: 1px solid #6ab070;

  /* This makes room for the triangle */
  margin-left: 19px;
  /*position: relative;*/
  line-height: 40px;
  padding: 0 20px 0 6px;
  margin-top: -4px;
  position: absolute;
}
.savings-flag:before {
  content: "";
  position: absolute;
  display: block;
  left: -19px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 19px solid #6ab070;
}

/* Makes the circle */
.savings-flag:after {
  content: "";
  background-color: white;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  left: -9px;
  top: 17px;
}
.read-more-link {
  border: none;
  background: none;
  color: #0076c7;
  font-weight: 700;
  background: #badaf0;
  border-radius: 4px;
  margin-bottom: 10px;
}
.read-more-link .fa-chevron-up {
  transform: rotate(180deg);
  color: #0076c7;
}
.price-details {
  margin-bottom: 20px;
}
#sub-details {
  padding: 15px;
  background: #f2f2f2;
  border-radius: 9px;
    -webkit-transition: all 0.2s ease-in-out 1s;
  transition: all 0.2s ease-in-out 1s;
}
.bottle-option {
  padding: 15px 0px 5px;
}
.month-supply {
  font-size: 18px;
  line-height: 1.0em;
  font-weight: 900;
  margin-bottom: -10px;
}
.amount {
  font-size: 54px;
  line-height: 54px;
  margin-bottom: 20px;
  font-weight: 900;
  color: #010849;
}
.bottle-amount {
  display: grid;
  grid-template-columns: 30px auto;
  align-items: center;
  justify-content: center;
}
.bottle-options {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  align-items: center;
  justify-content: center;
}
.smart-onetime {
  display: grid;
  grid-template-columns: 20px auto;
  align-items: center;
}
.smart-onetime p {
  margin-bottom: 0px;
  line-height: 1.0em;
}
.smart-ship-text {
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 18px !important;
}
.subscribe-bottles {
  display: grid;
  grid-template-columns: 150px auto;
  grid-gap: 10px;
  margin-bottom: 15px;
}
.fa-chevron-up {
  /*height: 20px;*/
  /*position: absolute;*/
  /*right: 15px;*/
  /*top: 20px;*/
  /*transform: rotate(-180deg);*/
  transition: .2s;
  font-size: 16px;
  transition: all 0.3s ease;
  color: #0076c7;
}
.btn-green-addtocart {
  background: #fc9903;
  background: linear-gradient(0deg, rgba(47,131,10,1), #6ab34f);
  padding: 10px 25px;
  border-radius: 9px;
  color: #fff;
  text-shadow: 0px 1px 2px rgba(0,0,0,1.0);
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
  font-size: 18px;
}
.btn-green-addtocart:hover {
  background: #6ab34f;
  color: white;
  /*margin-bottom: 25px;*/
  text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
  box-shadow: 0px 4px 10px rgba(255,255,255,1.0);
}
/*.collapse {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}*/

@media (max-width: 475px) {
  h1 {
    font-size: 40px;
    line-height: 1.0em;
  }
  h2 {
    font-size: 34px;
  }
  .subscribe-bottles {
    grid-template-columns: 1fr;
  }
  .bottle-options {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    align-items: center;
    justify-content: center;
  }
  .pic {
    display: none;
  }
  .month-supply {
    margin-bottom: 0px;
  }
  .btn-green-addtocart {
    display: block;
  }
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
    background: #f4f4f4;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  /*line-height: 32px;*/
  display: inline-block;
  color: #666;
}
[type="radio"] + label {
  color: #6ab34f;
  font-weight: 700;
  border: 2px solid #fff;
  padding: 10px 20px;
  border-radius: 9px;
}
[type="radio"]:checked + label {
  color: #6ab34f;
  font-weight: 700;
  border: 2px solid #6ab34f;
  background: #EEF8EB;
  border-radius: 9px;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
   font-family: 'FontAwesome';
    content: '\f10c'; 
    position: absolute;
    left: 5px;
    top: 8px;
    width: 32px;
    height: 32px;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 100%;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  font-family: 'FontAwesome';
    content: '\f058';
    font-size: 24px;
    line-height: 26px;
    color: white;
    width: 32px;
    height: 32px;
    text-align: center;
    background: #6ab34f;
    position: absolute;
    left: 5px;
    top: 8px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 2px solid #6ab34f;
    background: none;
    color: #6ab34f;
    line-height: 28px;
    border-radius: 100%;
}

.img-howto {
  width: 250px;
  display: block;
  margin: 10px auto;
}
/* Carousel */
.controls {
  background: rgba(0,0,0,0.1);
  border-radius: 50px;
  display: grid;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: 10px;
}
.carousel-indicator, .next-prev-controls {
  /*position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  display: inline-block;*/
  display: grid;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.1);
  border-radius: 50px;
}
.carousel-indicator {
  /*bottom: -10px;*/
}
/*.next-prev-controls .carousel-control-prev {
  left: 10%;
  margin-left: -35px;
}*/
.carousel-indicators {
  position: relative;
  top: 9px;
}
.carousel-indicators li, .carousel-indicators [data-bs-target] {
  width: 23px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.carousel-control-next, .carousel-control-prev {
  /*top: 82%;*/
}

.carousel {
  position: relative;
}
.carousel-item img {
 
}
#carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: 0;
  left: 0;
  padding: 0 50px;
  right: 0;
}
#carousel-thumbs img {
  border: 5px solid transparent;
  cursor: pointer;
}
#carousel-thumbs img:hover {
  border-color: rgba(255,255,255,.3);
}
#carousel-thumbs .selected img {
  border-color: #fff;
}
.carousel-control-prev,
.carousel-control-next {
  width: 50px;
}
@media all and (max-width: 767px) {
  .carousel-container #carousel-thumbs img {
    border-width: 3px;
  }
}
@media all and (min-width: 576px) {
  .carousel-container #carousel-thumbs {
    position: absolute;
  }
}
@media all and (max-width: 576px) {
  .carousel-container #carousel-thumbs {
    background: #ccccce;
  }
}

.whats-inside-wrap {
  margin-bottom: 25px;
}

.clouds {
  position: relative;
  z-index: -1;
}
.img-cloud1 {
  position: absolute;
  top: 195px;
  left: -100px;
  z-index: 4;
  animation: 2500ms ease-in-out 0s infinite alternate none running bobbingclouds;
}
.img-floating {
  position: relative;
  z-index: 5;
}
.img-cloud2 {
  position: absolute;
  top: 225px;
  right: -100px;
  z-index: 6;
  animation: 2500ms ease-in-out 0s infinite alternate none running bobbingcloudsalt;
}
@media (max-width: 991px) {
  .img-cloud1 {
    width: 500px;
  }
  .img-cloud2 {
    width: 600px;
  }
}
#footer {
  background: #010849;
  padding-top: 35px;
  padding-bottom: 50px;
}
#footer p {
  color: #689ec9;
  font-size: 14px;
  margin-bottom: 7px;
}
#footer .disclaimer {
  color: #689ec9;
  font-style: normal;
  font-size: 12px;
  margin-bottom: 7px;
}
.footer-logo {
  display: block;
  max-width: 300px;
  margin: 0px auto 40px;
}


/* UPSELL FLOW STYLES */

.add-three-bottles {
  display: grid;
  grid-template-columns: 225px auto;
  align-items: center;
  grid-gap: 20px;
}
.large-heading-price {
  line-height: 0.5em;
}
.large-heading-price span {
  font-size: 24px;
}
.price {
  font-size: 32px;
  line-height: 32px;
  color: #212227;
  font-weight: 700;
  position: relative;
  margin-bottom: 15px;
}
.price del {
  text-decoration: line-through 4px #d0021b;
}
.feature-benefit-wrap {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  padding: 25px;
  border-radius: 20px;
  background: linear-gradient(90deg, #ffffff, rgba(104,158,201, 0.25));
  margin-bottom: 25px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
}
@media (max-width: 991px) {
  .feature-benefit-wrap {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
  }
}

@media (max-width: 768px) {
  .add-three-bottles {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    grid-gap: 20px;
    text-align: center;
  }
  .feature-benefit-wrap {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.section-donot-hit-back {
  /*background: #010849;*/
  background: #d0021b;
  padding-top: 45px;
  padding-bottom: 55px;
}
.section-slimquixpro {
  background: #e3a129;
  padding-top: 25px;
  padding-bottom: 35px;
}
.signature-wrap {
  display: flex;
  justify-content: space-between;
}
.img-sm-doc {
  width: 250px;
}
.img-three-bottles {
  width: 300px;
  margin: 0px auto;
}
.img-four-bottles {
  width: 350px;
  display: block;
  margin: 0px auto;
}
.four-bottle-wrap {
  display: grid;
  align-content: center;
}
.img-signature {
  width: 200px;
  height: 75px;
}
.progress-bar {
  height: 3rem;
  color: #fff;
  background-color: #203c7c;
}
.progress, .progress-stacked {
  /*--bs-progress-height: 3rem;*/
  height: 56px;
  --bs-progress-font-size: 3.5rem;
  border: 4px solid white;
}
.free-ship-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  justify-content: center;
  align-items: center;
}
.free-shipping-wrap {
  display: grid;
  grid-template-columns: 200px auto;
  grid-gap: 20px;
  justify-content: center;
  /*align-items: center;*/
  /*padding: 20px;*/
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  /*border: 9px solid #203c7c;*/
  margin-bottom: 30px;
}
.free-shipping-wrap .icon-wrap {
  background: rgba(104,158,201,0.15);
  display: grid;
  align-content: center;
  padding: 10px;
  border-radius: 20px 0px 0px 20px;
}
.free-shipping-content {
  padding: 20px;
}
.font-weight-bold {
  font-weight: bold;
}
.free-ship-item {
  text-align:center; 
  width: 225px; 
  margin: 10px auto;
}
@media (max-width: 991px) {
  .free-ship-item {
    text-align:center; 
    width: 200px; 
    margin: 10px auto;
  }
}
@media (max-width: 768px) {
  .img-sm-doc {
    width: 150px;
  }
  .free-shipping-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px;
    justify-content: center;
/*  align-items: center;
    padding: 20px;*/
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
    /*border: 9px solid #203c7c;*/
    text-align: center;
  }
  .free-shipping-wrap .icon-wrap {
    background: rgba(104,158,201,0.15);
    display: grid;
    align-content: center;
    padding: 10px;
    border-radius: 20px 20px 0px 0px;
  }
  .free-shipping-wrap svg {
    width: 250px;
    display: block;
    margin: 0px auto;
  }
}

.free-ship-item svg {
  width: 200px;
}
.results {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 25px 20px 20px 20px;
  display: grid;
  margin-bottom: 25px;
}
.results .person .img-results {
  border: 2px solid #f4f4f4;
  border-radius: 19px;
  display: block;
  margin: 0px auto 10px;
}
.before-after-wrap {
  display: grid;
  grid-template-columns: auto 75px auto 75px auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}
.before-after-wrap i {
  font-size: 45px;
  margin-bottom: 75px;
}
.img-before-after-cells {
  width: 450px;
  display: block;
  margin: 0px auto 20px;
  border: 2px solid #d2d2d2;
  border-radius: 20px;
}
.justify-center {
  display: grid;
  justify-content: center;
}
.forskolin-fact {
  display: grid;
  grid-template-columns: auto 400px;
  padding: 25px;
  background: rgba(104,158,201, 0.25);
  grid-gap: 15px;
  border-radius: 20px;
  margin-bottom: 35px;
}
.forskolin-fact-text {
  border-right: 2px solid white;
  padding-right: 15px;
}
.forskolin-fact-largetext {
  font-size: 40px;
  line-height: 0.95;
  margin-bottom: 0px;
  font-weight: 700;
}
.fact-text span {
  font-size: 24px;
}
.fact-equals {
  font-size: 60px;
}
.img-harvest-wrap {}
.img-harvest {
  display: block;
  margin: 20px auto;
  width: 450px;
  border-radius: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.img-product-main {
  width: 400px;
  display: block;
  margin: 0px auto;
}
.img-circle-wrap {
  display: grid;
  grid-template-columns: 200px auto;
  grid-gap: 15px;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .forskolin-fact {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .forskolin-fact {
    display: grid;
    grid-template-columns: 1fr;
  }
  .forskolin-fact-text {
    border-right: none;
    border-bottom: 2px solid white;
    padding-right: 0px;
    padding-bottom: 15px;
  }
  .before-after-wrap {
    display: grid;
    grid-template-columns: 1fr;
    /*grid-gap: 10px;*/
    align-items: center;
    text-align: center;
    padding: 20px;
  }
  .before-after-wrap i {
    transform: rotate(90deg);
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .free-ship-wrap {
    display: grid;
    grid-template-columns: 1fr;
  }
  .free-ship-item {
    text-align:center; 
    width:100%; 
    margin: 0px auto 0px;
  }
  .free-ship-item svg {
    width: 250px;
  }
}
@media (max-width: 600px) {
  .img-circle-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .img-circle-wrap img {
    display: block;
    margin: 0px auto 20px;
  }
}
.huge-fa {
  font-size: 75px;
}
.guarantee-text {
  font-size: 24px;
  line-height: 1.0;
}
.guarantee-text span {
  color: #010849;
}
.btn-red {
  background: #d0021b;
  color: white;
}
.btn-red:hover {
  background: #010849;
}
.img-cells {
  width: 700px;
  display: block;
  margin: 0px auto 40px;
}
.how-it-works {
  display: grid;
  grid-gap: 10px;
  align-items: center;
  grid-template-columns: 30px auto;
  margin-bottom: 20px;
}
.how-it-works .big-number {
  width: 30px;
  height: 30px;
  background: #010849;
  display: grid;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.how-it-works .big-number p {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 700;
  /* color: #0d403d; */
  color: white;
  text-align: center;
}
.healthy-unhealthy-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  justify-content: center;
  /*align-items: center;*/
  margin-bottom: 25px;
}
.healthy-wrap {
  border: 9px solid #388841;
  display: grid;
  justify-content: center;
  align-items: center;
  background: #388841;
  border-radius: 20px;
  padding: 25px;
  margin-bottom: 30px;
}
.unhealthy-wrap {
  border: 9px solid #d0021b;
  display: grid;
  justify-content: center;
  align-items: center;
  background: #d0021b;
  border-radius: 20px;
  padding: 25px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .healthy-wrap, .unhealthy-wrap {
    padding: 9px;
  }
}
@media (max-width: 600px) {
  .healthy-unhealthy-wrap {
    display: grid;
    grid-template-columns: 1fr;
  }
  .healthy-wrap {
    margin-bottom: 0px;
  }
  .healthy-wrap, .unhealthy-wrap {
    padding: 9px 20px;
  }
}
.comparison {
  position: relative;
}

.first-intro-logo {
  width: 400px;
  display: block;
  margin: 0px auto 25px;
}

.large-check-wrap {
  display: grid;
  grid-template-columns: 60px auto;
  grid-gap: 9px;
  padding: 20px;
  border-radius: 9px;
  background: rgba(56,136,65,0.25);
  margin-bottom: 20px;
  align-content: center;
  align-items: center;
}
.large-check-wrap i {
  font-size: 60px;
  color: #388841;
}
.medium-check-wrap {
  display: grid;
  grid-template-columns: 30px auto;
  grid-gap: 9px;
  padding: 20px;
  border-radius: 9px;
  background: rgba(56,136,65,0.25);
  margin-bottom: 20px;
  align-content: center;
  /*align-items: center;*/
}
.medium-check-wrap-nobg {
  padding: 0px 0px 20px;
}
.medium-check-wrap i {
  font-size: 30px;
  color: #388841;
}
.medium-check-content {
  text-transform: uppercase;
}
.medium-number-wrap {
  display: grid;
  grid-template-columns: 40px auto;
  grid-gap: 9px;
  margin-bottom: 20px;
  align-content: center;
  align-items: center;
}
.medium-number-wrap i {
  font-size: 40px;
  color: #388841;
}
.small-check-wrap {
  display: grid;
  grid-template-columns: 25px auto;
  grid-gap: 9px;
  padding: 9px;
  border-radius: 9px;
  background: rgba(56,136,65,0.25);
  margin-bottom: 20px;
  align-content: center;
  /*align-items: center;*/
  line-height: 1.2;
}
.small-check-wrap i {
  font-size: 25px;
  color: #388841;
}
.horizontal-arrow {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
}
.stronger-thicker-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  justify-content: center;
  align-items: center;
  background: #c57c58;
  border-radius: 20px;
  padding: 25px;
}
.stronger-thicker-more-wrap {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
}
.grid-centered {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 30px;
  margin-bottom: 30px;
}
.grid-column {
  display: grid;
  /* margin: 10px; */
  align-items: center;
  flex-wrap: wrap;
  width: 250px;
  text-align: center;
}
.grid-column p {
  line-height: 1.1;
}
.img-circle-red {
  border: 5px solid #d0021b;
}
.grid-img-sm {
  margin: 0px auto 10px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  /*border: 2px solid #eaeaea;*/
}
.benefit-item-wrap {
  display: grid;
  grid-template-columns: 200px auto;
  grid-gap: 20px;
  /*justify-content: center;*/
  align-items: center;
  margin-bottom: 25px;
}

@media (max-width: 1199.98px) {
  .grid-column {
    width: 150px;
  }
  .grid-img-sm {
    margin: 0px auto 10px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    /*border: 2px solid #eaeaea;*/
  }
}
/*@media (max-width: 991px) {
  .grid-column {
    width: 110px;
  }
  .grid-img-sm {
    margin: 0px auto 10px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
}*/
@media (max-width: 767.99px) {
  .benefit-item-wrap {
    display: grid;
    grid-template-columns: 125px auto;
    grid-gap: 20px;
    /*justify-content: center;*/
    align-items: start;
    margin-bottom: 25px;
  }
  .large-check-img-wrap .img-circle {
    width: 125px;
    height: 125px;
    border-width: 4px;
  }
}
@media (max-width: 600px) {
  .benefit-item-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    margin-bottom: 20px;
  }
  .large-check-img-wrap .img-circle {
    display: block;
    margin: 0px auto;
  }
  .stronger-thicker-more-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
  }
  .horizontal-arrow {
    position: absolute;
    top: 47%;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 100px;
    transform: rotate(130deg);
  }
  .medium-check-wrap {
    display: grid;
    grid-template-columns: 40px auto;
    grid-gap: 9px;
    padding: 15px;
    border-radius: 20px;
    background: rgba(56,136,65,0.25);
    /*margin-bottom: 0px;*/
  }
  .medium-check-wrap-nobg {
    padding: 0px 0px 20px;
  }
}
@media (max-width: 574.98px) {
  .grid-column {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    margin-bottom: 0px;
  }
  .large-check-wrap {
    padding: 10px;
    align-items: start;
  }
}
.directions {
  margin-left: 50px;
  width: 80%;
}
.directions blockquote p {
  font-size: 28px;
}
.feature-wrap {
  display: grid;
  width: 80%;
  /*grid-template-columns: 100px auto;*/
  grid-gap: 20px;
  padding: 20px;
  border-radius: 9px;
  /*background: #203c7c;*/
  /*background: #388841;*/
  /*border: 9px solid white;*/
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  margin-bottom: 20px;
  align-content: center;
}
.feature-wrap-even {
  margin-left: 20%;
}
@media (max-width: 768px) {
  .feature-wrap-even {
    margin-left: 0%;
  }
  .feature-wrap {
    display: grid;
    width: 100%;
  }
}
@media (max-width: 525px) {
  .feature-wrap {
    grid-template-columns: 1fr;
  }
}
.img-feature {
  width: 100px;
  border-radius: 9px;
  margin-bottom: 20px;
}
.feature-wrap-content {
  /*color: white;*/
}
.img-centered {
  border-radius: 20px;
  /*border: 9px solid white;*/
  box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
  width: 550px;
  display: block;
  margin: 0px auto 25px;
}
.img-cards {
  display: block;
  margin: 0px auto 20px;
  width: 300px;
}
.img-cards-sm {
  width: 200px;
  display: block;
  margin: 0px auto 20px;
}
@media (max-width: 768px) {
  .img-centered {
    width: 400px;
  }
}
@media (max-width: 475px) {
  .img-centered {
    width: auto;
  }
}
.large-arrows {
  display: flex;
  justify-content: space-around;
  animation: 2000ms ease-in-out 0s infinite alternate none running bobbingmouse;
}
.large-arrows i {
  font-size: 105px;
  color: #203c7c;
  text-align: center;
}
.what-to-do-wrap {
  background: #689ec9;
  background: rgba(104,158,201,0.25);
  padding: 25px;
  border-radius: 20px;
  border: 4px dashed #203c7c;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
}

.credit-cards-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*text-align: center;*/
  gap: 15px;
  margin-bottom: 25px;
}
.img-cc {
  width: 250px;
  display: block;
  margin: 0px auto 25px;
}
@media (max-width: 600px) {
  .credit-cards-wrap {
    display: grid;
    grid-template-columns: 1fr;
    /*text-align: center;*/
    gap: 15px;
  }
}
.warning-wrap {
  background: #d0021b;
  /*border-radius: 20px;*/
  display: grid;
  grid-template-columns: 75px auto;
  justify-content: center;
  align-items: center;
  padding: 20px;
  /*margin-bottom: 25px;*/
}
.warning-wrap i {
  font-size: 60px;
  color: white;
}
.warning-content {
  display: grid;
  align-items: center;
}
.option-box {
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 35px;
  border: 4px dashed #a1a1a1;
}
.option-gray {
  background: #d2d2d2;
}
.option-green {
  background: linear-gradient(180deg, rgba(106,179,79, 0.15), rgba(106,179,79, 0.15));
  border: 4px dashed #388841;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
}
.arrow-justify {
  display: grid;
  justify-content: end;
}
@media (max-width: 600px) {
  .arrow-justify {
    display: grid;
    justify-content: center;
  }
}

.whats-inside {
  margin: 0px auto;
  padding: 20px 20px 10px;
}
.outer {
  position: relative;
}
.outer::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #010849;
  border-radius: 50%;
  /*border: 3px solid #004712;*/
  border: 5px solid #010849;
  color: white;
  left: -8px;
  top: -28px;
  z-index: 1;
}
.outer::after {
  position: absolute;
  content: '';
  bottom: -40px;
  left: -16px;
  width: 0;
  height: 0;
  border-top: 42px solid #010849;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
}
.outer2::after {
  position: absolute;
  content: '';
  bottom: -33px;
  left: 277px;
  width: 0;
  height: 0;
  border-top: 30px solid rgb(255, 0, 188);
  border-right: 13px solid transparent;
  border-left: 13px solid transparent;
}
/* Card container */
.pjd-card {
  position: relative;

}

/* setting padding based on even or odd */
.pjd-card:nth-child(odd) {
  padding: 30px 0 30px 160px;
}
.pjd-card:nth-child(even) {
  padding: 30px 160px 30px 0;
  display: grid;
  justify-items: end;
}
/* Global ::before */
.pjd-card:nth-child(odd)::before {
  content: "";
  position: absolute;
  width: 50%;
  border: solid rgb(255, 0, 188);
  background-image: linear-gradient(90deg, white, white),
    linear-gradient(45deg, #010849, #010849);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  border: 10px solid transparent;
  border-radius: 1.75rem;
}
.pjd-card:nth-child(even)::before {
  content: "";
  position: absolute;
  width: 50%;
  border: solid #0ff;
  background-image: linear-gradient(45deg, white, white),
    linear-gradient(45deg, #010849, #010849);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  border: 10px solid transparent;
  border-radius: 1.75rem;
}
/* Setting the border of top, bottom, left */
.pjd-card:nth-child(odd)::before {
  left: 0px;
  top: -5px;
  bottom: -5px;
  border-width: 10px 0 10px 10px;
  border-radius: 100px 0 0 100px;
}
/*.pjd-card:first-child::before {
  top: -200px;
}*/
.whats-inside-intro {
  position: relative;
  z-index: 2;
  padding-left: 10px;
  padding-bottom: 30px;
}
/*.pjd-card:nth-child(3n)::before {
  width: 10%;
  left: 40%;
}
.pjd-card:nth-child(3n) .info {
  left: 43%;
}
.pjd-card:nth-child(4n)::before {
  width: 20%;
  right: 30% !important;
}
.pjd-card:nth-child(4n) .info {
  right: 32%;
}*/
/* Setting the top and bottom to "-5px" because earlier it was out of a pixel in mobile devices */
@media only screen and (max-width: 400px) {
  .pjd-card:nth-child(odd)::before {
    top: -5px;
    bottom: -5px;
  }
}

/* Setting the border of top, bottom, right */
.pjd-card:nth-child(even)::before {
  right: 0;
  top: -5px;
  bottom: -5px;
  border-width: 10px 10px 10px 0;
  border-radius: 0 100px 100px 0;
  text-align: right;
}
@media (max-width: 991.98px) {
  .pjd-card:nth-child(even)::before, .pjd-card:nth-child(3n)::before, .pjd-card:nth-child(4n)::before {
    /*right: 0;
    top: 2px;*/
  }
}

/* Removing the border if it is the first pjd-card */
.pjd-card:first-child::before {
  border-top: 0;
  border-top-left-radius: 0;
}

/* Removing the border if it is the last pjd-card  and it's odd */
.pjd-card:last-child:nth-child(odd)::before {
  border-bottom: 0;
  border-bottom-left-radius: 0;
}

/* Removing the border if it is the last pjd-card  and it's even */
.pjd-card:last-child:nth-child(even)::before {
  border-bottom: 0;
  border-bottom-right-radius: 0;
}

/* Information about the whats-inside */
.info {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  padding: 10px;
  width: 70%;
  position: relative;
  /*color: white;*/
}
.pjd-card .info img {
  position: absolute;
  /*padding: 15px;*/
  background: rgba(179,207,248,1.0);
  border-radius: 20px;
  left: -220px;
  top: 48px;
  width: 250px;
  margin-bottom: 10px;
  border: 4px solid #010849;
}
.pjd-card:nth-child(even) .info {
  align-items: flex-end;
}
.pjd-card:nth-child(even) .info img {
  position: absolute;
  /*padding: 15px;*/
  background: rgba(179,207,248,1.0);
  border-radius: 20px;
  right: -220px;
  left: auto;
  top: 48px;
  width: 250px;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .info {
    width: 100%;
  }
  /*.pjd-card:nth-child(3n)::before {
    width: 50%;
    left: 0;
  }
  .pjd-card:nth-child(3n) .info {
    left: 0;
  }
  .pjd-card:nth-child(4n)::before {
    width: 50%;
    right: 0 !important;
  }
  .pjd-card:nth-child(4n) .info {
    right: 0;
  }*/
}
@media (max-width: 991px) {
  .info {
    width: 100%;
  }
}
.info::before {}

/* Title of the pjd-card */
.title {
  /*color: #000;*/
  position: relative;
}

/* whats-inside dot  */
.title-first::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00d";
  font-weight: 700;
  text-align: center;
  display: grid;
  align-items: center;
  position: absolute;
  width: 50px;
  height: 50px;
  background: white;
  border-radius: 50%;
  border: 2px solid #0ff;
  font-size: 30px;
  top: 0px;
  left: 5px;
  line-height: 50px;
  /* color: #0ff; */
  color: #0ff;
  /* color: #fff; */
  background: #000;
  transition: all 0.5s ease;
}

/* text right if the pjd-card is even  */
.pjd-card:nth-child(even) > .info > .title, .pjd-card:nth-child(even) > .info > p {
  text-align: right;
}

/* setting dot to the left if the pjd-card is odd */
.pjd-card:nth-child(odd) > .info > .title::before {
  left: -59px;
}
/* setting dot to the right if the pjd-card is odd */
.pjd-card:nth-child(even) > .info > .title::before {
  right: -59px;
}

@media (max-width: 768px) {
  .pjd-card:nth-child(even) {
    padding: 30px 20px 30px 0;
    display: grid;
    justify-items: end;
  }
  .pjd-card:nth-child(odd) {
    padding: 30px 0px 30px 20px;
    position: relative;
  }
  .pjd-card .info img, .pjd-card:nth-child(even) .info img {
    position: relative;
    /* padding: 15px; */
    background: rgba(179, 207, 248, 1.0);
    /*border-radius: 50%;*/
    right: auto;
    left: auto;
    top: 25px;
    width: 175px;
    margin-bottom: 10px;
    margin: 0px auto 10px;
  }
  .blue-box-pjd {
    background: rgba(179, 207, 248, 0.25);
    padding: 10px;
    border-radius: 20px;
    margin-bottom: 30px;
  }
  .blue-box {
    padding: 15px 10px 10px;
  }
}
@media (max-width: 475px) {
  .whats-inside-intro {
    padding-bottom: 0px;
  }
  .pjd-card .info img, .pjd-card:nth-child(even) .info img {
    top: 10px;
    margin: 0px auto 30px;
  }
}