/** Shopify CDN: Minification failed

Line 9:0 All "@import" rules must come first

**/
#shopify-section-header,#footer {display: none;}
.page-container {padding-top: 0px !important;}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
  -webkit-appearance: none;
}


#quiz {
 background: linear-gradient(90deg, #80c3fa 50%, #8ecafb 50%); 
  min-height: 100vh;
    position: relative;
}

#results,#quizbuy {
 background: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/sqback.jpg?v=1631727735); 
}

.producthead .button a {
 color: #fff;
  display: block;
}


.producthead .button {
 font-size: 22px;
  border-radius: 30px;
  margin-bottom: 20px;
}

.producthead .button:hover, .producthead .button.active {
    background: #1574c3;
    color: #fff;
}

.resetbox .button {
  max-width: 500px;
  color: #fff !important;
  margin: 0 auto;
}

.resetbox .button a{
  color: #fff !important;
}


#stamped-main-widget,.main_reviews_widget {
 background: #fff;

}

.main_reviews_widget {
 padding-top: 40px; 
  margin-top: 40px;
}

.main_reviews_widget h2 {
 font-size: 40px;
  font-size: 55px;
    font-family: Bebas Neue;
    line-height: .9;
  letter-spacing: 0px;
}

.countbar {
  background: #2374C3;
  padding: 20px 0;
}

.countbar h2 {
    	font-family: 'Roboto', sans-serif;
  color: #fff;
  font-size: 30px;
  letter-spacing: 0px;
  margin: 0px;
  padding:0 15px 0 0;
  font-weight: bold;
  text-align: center;
  
}


.countbar .page-width {
  align-items: center;
}

.kt-timer {
  margin: 0 0 -20px 0 !important;
}

.kt-timer .kt-card .kt-plain, .kt-timer .kt-sep {
  line-height: 1 !important;
}

.clock {
  margin-bottom: -35px;
margin-left: 20px;
}

.producthead {
 background: #F2F9FF; 
}


.producthead .bottle{
  width: 40%;
  padding: 20px 20px 20px 0;
}

.producthead .right {
 width: 60%; 
  margin-top: 20px;
}

.producthead p {
 font-size: 22px; 
 color: #0E2C4D;
}

.producthead ul.check {
 margin-left: 10px; 
 margin-bottom: 30px;
}

.producthead ul.check li {
   font-size: 24px;
  line-height: 1.3;
}

.producthead ul.check li i{
  color: #87C7FC;
  font-size: 24px;
}


.poundsper {
    display: flex;
    flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-right: 25%;
}

.checks ul.check {
 margin-left: 10px; 
 margin-bottom: 10px;
}

.checks ul.check li {
    font-size: 16px;
    line-height: 1.2;
    text-align: left;
    font-weight: 400;
    list-style-position: inside;
    text-indent: -0.7em;
    padding-left: 1em;
    margin: 10px 0;
}

.checks ul.check li i{
  color: #87C7FC;
  font-size: 18px;
}

.inno_most_popular {
 order: 3; 
}

.producthead h1 {
       font-size: 88px;
	    margin: 0 auto;
      font-family: Bebas Neue;
      line-height: 0.7;
  letter-spacing: 0px;
}


.producthead h3 {
 color: #3185CB;
  	font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 26px;
  margin-bottom: 5px;
}

.stamped-badge {
 margin-bottom: 15px; 
   text-align: left;  
}

.guide {
  background: #D0E9FD;
  padding: 10px 0;
}

.guide .image {
 width: 25%;
 margin-right: 3%;
}

.guide .page-width {
 width: 1000px; 
}

.guide .left {
 width: 65%; 
}

.guide .right {
 width: 65%; 
}

.guide .right p {
 color: #0B2B4E;
  font-size: 19px;
}

.guide .right p.sig {
 text-align: right; 
}

.guide h2 {
       font-size: 73px;
	    margin: 0 auto 15px 0;
      font-family: Bebas Neue;
      line-height: 0.9;
  letter-spacing: 0px;
}

.guide h2 .light {
  color: #3185CB;
  font-style: italic;
  padding-right: 10px;
}

.notyou {
 padding: 40px 0; 
}

.notyou h2 {
         font-size: 88px;
	    margin: 0 auto;
      font-family: Bebas Neue;
      line-height: 0.9;
  letter-spacing: 0px;
  text-align: center;
  padding-bottom: 10px;
}

.notyou p {
 font-size: 25px;
  text-align: center;
  color: #0e2c4d;
  font-weight: bold;
  padding: 20px 60px;
}

.notyou p .light {
  background: #FBD236;
  padding: 0 5px;
}

.boxit {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
}

.half .boxit h3 {
     font-size: 28px;
      font-family: Bebas Neue;
      line-height: 1;
  color: #0B2B4E;
  font-style: normal;
  margin: 0 0 10px 0;
  text-align: center;
  font-weight: normal;
}

.charts .image {
 width: 25%;
 padding: 0 2.5%;
}

.charts h3 {
   font-size: 28px;
      font-family: Bebas Neue;
      line-height: 1;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 5px;
}

.charts ul {
 width: 37.5%; 
}

.charts ul.before {
 background: #fff;
 color: #0B2B4E;
 padding: 15px 15px 43px 15px;
  
}

.charts ul.before li{
 color: #0B2B4E;
 font-size: 18px;
 padding: 10px 0;
 border-bottom: solid 2px #eee;
}

.charts ul.after {
 background: #3185CB;
 color: #fff;
 padding: 15px;
}

.charts ul.after li{
 color: #fff;
 font-size: 18px;
 padding: 10px 0 10px 1.4em;
 border-bottom: solid 2px #fff;
      list-style-position: inside;
    text-indent: -0.7em;
}

.charts ul li.last {
 border-bottom: 0px !important; 
}

.charts ul i {
 padding-right: 5px; 
}

.realreviews {
 padding: 80px 0 0 0;
  text-align: center;
}



.rebox.ingred h3 {
       font-size: 68px;
	    margin: 0 auto;
      font-family: Bebas Neue;
      line-height: 0.9;
  letter-spacing: 0px;
  color: #0B2B4E;
}


.notyou .ingredbox {
 padding: 15px 15px; 
 width: 33.3%;
 margin: 20px 0;
}

.notyou .ingreds img{
 display: block;
  margin: 0 auto 10px auto;
  max-height: 150px;
  padding: 10px 0;
  
}

.notyou .ingreds p {
 font-size: 17px;
  font-weight: normal;
  padding: 5px;
  margin: 0;
}

.notyou .ingreds h4 {
 font-size: 24px;
 font-family: Bebas Neue;
  margin: 0 auto 5px auto;
  text-align: center;
  line-height: 1;
  max-width: 70%;
  
  
}


p.notbot {
 margin-bottom: 5px; 
}

.cover {

}

.cover .stars {
 font-size: 16px; 
  margin: 40px 0 20px 0;
}

.cover .buttons {
 display: flex; 
}

.cover .reheader .button {
 width: 50%; 
  margin: 0 10px;
  padding-top: 5px;
}

.cover .reheader .button.female {
 background: #E25DB8; 
}

.cover .reheader .button.male {
 background: #1574c3; 
}


.cover .reheader {
 min-height: 100vh; 
}


.cover .half {
 padding: 20px; 
 width: 40%;
}

.cover .half.first {
  background: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/cover-back-new.png?v=1643236776); 
  background-size: contain;
  background-repeat: no-repeat;
  width: 60%;
}

.cover .button img {
 margin-bottom: -10px;
    width: 40px;
    margin-top: 5px; 
}

.star {
 color: #FFCE00; 
  font-size: 18px;
}

.center {text-align: center;}

.qheader {
 background: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/bluesquares.jpg?v=1631597789); 
}

.reheader {
 background: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/centerfade.jpg?v=1631726341) repeat-y right #91CEFC; 
  padding: 0 0 40px 0;
}

.reheader img.toilet {
 max-width: 300px; 
}

.cover .reheader .page-width {
     align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
 min-height: 90vh;
}

#results .reheader .button {
 margin: 20px auto;
  width: 60%;
}

.progbar {
 background: #ddedff; 
}

.progbar .bar {
  background: #1574c3;
  width: 5%;
  min-height: 30px;
}

 .progbar .bar.two {
  width: 10%;
}

 .progbar .bar.three {
  width: 20%;
}

 .progbar .bar.four {
  width: 30%;
}

 .progbar .bar.five {
  width: 40%;
}

 .progbar .bar.six {
  width: 50%;
}

 .progbar .bar.seven {
  width: 60%;
}

 .progbar .bar.eight {
  width: 70%;
}

 .progbar .bar.nine {
  width: 80%;
}

 .progbar .bar.ten {
  width: 90%;
}

 .progbar .bar.eleven {
  width: 95%;
}

.progbar .bar.twelve  {
  width: 100%;
}

.qheader img {
 max-width: 220px;
  padding: 20px 20px 10px; 
}


.page-width {
  max-width: 1200px;
  margin: 0 auto;
}

.slidenumber {
 padding: 10px 0 0px 0;
  color: #1574c3;
  font-size: 16px;
}

.slide {
  width: 100%;
    padding-bottom:50px;
}

.slide.results {
 position: relative; 
}

a.goback {
 width: 100%;
  text-align: center;
  color: #1574c3;
  text-decoration: none;
  font-size: 20px;
  display: block;
  margin-top: 50px;
}

.slide h2.title {
       font-size: 68px;
	    margin: 0 auto;
      font-family: Bebas Neue;
      line-height: 0.9;
      color: #FFF; 
  letter-spacing: 0px;
  
}

h2.title.center {
 padding-top: 60px; 
}

h2.padtop {
 padding-top: 60px; 
}

.reheader img.logo {
 max-width: 170px;
  padding: 20px 20px 10px; 
}

.reheader h2 {
       font-size: 65px;
	    margin: 0 auto;
      font-family: Bebas Neue;
      line-height: 0.9;
      color: #FFF; 
  letter-spacing: 0px;
  margin: 40px 0 20px 0;
  
}



.reheader .half {
 vertical-align: top; 
}

.reheader p {
    color: #0b2b4e;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;

}

#results .reheader p {
      background: #fff;
    padding: 15px 20px;
    border-radius: 20px;
    max-width: 500px;
  
}

.reheader h2 strong {
       font-size: 50px;
  display: block !important;
  color: #2b6bb5;
  font-weight: normal;
}


.reheader .button:hover {
    border: 3px solid #fff;
 background: inherit;
}

.reheader .button a{
color: #fff;
}

.slide h2.title .sub {
display: block;
  	font-family: 'Roboto', sans-serif;
  font-size: 22px;
  margin-top: 15px;
}

.colors {
 display: flex; 
  text-align: center;
  justify-content: space-evenly; 
}

.color {
 padding: 30px 0;
  text-align: center;
    cursor: pointer;
}

.dot {
 width: 25px;
  height: 25px;
  border-radius: 30px;
  background: #fff;
  border: 3px solid #1574c3;
  margin: 0 auto;
}

.color.active .dot {
 background:  #1574c3;
}

.shapes {
 text-align: center; 
}


.shape {
display: inline-block;
    width: 22%;
    margin: 20px 1%;
    text-align: center;
    padding: 130px 10px 20px 10px;
    border-radius: 10px;
  background-color: #a0d3fc;
  background-position: center top;
  background-repeat: no-repeat;
    cursor: pointer;
}

.shape.active,.shape:hover {
 background-color: #1574c3;
 color: #fff;
}

.shape.active p,.shape.active strong,.shape:hover p,.shape:hover strong {
 color: #fff;
}

.shape.one {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-1.png?v=1631645077); 
}
.shape.one:hover,.shape.one.active {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-1color.png?v=1631645077); 
}

.shape.two {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-2.png?v=1631645077); 
}
.shape.two:hover,.shape.two.active {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-2color.png?v=1631645077); 
}

.shape.three {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-3.png?v=1631645077); 
}
.shape.three:hover,.shape.three.active {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-3color.png?v=1631645077); 
}

.shape.four {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-4.png?v=1631645077); 
}
.shape.four:hover,.shape.four.active {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-4color.png?v=1631645077); 
}

.shape.five {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-5.png?v=1631645077); 
}
.shape.five:hover,.shape.five.active {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-5color.png?v=1631645077); 
}

.shape.six {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-6.png?v=1631645077); 
}
.shape.six:hover,.shape.six.active {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-6color.png?v=1631645077); 
}

.shape.seven {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-7.png?v=1631645077); 
}
.shape.seven:hover,.shape.seven.active {
 background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/shape-7color.png?v=1631645077); 
}

.shape strong {
 text-transform: uppercase; 
  color: #074a82;
  font-size: 23px;
  font-weight: 900;
}


.shape p {
  color: #074a82;
  font-size: 18px;
  line-height: 1.1;
}


.col1 {
 width: 26%; 
  display: inline-block;
  vertical-align: middle;
  overflow-wrap: normal;
}

.col2 {
 width: 47%;
    display: inline-block;
  text-align: center;
    vertical-align: middle;
}

.col3 {
  width: 26%;
    display: inline-block;
  text-align: center;
    vertical-align: middle;
}


.button {
 background: #1574c3;
  font-size: 25px;
  font-weight: 900;
  text-align: center;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  margin: 10px 0;
  border: 3px solid #1574c3;
  cursor: pointer;
}

.button:hover,.button.active {
  background: #fff;
  color: #1574c3;
}

.button.continue {
  background: #fff;
  color: #1574c3;
  border: 3px solid #fff;
  margin-top: 35px;
  display: inline-block;
}

.five .button {
 font-size: 19px; 
}


.half {
 width: 49%;
  display: inline-block;
  vertical-align: middle;
}

.half h3 {
font-family: Roboto,sans-serif;
    font-size: 38px;
    font-style: italic;
    color: #fff;
    font-weight: 900;
    margin: 10px 0 60px 0;
}


.half .button.continue {
 background: #1574c3;
  font-size: 25px;
  font-weight: 900;
  text-align: center;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  margin: 10px 0;
  border: 3px solid #1574c3;
  cursor: pointer;
  
}

.calc .col3 {
 text-align: left; 
}

.calc .row {
 text-align:right; 
  margin: 15px 0;
}

.pounds input {
  background: #1574c3;
  font-size: 25px;
  font-weight: 900;
  text-align: center;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  margin: 0;
  border: 0px;
  width: 50%;
  color: #fff;
}

.height input {
  background: #1574c3;
  font-size: 25px;
  font-weight: 900;
  text-align: center;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  margin: 0;
  border: 0px;
  width: 22.5%;
  color: #fff;
}

.flex {
 display: flex; 
}

.calc h3 {
padding: 0;
    font-size: 23px;
    font-family: 'Roboto', sans-serif;
    margin: 15px 10px 5px -15px;
    text-align: center;
  display: inline-block;
}


.results .page-width {
 max-width: 900px; 
}

.results h2 {
       font-size: 70px;
	    margin: 0 auto;
      font-family: Bebas Neue;
      line-height: 0.9;
  letter-spacing: 0px;
  margin: 40px 0 20px 0;
    color: #0b2b4e;
}


.results {

}

.rebox {
 background: #fff;
 border: 2px solid #bbe0ff;
 margin: 20px 0;
}


.rebox h3 {
      font-family: 'Roboto', sans-serif;
  color: #3185cb;
  text-align: center;
   border-bottom: 2px solid #bbe0ff;
  font-size: 36px;
  display: block;
  background: #e7f4ff;
  padding: 15px 0;
}


.based {
  width: 80%; 
  margin: 0 auto;
  font-size: 20px;
  padding-bottom: 20px;
}

.based div{
 vertical-align: middle; 
  text-align: center;
}

.based h4{
  font-family: Bebas Neue;
  font-size: 45px;
  display: block;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #0b2b4e;
}

.based h4 .smalls {
 font-size: 25px; 
}

.based div img {
 vertical-align: middle;

}

.based .bblock {
 border-right: 2px solid  #bbe0ff;
  padding: 0 30px;
  color: #3185cb;
  text-transform: uppercase;
}

.based .bblock.last {
 border: 0px; 
}

.based .firblock {
 vertical-align: middle;
  margin-top: 30px;
    color: #3185cb;
}

.flexrow {
 display: flex; 
}

.flexrow .rebox {
 flex-basis: 40%; 
  text-align: center;
}

.flexrow .rebox:first-of-type {
  flex-basis: 100%;
}

.flexrow .rebox p.top {
margin: 0;
    font-size: 26px;
    padding-right: 20px;
}

.flexrow .rebox h4{
  font-family: Bebas Neue;
  font-size: 72px;
  display: block;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #0b2b4e;
  display: inline-block;
  vertical-align: middle;
  
}

.flexrow .loss.rebox h4{
  font-size: 82px;
  padding-right: 10px;
  
}

.rebox.backedbox h3 {
    margin-bottom: 0px;
}

.flexrow .rebox .small{
  font-size: 13px;
display: block;
  padding-right: 25%;
}




.flexrow .rebox h4.per {
font-size: 30px;
text-align: left;
line-height: 1;
      margin: 0;
}

.flexrow .rebox img{
  vertical-align: middle;
  padding-right: 15px;
}

.flexrow .rebox p {
  	font-family: 'Roboto', sans-serif;
  font-size: 22px;
  padding: 0;
  color: #0b2b4e;
}


.kt-timer .kt-sep {
  color: #fff;
}

.kt-timer .kt-unit {
  color: #fff !important;
}

.kt-timer a{
  opacity: 0 !important;
  height: 0px !important;
}

.height input.met {
 width: 50%; 
}





.bmitype {
  background: #1574c3;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  margin: 10px 0;
  border: 3px solid #1574c3;
  cursor: pointer;
  flex-basis: 50%;
}

.bmitype input:checked + label {
    border: 3px solid #fff;
}

.bmitype:first-of-type {
 margin-right: 2%; 
}

.typeselect {
 display:flex; 
}

.middle {
   display: flex;
  justify-content: center;
  align-items: center;  
  min-height: 75vh;
}

.inside {
 width: 100%; 
}

.flexmid {
  align-items: center;  
}

.freq {
 padding-bottom: 1%;
}

.freq .left {
 width: 20%;
  padding: 1% 2%;
}

.freq .right {
  padding: 1%;
  width: 80%;
}

.freq p {
 font-size: 22px; 
   color: #0E2C4D;
}



.correct .left {
 width: 10%;
  padding: 1%;
}

.correct .right {
  padding: 1%;
  width: 100%;
}

.correct p {
 font-size: 22px; 
 padding: 0 0 0 2%;
   color: #0E2C4D;
}


.correct h4 {
 font-family: Bebas Neue;
    font-size: 52px;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
    color: #0b2b4e;
    display: inline-block;
    vertical-align: middle; 
}

.stool {
 padding-bottom:20px; 
}

.stool .head {
 width: 65%;
  margin: 0 auto 20px auto;
justify-content: center;

}

.stool .head .image {
 padding-right: 5%;
}

.stool .head.shapex .image {
 width: 40%;
}

.stool p {
 font-size: 22px; 
 padding: 0 3%;
 color: #0E2C4D;
}

.stool h4 {
 font-family: Bebas Neue;
    font-size: 60px;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
    color: #0b2b4e;
    display: inline-block;
    vertical-align: middle; 
}

.bludiv {
 background: #87C7FC; 
  height: 5px;
  width: 300px;
  margin: 0 auto;
  display: block;
}

.backed {
 padding: 30px; 
}

.backed p {
 font-size: 22px; 
 padding: 0 3%;
 color: #0E2C4D;
}

.backed ul.check {
 margin-left: 50px; 
 margin-bottom: 30px;
}

.backed ul.check li {
   font-size: 22px;
  line-height: 2;
  font-weight: bold;
  font-style: italic;
}

.backed ul.check li i{
  color: #87C7FC;
  font-size: 24px;
}

p.notbot {
 margin-bottom: 5px; 
}

.solid {
 background: #D0E9FD; 
  padding-bottom: 40px; 
}


.solid p {
   font-size: 22px; 
 padding: 0 3%;
 color: #0E2C4D;
}

.waste {
 justify-content: space-around; 
 margin-bottom: 30px;
}

.solid .bludiv {
 margin-bottom: 30px;
}

.waste .iconbox {
 text-align: center;
}

.waste .iconbox img{
 text-align: center;
  max-width: 150px;
  display: block;
  margin: 0 auto;
}

.waste strong {
 font-size: 23px; 
}

.solid h2 {
 margin-top: 0px; 
}

.solid.dark {
  background: #88C7FC;
  padding-bottom: 150px;
}

.solid .button {
 max-width: 300px;
  margin: 0 auto;
  color: #fff;
}

.solid .button a{
 color: #fff; 
}





/* Accordian PANEL */
.panel-group .panel+.panel {
  margin-top: 15px;
  border: none;
}
.accordian-panel {
  padding: 0 30px;
}
.accordian-panel .container {
    width: 100%;
}
.panel-default>.panel-heading {
  color: #000;
  background-color: #F2F2F2;
  border: none;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.panel-default>.panel-heading a {
  display: block;
  padding: 15px 15px;
  color: #000;
  font-size: 26px;
  line-height: 26px;
  font-family: "Fira Sans Condensed SemiBold";
}
.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: -7px;
  font-size: 40px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #F2F2F2;
  color: #000 !important;
}
.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border: none;
  font-size: 18px;
  line-height: 26px;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  padding: 0 20px;
}















a.rc_popup__hover, div.rc_popup__hover {
 height: inherit; 
}

.template-product .rc_popup {
 margin-bottom: 0px; 
}

.product_section2 .medium-up--one-half {
 margin-bottom: 0px; 
}

.subsave {
 display: none; 
}

.template-product .shopify-section #ProductSection-product-template {
    padding-top: 60px;
    padding-bottom: 30px;
}


  .productoptions {
   width: 1100px;
    margin: 0 auto;
    clear: both;
 
  }

.optionsall {
 
}

.flavor_select {
 -webkit-appearance: none !important; 
}

.super {
 vertical-align: super;
 font-size: 14px; 
}
  
.inner-top-pro .text-box ul li span.super {
   font-size: 13px; 
  vertical-align: text-top;
}

  .gutall {
     letter-spacing: 0px; 
  }

.flex {
 display: flex; 
}

.opbot {
 display: flex; 
}

.oppush {
 margin-bottom: 20px; 
}

  a.jumpbutton {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    padding: 15px;
  }
 

.productoptions .bold_option_set {
    display: none;
}

.popular-prdt.shg-c-lg-4.shg-c-md-4.shg-c-sm-4.shg-c-xs-12 {

    margin: 50px 10px 0 10px !important;
}

.dflex {
    display: flex;
}

a.select-options {
  background: #C2272D;
}

.delivery_type {
 display: none; 
}

.align-items-center {
    align-items: center;
}

.flex-w {
    flex-wrap: wrap;
}

.productoptions.flex {
 padding-bottom: 60px; 
}



.top-pro-sec.dark {
 background: #333; 
}

.top-pro-sec.dark .doc {
    display: block;
    font-size: 25px;
    line-height: 1;
    padding-bottom: 5px;
}




.inner-top-pro.topheader .text-box p{
  color: #fff;
}


.inner-top-pro .text-box {
    width: 55%;
  vertical-align: top;
}


.restore-top-sec .inner-top-pro {
 padding: 35px 0 0 0; 
}

.restore-top-sec .inner-top-pro .text-box p {
 margin-left: 5%;
  color: #000;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 20px;
  padding-right: 40px;
}


.container {
    max-width: 1200px;
    margin: 0 auto;
}



.docbot p {
    font-size: 20px;
 margin-top: 20px;
  padding-bottom: 5px;
  line-height: 1.4;
  color: #fff;
  
}

.inner-top-pro .text-box ol {
    font-size: 20px;
    margin-top: 0px;
    padding-bottom: 5px;
    list-style: decimal;
    margin-left: 25px;
    list-style-position: inside;
}

.inner-top-pro .text-box ol li{
    list-style: decimal;
  color: #000;
  margin-bottom: 13px;
}

  
.text-b.sub {
     margin: 0 0 5% 5%;
  display: block;
  font-weight: normal;
  color: #293f8f;
  font-family: Bebas Neue;
  font-size: 30px;
  line-height: 1.2;
}
  
  .inner-top-pro .text-box ul {
    margin-left: 30px;
  }

.inner-top-pro {
    padding: 15px 0 0 0;
}



.rc_first_product .p-prdt-in .p-prdt-img img {
    max-width: 70%;
}






.productoptions .p-prdt-in {
 background: #fff;
  border: 3px solid #BBE0FF;
  border-radius: 0px;
}

.productoptions .last_product .p-prdt-in {
  border: 3px solid #3185CB;
  
}

.productoptions .mst-pop.third span{
    background: #3185CB;
    border-radius: 40px;
    font-size: 18px;
    display: inline-block;
    width: auto;
    padding: 8px 20px;
    margin: 0 auto;
}
  
.productoptions .mst-pop.third {
   background: none; 
  }

.mst-pop.first {
   background: none; 
}

.inno_most_popular .p-prdt-in {
 background: #fff; 
}

.last_product .p-prdt-in {
 background: #fff; 
}

.popular-prdt .p-prdt-in h5 {
      font-family: Bebas Neue;
  font-size: 40px;
  color: #333;
   font-weight: normal;
  line-height: .8;
}

.popular-prdt .p-prdt-in h6 {
      font-family: Bebas Neue;
  font-size: 40px;
  color: #fff;
   font-weight: normal;
    line-height: 1;
  margin-bottom: 0;
}
  
.last_product .p-prdt-in h5 {
      font-family: Bebas Neue;
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: normal;
}

p.per,p.total {
    font-size: 18px;
    margin-bottom: 10px;
   display: block;
}
  
.popular-prdt .p-prdt-in ul li {
 float: none; 
}

.popular-prdt .p-prdt-in ul li.pricetop {
 font-size: 55px; 
       font-family: Bebas Neue;
  font-weight: 400;
  line-height: .8;
}


.priceleft {
    font-family: Bebas Neue;
    font-size: 30px;
    color: #aaa;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 15px;
}

.priceslash {
 text-decoration: line-through; 
}


.p-prdt-price ul li span {
  font-weight: normal;
    line-height: .8;
}

.popular-prdt .p-prdt-in button.p-ac {
    background: #3185CB;
    border-radius: 8px;
    text-transform: uppercase;
    margin-top: 10px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 20px;
    border: 0px;
    border-radius: 40px;
    letter-spacing: 1px;
}

.rc_first_product .p-prdt-in .p-prdt-img img {
  max-width: 70%;
}


.p-prdt-in {
    border-radius: 10px;
}


.mst-pop {
    border-radius: 10px 10px 0 0;
  background: #1C1C1C;
      font-size: 23px;
}

.mst-pop.third {
 background: #c1272d; 
}

.intervalsub {
 background: #0B2B4E;
  font-size: 12px;
  padding: 3px 8px;
  color: #fff;
  border-radius: 10px;
}


.checkboxes span.au-a1 {
    color: #0B2B4E;
    font-weight: 500;
}


.checkboxes input:checked+span::before {
    content: "\f00c";
    font-family: FontAwesome;
    border: 2px solid #3185CB;
    border-radius: 10px;
  	color: #fff;
  	background: #3185CB;
}


.checkboxes input+span::before {
    content: "";
    height: 22px;
    width: 22px;
    border-radius: 20px;
    border: 2px solid #0B2B4E;
    background: #fff;
    position: absolute;
    top: -1px;
    left: 0;
    line-height: 19px;
    text-align: center;
    color: red;
    font-size: 14px;
    transition: all .3s;
}














/* Accordian PANEL */
.panel-group .panel+.panel {
  margin-top: 15px;
  border: none;
}
.accordian-panel {
  padding: 0 30px;
}
.accordian-panel .container {
    width: 100%;
}
.panel-default>.panel-heading {
  color: #000;
  background-color: #F2F2F2;
  border: none;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.panel-default>.panel-heading a {
  display: block;
  padding: 15px 15px;
  color: #000;
  font-size: 26px;
  line-height: 26px;
  font-family: "Fira Sans Condensed SemiBold";
}
.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: -7px;
  font-size: 40px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #F2F2F2;
  color: #000 !important;
}
.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border: none;
  font-size: 18px;
  line-height: 26px;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  padding: 0 20px;
}


.faq h2 {
    font-size: 55px;
    font-family: Bebas Neue;
    line-height: .9;
    color: #1C1C1C;
    text-align: left;
    padding: 0;
    width: 100%;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 20px;
}


.faq {
 padding: 30px; 
}



/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #e8f8ff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
      font-size: 22px;
  margin: 2px 0;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #e8f8ff;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.panel p {
font-size: 18px;
padding: 0 15px;
line-height: 1.8;
margin: 10px 0;
}






.mobile {display: none;}




.fixed_cart {display: none !important;}

  .slide.seven .mobile {
   display: none; 
  }

img.mobile {
 display: none; 
}

.reviewflex {
 display: flex; 
}

.reviewbox {
 width: 25%;
 padding: 2%;
}


.newfooter {
 background: #3185CB;
  color: #fff;
  padding: 30px 0 10px 0;
}

.fda {
   background: #3185CB;
}

.newfooter p {
 color: #fff; 
}

.newfooter li a {
 color: #fff; 
}

.newfooter .page-width {
 max-width: 900px; 
}

.newfooter li {
 display: inline;
 border-right: 1px solid #fff;
 padding: 0 10px;
}

.newfooter li.last {
 border: 0px; 
}

.fda p {
 text-align: left !important; 
 max-width: 900px !important;
}







.top-pro-sec {
   background: #F2F9FF;
}

.inner-top-pro.topheader{
 background: #F2F9FF;
    padding: 60px 0 0 0;
 } 

.inner-top-pro .w-img {
    width: 45%;
    position: relative;
  padding: 0 2%;

}

.inner-top-pro .w-img img {
    width: 100%;
   
    margin: 0 auto;
    text-align: center;
    display: block;
}

.inner-top-pro .w-img.froth img {
 width: 70%;
  padding-bottom: 10%;
}
  
  .inner-top-pro .w-img.ginger img {
    max-width: 330px;
 
}


.inner-top-pro .text-box h1.top {
    font-size: 46px;
    margin: 0;
      font-family: Bebas Neue;
  line-height: 1.1;
  color: #162950;
  font-weight: normal;
  text-align: left;
}
  
  .inner-top-pro .text-box h1 {
    font-size: 48px;
    margin: 15px 0 10px 0;
      font-family: Bebas Neue;
  line-height: 0.9;
}

.inner-top-pro .text-box p {
    font-size: 21px;
 margin-top: 25px;
  padding-bottom: 10px;
}
  
.text-b.sub {
     margin: 0 0 5% 5%;
  display: block;
  font-weight: normal;
  color: #680B14;
  font-family: Bebas Neue;
  font-size: 30px;
  line-height: 1.2;
}
  
  .inner-top-pro .text-box ul {
    margin-left: 30px;
  }

.inner-top-pro {
    padding: 15px 0 0 0;
}


.top-pro-sec .container {
 max-width: 1100px; 
}


.inner-top-pro.topheader .text-box {
    width: 49%;
    align-self: stretch;
    display: inline-block;
}

.inner-top-pro.topheader .text-box.dark {
 width: 100%; 
}

.inner-top-pro.topheader .text-box.red {
  padding-bottom: 30px;
}

.inner-top-pro.topheader.dark{
 width: 100%; 
    background: #3185CB;
 padding-top: 0px;
}


.inner-top-pro.topheader .text-box.dark p {
     width: 49%;
    align-self: stretch;
    display: inline-block;
  padding-top: 30px 0 0 0;
}

.container.dark {
    background: #333333;
}

.top-pro-sec.dark {
 background: #3185CB; 
}

.top-pro-sec.dark .doc {
    display: block;
    font-size: 25px;
    line-height: 1;
    padding-bottom: 5px;
}

.photoright {
    width: 43%;
    align-self: stretch;
    color: #000;
    display: inline-block;
    margin-left: 5%;
    text-align: center;
  position: relative;
  vertical-align: bottom;
  
}

.photoright img {
 position: absolute;
    bottom: 0;
    left: 0; 
}

.inner-top-pro.topheader .text-box p{
  color: #fff;
}


.inner-top-pro .text-box {
    width: 55%;
  vertical-align: top;
}


.restore-top-sec .inner-top-pro {
 padding: 45px 0 0 0; 
}









@media only screen and (max-width: 991px){
  
  img.mobile {display: block;}
  
  .poundsper {
   margin-right: 0px; 
  }
  
  #results .reheader .button {
    margin: 20px auto;
    width: 100%;
    line-height: 1;
    padding: 15px 0;
}
  
  #results .reheader .half {
   margin: 0; 
  }
  
  .guide {
    padding: 30px 0;
}
  
  .realreviews {
    padding: 30px 0 30px 0;
    text-align: center;
}
  
  .guide .right {
    width: 90%;
    margin: 0 auto;
}
  
  #quiz #results .logo {
    display: block;
}
  
  .flexrow .rebox p.top {
    margin: 0;
    font-size: 18px;
    padding-right: 20px;
    width: 100%;
    margin-top: 10px;
}
  
  .flexrow .loss.rebox h4 {
    font-size: 65px;
    padding-right: 5px;
}
  
  .flexrow .rebox .small {
   margin-right: 0px; 
  }
  
  .flexrow .rebox h4.per {
    font-size: 26px;
  }
  
  .flexrow .rebox h4 {
   margin-top: 0px; 
  }
  
  .flexrow .rebox img {
   padding-right: 0px; 
  }
  
  .reheader {
   padding: 0px; 
  }
  
  .reviewbox {
 width: 50%;
 padding: 2%;
}
  
  .reviewflex {
 display: flex; 
    flex-wrap: wrap;
}
  
  .dmenu_hamburger {
   display: none; 
  }
  
  #transcyBtnSwitcher { display: none;}
  
  .inside {
    width: 90%;
    margin: 0 auto;
}
  
  .rebox h3 {
    font-family: 'Roboto', sans-serif;
    color: #3185cb;
    text-align: center;
    border-bottom: 2px solid #bbe0ff;
    font-size: 24px;
    display: block;
    background: #e7f4ff;
    padding: 9px 0;
    margin-bottom: 5px;
}
  
  #results .reheader .half {
    vertical-align: top;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto;
    
}
  
  .backed {
    padding: 10px;
}
  
  .backed p {
    font-size: 18px;
    padding: 0 3%;
    color: #0E2C4D;
}
  
  .backed ul.check {
    margin-left: 10px;
    margin-bottom: 30px;
}
  
  .backed ul.check li {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  
  .solid {
    background: #D0E9FD;
    padding-bottom: 30px;
    padding-top: 30px;
}
  
  .solid p {
    font-size: 18px;
    
  }
  
  .flex {
    display: flex;
    flex-wrap: wrap;
}
  
  .waste .iconbox {
    text-align: center;
    width: 45%;
    margin-bottom: 15px;
}
  
  h2.padtop {
    padding-top: 25px;
}
  
  .solid .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
  
  .stool .head.shapex .image {
    width: 50%;
}
  .stool h4 {
    font-family: Bebas Neue;
    font-size: 30px;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
    color: #0b2b4e;
    display: inline-block;
    vertical-align: middle;
}
  
  .waste strong {
    font-size: 18px;
}
  
  
  
  .stool p {
    font-size: 18px;
    padding: 0 5%;
    color: #0E2C4D;
}
  
  .rebox {
    background: #fff;
    border: 2px solid #bbe0ff;
    margin: 10px 0;
}
  
  .based .firblock {
    vertical-align: middle;
    margin: 0 0 10px 0;
    color: #3185cb;
    width: 100%;
}
  
  .flexrow .rebox {
    flex-basis: 100%;
    text-align: center;
}
  
  .freq p {
    font-size: 16px;
    color: #0E2C4D;
    line-height: 1.4;
}
  
  .freq .right {
    padding: 2%;
    width: 65%;
}
  
  .freq .left {
    width: 30%;
    padding: 1% 2%;
}
  
  .flexrow {
    display: flex;
    flex-wrap: wrap;
}
  
  .flexrow .rebox:first-of-type {
    margin-right: 0;
}
  
  
  .based {
    width: 95%;
  }
  
  .based .bblock {
    border-right: 2px solid #bbe0ff;
    padding: 0;
    color: #3185cb;
    text-transform: uppercase;
    width: 33%;
}
  
  .based div img {
    vertical-align: middle;
    display: block;
    text-align: center;
    margin: 0 auto;
}
  
  .reheader img.logo {
    max-width: 170px;
    padding: 20px 20px 10px;
    margin: 0 auto;
       -webkit-filter: drop-shadow(2px 2px 2px #0A578E);
    filter: drop-shadow(2px 2px 2px #0A578E);
}
  
  .results h2 {
    font-size: 35px;
    margin: 20px 0 10px;
}
  
  .results .page-width {
    max-width: 90%;
}
  
  #results .reheader .half .buttons  {
    order: 2;
    width: 100%;
}
  
  .reheader img.toilet {
    max-width: 50%;
    text-align: center;
    margin: 0 auto;
}
  
  
  
  h2.title.center {
    padding: 20px 0;
    font-size: 48px;
}
  
  .slidenumber {
   padding: 15px; 
  }
  
  .half h3 {
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-style: italic;
    color: #fff;
    font-weight: 900;
    margin: 10px 0 60px 0;
}
  
.slide h2.title.col1 {
    font-size: 48px;
    margin: 15px auto;
    font-family: Bebas Neue;
    line-height: 0.9;
    color: #FFF;
    letter-spacing: 0px;
    width: 60%;
}
  .col2 {
    width: 37%;
  }
  
  .col3 {
    width: 100%;
  }
  
  .shapes {
    text-align: center;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
  
  .shape strong {
    text-transform: uppercase;
    color: #074a82;
    font-size: 20px;
    font-weight: 900;
}
  
  .shape {
    width: 46%;
    margin: 20px 2%;
    background-size: contain;
    padding: 90px 10px 20px 10px;
  }
  
  .reheader .half {
    vertical-align: top;
    width: 100%;
        padding: 0 20px;
}
  
  .colors {
   flex-wrap: wrap; 
  }
  
  .colors .desktop {
   display: none; 
  }
  
    .colors .mobile {
   display: block; 
      margin-bottom:5px;
  }
  
  .flexrow .rebox:first-of-type {
    flex-basis: 100%;
}
  
  .color {
   width: 100%; 
     padding: 2% 5%;
  }
  
  .reheader h2 {
   margin: 5px 0 15px 0; 
    font-size: 40px;

  }
  
  .cover .buttons {
    display: flex;
    flex-wrap: wrap;
}
  
    .cover .buttons .button {
      width: 100%;
      margin: 5px 0;
      border: 0px;
    }
  
  .reheader p {
    font-size: 19px;
}
  
  .cover .half.first {
    width: 90%;
}
  
  .cover .half.first {
    background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/cover-back-new-mobile.png?v=1644963340);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -100px;
    min-height: 240px;
}
  
  #quiz .logo {display: none;}
  
  .inno_most_popular .p-prdt-in {
    padding-top: 60px;
}
  
  .last_product .p-prdt-in {
    padding-top: 60px;
}
  
  .button {
   padding: 5px 10px; 
  }
  
  .slide.five .col2 {
    display: none;
  }
  
  
  
   .slide.five h2.title.col1 {
    font-size: 45px;
     width: 100%;
  }
  
  .slide.seven .mobile {
   display: block; 
  }
  
    .slide.seven .desktop {
   display: none; 
  }
  
      .slide.seven .desktop {
   display: none; 
  }
  
      .slide.seven .buttons {
   text-align: center;
  }
  
  .slide.seven h3 {
    color: #fff;
    font-size: 24px;
    font-style: italic;
  }
  
  
  .popular-prdt .p-prdt-in h5 {
    padding: 0;
}
  
  .restore-sec h2 span.under:before {
    content: none;
  }
  
  .docbot .left {
    display: block;
    width: 90%;
    margin: 0 auto;
}
  
  
  .slide.three h2.title.col1 {
    font-size: 45px;
    margin: 15px auto;
    font-family: Bebas Neue;
    line-height: 0.9;
    color: #FFF;
    letter-spacing: 0px;
    width: 50%;
    margin-right: 10%;
}
  
  
  .docname {
    background: #293f8f;
    padding: 10px 0 5px 0;
}
  
  .docname h3 {
    font-size: 18px;
    text-align: center;
    color: #fff;
    width: 100%;
    margin-bottom: 5px;
}
  
  .docname h3 .larger {
    font-size: 22px;
    display: block;
    font-weight: 700;
}
  
  .text-box.two {

  }
  
  .restore-top-sec .desktop{
    display: none;
  }
  
  .productoptions {
max-width: 100%;    
 
  }

.inner-top-pro .text-box h1 {
    font-size: 30px;
}

.supplement-sec .inner-img-box {
    /* right: 0; */
    /* left: 15px; */
}

.restore-sec h2 {
    font-size: 30px;
}

.supplement-sec .f-img img {
    width: 100%;
}

.benefit-top-sec h2 {
    font-size: 30px;
}

.com-two-sec .text-box {
    padding: 0 0 0 15px;
}

.com-two-sec .text-box h2 {
    font-size: 25px;
}

.com-two-sec .text-box p {
    font-size: 16px;
}

.testo-sec h2 {
    font-size: 30px;
}

.testo-sec p {
    font-size: 16px;
}

.testo-sec p.text-b {
    font-size: 15px;
}

.inner-top-pro .text-box ul li span {
    font-size: 16px;
}
ul.rating {
    max-width: 240px;
    margin: 0 auto 35px;
}

ul.rating img {
    width: 100%;
}

}




























@media only screen and (max-width: 767px){
  
  
  .inner-top-pro .text-box p {
   padding-bottom: 0px; 
  }
  
  .inner-top-pro.topheader .text-box.red {
    padding-bottom: 0;
}
  
  .inner-top-pro.topheader .text-box.dark {
    width: 90%;
}
  
  .inner-top-pro.topheader .text-box.dark p {
    width: 100%; 
    padding: 2%;
  }
  
  .desktop {display: none;}
  
  .mobile {display: block;}
  
  .faq {
   width: 90%;
    margin: 0 auto;
  }
  
  .faq h2 {
   margin: 0px; 
  }
  
  .accordion {
   margin: 0px; 
    font-size: 18px;
  }
  
  .faq h2 {
    font-size: 35px;
    padding-bottom: 20px;
  }
  
  .restore-sec h2 span:before {
   display: none; 
  }
  
  .section-1 {
   padding: 20px 0; 
   
  }
  
  .section-1 .container {
   display: flex; 
    flex-flow: column;
    width: 90%;
    margin: 0 auto;
  }
  
  .section-1 .left {
   width: 100%; 
    order:2;
  }
  
    .section-1 .right {
   width: 100%; 
      order: 1;
      padding: 0px;
  }
  
  
  .stars {
   padding: 20px 0 0 0; 
  }
  
  .section-1 .left p {
    font-size: 18px;
    line-height: 1.4;
}
  
  .photoright {
   margin-top: 0px;
    width: 90%;
    margin-bottom: -5px;
  }
  
  .docbot ul.bluecheck {
    margin-left: 10%;
    width: 80%;
    display: block;
    padding-bottom: 0;
    margin-bottom: 0;
}
  
  .inner-top-pro .text-box ol {
    font-size: 17px;
  }
  
  .midq strong {
    font-size: 20px;
  }
  
  
  .docbot h3 {
    text-align: center;

}
  
  .docbot {
    background: #333;
    padding: 20px 0 0 0;
}
  
  .photoright img {
   margin-left: 0px; 
  }
  
  .docbot p {
   padding: 0px; 
    margin-top: 0px;
    font-size: 18px;
  }
  
  .study .container {
   padding: 0 5%; 
  }
  
  .study h2 {
   font-size: 49px; 
  }
  
.study .blocks .block {
    flex: 0 0 100%;
    display: flex;
    padding: 0 0% 30px 0;
    align-items: center;
}
  
  .study .block h3 {
   font-size: 22px; 
  }
  
  .study .block h4 {
   font-size: 60px; 
  }
  
  
  .study p {
    font-size: 20px;
    line-height: 1.2;
}
  
  .study p .large {
   font-size: 27px;
    display: block;
  }
  
  .docbot ul.bluecheck li {
    font-size: 18px;
  }
  
  .photoright img {
    position: inherit;
    /* bottom: 0; */
    /* left: 0; */
}
  
  .inner-top-pro.topheader {

    padding: 40px 0 0 0;
}
  
  .midq p {
    font-size: 18px;
}
  
  .midq {
   padding: 10px 0 40px 0;
  }
  
  .midq .container {
       width: 90%;
    margin: 0 auto; 
  }
  
  .opbot {
    display: flex;
    flex-wrap: wrap;
}
  
  .opbot .popular-prdt.shg-c-lg-4.shg-c-md-4.shg-c-sm-4.shg-c-xs-12 {
    width: 85%;
    margin: 2% 5%;
}
  .productoptions.flex {

    flex-wrap: wrap;
}
  
  .inno_first .included {
   display: none; 
  }
  
  .inno_first, .rc_first_product  {
   order: 3; 
  }
  
 
    .inno_most_popular {
   order: 1; 
      margin: 10px 0;
  }
  
  .popular-prdt.shg-c-lg-4.shg-c-md-4.shg-c-sm-4.shg-c-xs-12 {
   margin: 2% 5%; 
  }
  
  .container {padding: 0px;}
  
  .inner-top-pro.topheader {

}
  
  .inner-top-pro.topheader .text-box {
    width: 90%;
    margin-left: 5%;
  }
  
  .supplement-sec {

}
  
  .moblock {
   display: block; 
  }
  
  .restore-sec h2 span.under {
   display: inherit; 
  }
  
  .supplement-sec .supleft {
   width: 100%;
    padding-top: 10%;
  }
  
  .supplement-sec .supleft h2 {
    font-size: 46px;
    margin: 0 auto;
    font-family: Bebas Neue;
    line-height: .9;
    color: #c99c77;
    width: 90%;
    overflow-wrap: normal;
    text-align: center;
    letter-spacing: 0px;
}
  
  
  .supplement-sec .supright {
    width: 100%;
    display: inline-block;
    padding-bottom: 45%;
    padding-top: 5%;
}
  
  
  .restore-sec h2 {
    text-align: center;
    font-size: 55px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Bebas Neue;
    line-height: .9;
    margin-top: 0px;
    padding: 50px 5% 0 5%;
}
  
  
  .restore-top-sec .inner-top-pro {
   padding: 0px; 
  }
  
  .inner-top-pro .text-box h2 {
    font-size: 38px;
    margin: 0;
    font-family: Bebas Neue;
    line-height: .9;
    text-align: center;
    padding: 0 0 10px 0;
}
  
  .text-b.sub {
    margin: 0;
    display: block;
    font-weight: 400;
    font-family: Bebas Neue;
    font-size: 23px;
    line-height: 1 !important;
}
  .inner-top-pro {
    padding: 0;
}
  
  .slimmer {
    width: 100%;
    margin: 0 auto;
}
  
  
  .chart h2 {
    color: #534741;
    text-align: left;
    font-size: 35px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Bebas Neue;
    line-height: .9;
    margin-top: 20px;
    padding: 30px 0 15% 0;
    width: 90%;
    margin-left: 5%;
}
  
  .chart .cupbar {
    display: flex;
    margin-top: -35%;
    align-items: center;
    justify-content: center;
}
  
  .chart .cupbar h3 {
    color: #8c6239;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Bebas Neue;
    line-height: .9;
    margin-top: 30%;
    padding: 5% 0 0 0;
    width: 60%;
    vertical-align: middle;
    margin-left: 5%;
}
  
  
  .chart .row {
    font-family: Roboto,sans-serif;
    font-size: 18px;
    color: #4d4d4d;
  }
  
  .chart .row .col1 {
    width: 50%;
    margin-left: 5%;
        line-height: 1.2;
}
  
  
  .chart .row img {
    max-width: 45px;
}
  
  
  .chart .row.last {
    border: 0;
    font-size: 15px;
    width: 90%;
    margin-left: 5%;
}
  
  .breakdown {
    padding: 10% 0;
    margin-top: 30px;
}
  
  .breakdown h2 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Bebas Neue;
    line-height: .9;
    margin-top: 10px;
    padding: 0;
    width: 90%;
    margin-left: 5%;
}
  
  .breakdown p {
    font-family: Roboto,sans-serif;
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}
  
  .breakdown .row.right h3 {
    text-align: center;
}
  
  .breakdown .row.right img {
    order: 1;
}
  
  
  .breakdown .row.right div {
    padding-right: 0;
    order: 1;
    width: 90%;
}
  
  
  .breakdown h3 {
    font-size: 35px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Bebas Neue;
    color: #fff;
    line-height: 1;
}
  
  
  
  
  
  .breakdown .row.left div {
    padding-left: 0;
    width: 90%;
}
  
  .breakdown .row {
   flex-wrap: wrap; 
  }
  
  .breakdown .row img {
    width: 50%;
    padding-bottom: 15px;
  }
  
  .breakdown .row.left h3 {
    text-align: center;
}
  
  
  .inner-top-pro.topheader h3 {
   text-align: center; 
  }
  
    .inner-top-pro.topheader h3 strong {
   text-align: center; 
        margin-top: 40px;
    display: block;
  }
  
  .inner-top-pro .text-box ul.bluecheck {
    margin-left: 40px;
    width: 90%;
    display: inline-block;
}
  
  .inner-top-pro .text-box ul.bluecheck {
    margin-left: 40px;
    width: 90%;
    display: inline-block;
    margin-top: -15px;
}
  
  .inner-top-pro.topheader .docright {
    width: 100%;
    text-align: center;
}
  
  .f-img {
   display: none; 
  }
  
  .inner-top-pro .text-box h1.top {
    font-size: 30px;
    text-align: center;
  }

 .popular-prdt.shg-c-lg-4.shg-c-md-4.shg-c-sm-4.shg-c-xs-12 {
   float: none;
    margin: 0px;
  }
  
  .popular-prdt.shg-c-lg-4.shg-c-md-4.shg-c-sm-4.shg-c-xs-12.rc_first_product {
   margin-top: 10px; 
  }

  .productoptions {
    
  }
  
  .popular-prdt.shg-c-lg-4.shg-c-md-4.shg-c-sm-4.shg-c-xs-12 {
    margin: 0 auto !important;
}
  
  
    .opbot .popular-prdt.shg-c-lg-4.shg-c-md-4.shg-c-sm-4.shg-c-xs-12.inno_most_popular {
  margin-top: 5px!important;
        margin-bottom: 5px!important;
   }
  
  .popular-prdt .p-prdt-in .p-prdt-img img {
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
    height: 200px;
}

    .rc_first_product .p-prdt-in .p-prdt-img img {
    max-width: 60%;
  }

  
.inner-top-pro {
    padding: 20px 0;
}

.inner-top-pro .text-box {
    width: 90%;
  margin-left: 5%;
}

.inner-top-pro .w-img {
width: 60%;
    margin: 0 auto;
}
  
  .inner-top-pro .text-box.two {
   order: 2; 
  }
    
    .inner-top-pro .w-img.one {
      order: 1;
    }

.supplement-sec {

}

.supplement-sec:before {
}

.supplement-sec .inner-img-box {
    position: initial;
    top: 0;
    transform: initial;
    margin: 0 auto;
}

.inner-top-pro .text-box h1 {
    font-size: 34px;
  text-align: center;
  line-height: 1.1;
    margin: 0 0 10px 0;
}
  
  .inner-top-pro .w-img img {
    width: 100%;
  }
  
  .inner-top-pro .w-img.froth img {
   padding-bottom: 0px; 
  }
  
  .inner-top-pro .text-box.two h1, .inner-top-pro .text-box.two .text-b.sub {
    text-align: center;
    display: block;
}
  
  .inner-top-pro .text-box.two .text-b.sub {
    padding-left: 0;
}

.inner-top-pro .text-box p {
    font-size: 16px;
  text-align: center;
  margin: 10px 0;
}
  
.inner-top-pro .text-b {
 text-align: center;
  display: block;
    line-height: 1.2;
}

  .inner-top-pro .text-box ul li {
    list-style-type: none;
    position: relative;
    margin-bottom: 30px;
    margin-left: 3%;
    margin-top: 15px;
}
  
.inner-top-pro .text-box ul li:before {
    content: "";
    width: 30px;
    height: 30px;
      top: -5px;
}
  
  .inner-top-pro .text-box ul {
    margin-left: 10%;
}
  
.inner-top-pro .text-box ul li:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: -35px;
    top: 2px;
}
  
  .inner-top-pro .text-box ul.slim li:before {
    top: -5px;
  }
  
  .inner-top-pro .text-box ul li:before {
   margin-top: 0px; 
  }
  
.restore-sec h2 {
    font-size: 30px;
}
  
  .inner-top-pro .text-box h3 {
    font-size: 26px;
    text-align: center;
        max-width: 300px;
    margin: auto;
  }
  
  .inner-top-pro .text-box ul.slim li {
    margin: 5px;
}
  
  .research img {
    width: 25%;
  }
  
  .research p {
    font-size: 18px;
  }
  
  .mst-pop.first {
    display: none;
  }
  
  .consis .container {
    flex-wrap: wrap;
  }
  
  .consis h2 {
    font-size: 49px;
  }
  
  .consis h3 {
    font-size: 30px;
  }
  
  .consis .left {
    padding: 40px 5%;
}
  
  .stockbox p {
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    color: #fff;
    padding: 30px 5%;
    line-height: 1.1;
}
  
  .xpopular-prdt .p-prdt-in h5 {
    padding: 45px 0 0;
}

.inner-top-pro.text-right .text-box h1, .inner-top-pro.text-right .text-box .text-b {
    text-align: left;
}

.text-b {
    font-size: 18px;
}

.inner-top-pro .text-box ul li strong {
    font-size: 18px;
}

.inner-top-pro.text-right {
    flex-direction: column-reverse;
}

  .benefit-top-sec {
    padding: 25px 0;
    background-image: none;
    background: #0870CD;
}

  ul.rating li {
    list-style-type: none;
    font-size: 24px;
    color: #0870CD;
}

.com-two-sec .text-box {
    width: 100%;
    padding: 0;
}

.benefit-top-sec h2 {
    font-size: 34px;
  letter-spacing: 0px;
}

.com-two-sec .text-box h2 {
    font-size: 28px;
      text-align: center;
    font-weight: normal;
  margin: 0 0 10px 0;
}

.testo-sec p.text-b:before {
    width: 75%;
}

.testo-sec h2 {
    font-size: 26px;
}

ul.rating {
    max-width: 148px;
  margin: 25px auto 10px auto;
  
}

.com-two-sec .img-sec {
    width: 100px;
    margin: 0 auto 10px auto;
}

.com-two-sec .img-sec img {
    width: 100%;
}
  
  #vid {
    margin: 0 auto;
    width: 80%;
    margin-left: 10%;
}
  
  
  .countbar .page-width {
    flex-wrap: wrap;
}
  
  
  .countbar h2 {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0px;
    margin: 0px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 0;
}
  
  
  .producthead .bottle {
    width: 80%;
    padding: 0px;
    margin: 15px auto;
}
  
  .producthead .right {
    width: 90%;
    margin: 0 auto;
}
  
  .producthead h1 {
    font-size: 60px;
  }
  
  
  .producthead p {
    font-size: 17px;
  }
  
  .producthead ul.check li {
    font-size: 18px;
    line-height: 1.2;
    text-indent: -0.8em;
    padding-left: 1.6em;
    margin-bottom: 10px;
}
  
  
  .template-product .mst-pop {
    top: -30px !important;
}
  
  .inno_most_popular .p-prdt-in {
    padding-top: 25px !important;
}
  
  .guide .image {
    width: 45%;
    margin: 0 auto;
}
  
  
  .guide h2 {
    font-size: 38px;
    text-align: center;
  }
  
  
  .notyou h2 {
    font-size: 38px;
    
  }
  
  
  
  .notyou p {
    font-size: 18px;
    text-align: center;
    color: #0e2c4d;
    font-weight: bold;
    padding: 0 5%;
}
  
  .charts .image {
    width: 100%;
    padding: 0 25%;
}
  
  
  .charts ul {
    width: 100%;
}
  
  .charts ul.before li {
    color: #0B2B4E;
    font-size: 18px;
    padding: 10px 0;
    border-bottom: solid 2px #eee;
    text-indent: -0.8em;
    padding-left: 1.6em;
    line-height: 1.2;
}
  
  
  .charts ul.after li {
line-height: 1.2;
  }
  
  
  .charts ul.before {
    background: #fff;
    color: #0B2B4E;
    padding: 15px;
}
  
 .rebox.ingred {
    width: 90%;
    margin: 0 auto;
}
  
  .rebox.ingred h3 {
    font-size: 28px;
  }
  
  .notyou .ingredbox {
    padding: 15px 15px;
    width: 100%;
    margin: 0;
}
  
  .notyou {
    padding: 20px 0;
}
  
  
  .faq {
    padding: 20px 5px;
}
  
  .productoptions.flex {
    padding-bottom: 20px;
}
  
  
  
  

}