.h5, h5 {
  font-size: 1.85rem;
}
.leftOnly {display:block;}
.hero-content-subtitle {
  width: 100%;
  font-weight: 800;
}
.heroHd h1 {
font-size: 4rem;
line-height: 0.9;
letter-spacing: -2.5px !important;
}
.heroHd h1 i {
color: #0470bf;
text-shadow: 3px 2px 8px white;
letter-spacing: -1.9px;
margin-left: -6px;
}
.heroHdApp h1 {
  font-size: 3.9rem;
  line-height: 0.9;
  letter-spacing: -1.4px !important;
  font-weight: 800;
}
.heroHd p {
  font-size: 1.56rem;
  line-height: 1.2;
}
.heroStart-apprvl {
background-image: url("/assets/images/heroBG-wave2.jpg");
/* background-color: #629dc6; */
padding: 10rem 0 30px;
background-repeat: no-repeat;
background-position: center;
background-size: inherit;
}
.heroHd {
margin: 8px -60px 0 8px;
background-color: #ffffff54;
padding: 36px 50px 30px;
  border-radius: 30px;
  box-shadow: 0 5px 30px #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #3651866b;
  border-right: 1px solid #3651866b;
}
.heroHeader {
margin: 8px -60px 0 0px;
background-color: #ffffffbf;
padding: 38px 40px 24px;
border-radius: 30px;
box-shadow: 0 5px 30px #fff;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #3651866b;
border-right: 1px solid #3651866b;
}
.heroHeader h1 {
  font-size: 3.6rem;
  line-height: 0.95 !important;
}
.hero-image-comp img {
  width: 100%;
  max-width: 390px;
  margin: 6px 0 -12px 20px;
}
.apprvl-intro p {
  font-size: 1.9rem;
  line-height: 1.1;
  font-weight: 600;
}
.topBanner{
padding-top: 26px !important;
}
.banner img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto !important;
}
#bnr-ad {
margin: 0px 0 22px;
background-color: #1a2644;
padding: 0 0 10px;
}
.asviewed {
background-color: #ffc336;
width: fit-content;
padding: 5px 20px 3px;
border-radius: 15px 15px 0 0;
font-weight: 600;
color: #000;
margin: -44px 0 2px;
font-size: 0.9rem !important;
}
.hero-btnSct {
  margin: 24px auto 14px;
  text-align: center;
}
.herobttn {
 text-align: center;
background-color: #14274c;
font-size: 1.6rem;
line-height: 1;
padding: 4px 20px;
border-radius: 9px;
color: #fff;
font-weight: 200;
}
.herobttn:hover {
  text-decoration: none;
  color: yellow;
box-shadow: 0px 3px 8px #444;
}
.subHd2 {
font-weight: 200;
text-align: center;
margin: 0 auto 24px;
font-size: 3rem;
}
.cntrdList {
  display: flex;
  margin: -12px auto 0;
}
.cntrdList li {
  font-size: 1.6rem;
  color: #000;
  line-height: 1.4;
  list-style: square;
}
.switchworks{
display: flex;
margin: -12px auto 0;
}
.swWrk-col {
  margin: 0 14px;
}
.swWrk-col p {
  font-size: 1.5rem;
  line-height: 1.3;
  padding-bottom: 6px;
}
.techOne {
  max-width: 595px;
  width: 100%;
  margin: 20px;
  border-radius: 18px;
}
.worksICN {
float: left;
max-width: 94px;
margin: -4px 18px 8px 0px;
border-radius: 50%;
border: 6px solid #fff;
box-shadow: 1px 2px 5px;
}
.buyXtra {
  text-align: center;
  padding: 30px;
  background-color: #f3eddf;
  border-radius: 20px;
}
.video-overlay:hover, .video-overlay2:hover, .video-overlay-glass2:hover, .video-overlay-glass:hover {
				cursor:pointer;
			}
.videoScrn {
  max-width: 805px;
  width: 100%;
  margin: 20px auto;
  border-radius: 18px;
  position:relative;
}
.col-lg-11.mx-auto.katSays {
  background-color: #e8ecf0;
  padding: 40px 5% 30px;
  border-radius: 20px;
  margin: 10px 0 30px 0;
}
#about {
  padding-top: 40px;
}
#testimonial {
  margin: 20px 0 0px;
}
#proof {
  padding: 50px 0 30px;
  background-color: #dde2e1;
}
#advert {
  padding: 50px 0 30px;
  background-color: #9cc2c9;
}
#guarantee {
  padding: 40px 50px 30px;
  background-color: #b5cfb585;
  margin: 30px 0;
}
.gimmick {
  margin: 40px 0;
}
#kmAbout {
  margin: 50px 0 20px;
}
.redBold {
  font-weight: 800;
  color: red;
}
.floatRht {
  float: right;
}
.floatLft {
  float: left;
}
hr.sctDiv {
  border: 1px solid #ccc;
  margin: 26px 0 20px;
}
.extLink {
	border: 1px solid #f44f4f;
	font-size: 1rem;
	padding: 4px 16px;
	border-radius: 4px;
	background-color: #dedea557;
}
.note2 {
  font-size: 1.1rem;
  color: #888;
  display: inline list-item;
}
.camel2 {
  max-width: 900px;
  width: 90%;
  margin: -70px 0 -50px;
}
.subhd1 {
	margin: -2px auto 24px;
	font-size: 2.1rem;
	line-height: 1;
}
.img-antiox {
padding: 24px 0px 22px;
text-align: center;
display: block;
margin: 20px 6% 30px;
}

.cmparison {
padding: 40px 0px 22px;
text-align: center;
display: block;
border-radius: 14px;
border: 2px solid #f60;
margin: 20px 6% 30px;
}
.bonusPnls {
  display: flex;
  width: 100%;
  margin-bottom: 40px;
}
#theBenefits {
  margin: 30px 4%;
}
.benefit {
text-align: center;
border: 2px solid #a9a945;
border-radius: 20px;
padding: 0px 20px 20px;
background-color: #efefe3;
margin: 6px auto;
}
.benefit h4 {
  font-size: 2.4rem;
}
.benefit h5 {
  font-size: 1.15rem;
  font-weight: 500;
}
.iconsX3 {
max-width: 130px;
padding: 22px;
margin: -5px 0 -10px !important;
}
#faq {
  margin: 40px 0 0 0;
}
.faq-content {
  margin-top: -4px;
}
.btn-faqs {
background-color: #e1f1fb;
text-align: left !important;
padding: 7px 0 4px 18px;
border-radius: 0;
width: 100%;
color: #000 !important;
font-size: 1rem;
font-weight: 800;
letter-spacing: 0.3px;
border: 3px solid #fff;
}
.faqTxt{
padding: 4px 0 20px 21px;
letter-spacing: 0.5px;
line-height: 1.2;
font-weight: 400;
}
.body.faqTxt p {
  font-size: 1.1rem;
  line-height: 1;
  padding-left: 12px;
}
/* science blind */
.body.faqTxt p {
  font-size: 0.9rem;
  line-height: 1;
  padding: 6px 0 5px 12px;
  border-bottom: 1px dotted #614747;
  margin: 0 4px;
}
.btn-scnce {
background-color: #f1f5f8;
text-align: left !important;
padding: 7px 0 4px 18px;
width: 100%;
color: #000 !important;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.3px;
border: 1px solid #999;
border-radius: 6px 6px 0 0;
margin-top: 6px;
}
.btn-scnce:hover {
  color: #0056b3 !important;
  background-color: #eee8dd;
  border: 1px solid #eee8dd;
}

/*  **  Approval  ** */
.hlapp {
  background-color: #ffffff85 !important;
  box-shadow: 0 3px 5px #154671;
  padding: 10px 5%;
}
.nav-item.apprvl a {
  font-size: 1.2rem;
  padding-right: 20px !important;
  color: #374c74;
}
.btn-buyNow {
  color: #fff;
  background-color: #374c74;
  font-size: 1.3rem;
  font-weight: 200;
  padding: 4px 30px;
  margin-left: 18px;
  box-shadow: 0px 2px 3px #000000b2;
}
.btn-buyNow:hover {
  color: #a4c20e;
}
.subHd1-app {
  font-weight: 200;
  text-align: center;
  font-size: 4.5rem;
  letter-spacing: 0;
}
.hero-image-app img {
width: 100%;
max-width: 308px;
margin: -22px -40px 0px 50px;
}
.hero-image-apprvl {
  float: right;
  margin: -70px -60px -20px -60px;
}
.apprvl-intro {
  margin: 40px 0;
}
.appIntroImg {
width: 100%;
max-width: 222px;
margin: 62px 0 -20px 60px !important;
}
.apprvl-antiox {
max-width: 950px;
width: 100%;
margin: -30px auto 10px;
border: 5px solid #e4eff4;
padding: 20px 40px;
border-radius: 16px;
}
.ingrdnt-img {
  max-height: 200px;
  border-radius: 50%;
  border: 12px solid #fff;
  box-shadow: 4px 4px 14px #0006;
  margin: -66px 0 0 0;
}
#hydroleanBig {
  margin: 30px 0 40px;
}
.HLngrdnt-img {
  width: 100%;
  max-width: 280px;
  border-radius: 50%;
  border: 13px solid #fff;
  box-shadow: 0px 6px 12px;
}
.ngrdnt-title {
margin: -10px 0 30px;
color: #7d423c;
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.proIng {
  background-color: beige;
  margin: 0px 0%;
  border-radius: 50% 50% 36px 36px;
  padding: 0px 8px 20px;
  border: 16px solid #fff;
}
.HLXL-bottle {
  justify-content: center;
  display: flex;
}
.small-title span {
  font-style: italic;
  color: #0275a8;
}
.dbleBrdr {
  border-top: 1px solid #0275a8;
  border-bottom: 1px solid #0275a8;
  padding: 40px;
}
.sixBottles {
  max-width: 800px;
  width: 100%;
  margin-bottom: 30px;
}
.crdt-txt {
border-radius: 9px;
border: 1px solid #a5ce97;
padding: 8px 0 0 10px;
margin-bottom: 6px;
}
.checkmark {
  max-width: 48px;
margin: -12px 0 -7px 0;
}
.bigger.d-inline {
  font-size: 1.2rem;
  text-transform: uppercase;
}
#shipping {
  background-image: url("/assets/images/heroBG-wave2.jpg");
  /* background-color: #707d59; */
  padding: 0 0 20px;
}
.app-freeShip {
  font-size: 4.75rem;
  line-height: 1;
  padding: 9px 0;
  margin: -6px 0 -12px -4px;
  color: red;
  font-weight: 800;
  text-shadow: 2px 2px 4px #0000008f;
}
.ordrNow {
color: white !important;
font-size: 3rem;
margin-bottom: -10px;
font-weight: 800;
background: brown;
padding: 15px;
border-radius: 45px;
margin: 20px 10% 0;
}
.ftr-cnt {
  text-align: center !important;
  font-size: 0.8rem;
  margin-top: 12px;
  font-weight: 200;
  letter-spacing: 0.6px;
}

/* approval end */

/*faq*/

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.accordion.awkn-faqs {
  background-color: #fff !important;
  color: #4074a2;
  cursor: pointer;
  padding: 8px 20px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  transition: 0.5s;
  border: 1px solid #fe9388;
  border-bottom: 0 !important;
  border-radius: 7px;
  margin: 0 0 -8px;
  box-shadow: 2px 3px 6px;
}
.panel p {
    padding: 7px 0 20px;
}
.accordion {
    background-color: #fff !important;
    color: #4074a2;
    cursor: pointer;
    padding: 8px 20px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 24px;
    font-weight: 600;
    transition: 0.4s;
    border: 1px solid #72a9d8;
    border-bottom: 0 !important;
    border-radius: 12px 12px 0 0;
    margin: 0 0 12px;
}
.accordion.awkn-faqs::before {

  content: "\002B";

  color: #fff;

  font-size: 24px;

  font-weight: bold;

  float: left;

  margin-right: 16px;

  line-height: 1.2;

  background-color: #e87070a1;

  border-radius: 50%;

  width: 29px;

  text-align: center;

}

.accordion.awkn-faqs.active::before {

  content: "\2212";

}

.panel.awkn-faq {

  padding: 10px 50px;

  margin: -10px 1% 16px;

  color: #61788d;

  background-color: #fff3e3;

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.2s ease-out;
}

.panel.awkn-faq p {
  margin: 10px 0 0 !important;
  padding: 8px 8px 0;
}

.accordion.ndx-faqs {
border: 1px solid #9ebfd7;
border-right: 3px solid #3c4e94 !important;
border-bottom: 3px solid #3c4e94 !important;
background-color: #e9e9e9 !important;
border-radius: 6px !important;
margin-bottom: -20px;
line-height: 1;
padding: 12px 0 6px 20px;
}

.panel.ndx-faq {
  padding: 15px 50px;
  margin: -16px 1% 10px;
  color: #ffffff;
  background-color: #426573;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel.ndx-faq p {
  margin-top: 12px;
  margin-bottom: -30px;
  font-weight: 400;
  font-size: 20px;
  color:#fff;
  line-height: 1.2;
}

.active:before {
    content: "\2212";
}
.accordion:before {
	content: "\002B";
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	float: left;
	margin: -3px 16px 6px 0;
	line-height: 1.3;
	background-color: #ff480070;
	border-radius: 50%;
	width: 30px;
	text-align: center;
}

.pricebox-product1 {
    width: 100%;
    max-width: 237px;
}

@media(max-width:560px){

  .container.awkn-ndx-faqs {
    margin: 0 auto;
    width: 90% !important;
  }
  .accordion.ndx-faqs {
    font-size: 1.3rem;
    line-height: 1;
  }
}

/*faq*/

/*  */
.selectOptions {
  margin: 40px 3%;
}
.price-boxhdr {
text-align: center;
color: #00538c;
padding: 20px 0 4px;
  padding-top: 20px;
margin: 14px 0 -34px 0;
line-height: 2;
font-size: 1.1rem;
}
.price-boxhdr.bhBest {
background-color: #b0cae0;
margin: -5px -5px -14px;
border-radius: 16px 16px 0 0;
}
.price-box {
background-color: #eef9ff;
border-radius: 14px;
box-shadow: 0 8px 14px #999;
text-align: center;
border: 4px solid #fff;
}
.price-box:hover {
  transform: scale(1.03);
  transition: transform .3s;
  background-color: #fff !important;
}
.price-box.middle {
  background-color: #ebe8d5;
  margin-top: -10px;
}
.pricebox-day-supply-nr {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 12px !important;
}
.card-product {
  padding: 0;
}
.mainPrice span {
font-size: 1.3rem;
margin-left: -8px;
font-weight: 500;
}
.pricebox-product {
  max-width: 330px;
  display: block;
  margin: 0 auto;
}
.pricebox-product.singleBtle {
  max-width: 250px;
  padding: 6px 0 14px;
}
.pricebox-total-price {
  font-size: 1rem;
  font-weight: 500;
  color: #246ece;
  letter-spacing: 0.5px;
}
.pricebox-shipping-info {
  font-size: 0.9rem;
  padding: 0 0 20px;
  margin: -6px 0 0 0;
    margin-bottom: 0px;
  font-style: italic;
  color: red;
}
.card-product a {
  background-color: orange;
  display: block;
  width: 200px;
  font-size: 1.9rem;
  line-height: 1;
  padding: 8px 18px 9px;
  border-radius: 12px;
  font-weight: 600;
  letter-spacing: -1px;
  border-top: 5px solid #edc781;
  border-left: 5px solid #edc781;
  border-right: 5px solid #bd8a2c;
  border-bottom: 5px solid #bd8a2c;
  color: #fff;
}
.card-product a:hover {
  color: #000;
  text-decoration: none;
}
.pricebox-bottle-nr.text-center.pt-lg-4.mb-0 {
  display: inline-block;
  line-height: 1;
  padding: 24px 0 0;
    padding-top: 24px;
}
.dmnsns {
  font-size: 0.9rem;
  line-height: 1;
  padding: 10px 0 0 0;
  text-align: center;
  color: #999;
  letter-spacing: 0.5px;
}
.footer-description li {
  font-size: 1rem !important;
  list-style: none;
  margin-left: -24px;
}
.disclaimer strong {
  font-size: 1rem;
}
.disclaimer a {
  text-decoration: underline;
}

.footer-wrapper {
  margin-top: 60px;
}
.footer-middle-bg {
  background-color: #cccccc7d;
}
.footer-top-bg {
  background-color: #035692;
  color: #fff;
}
.footer-wrapper .footer-menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0px;
  padding: 10px 0;
}
.footer-wrapper .footer-menu .footer-menu-links {
  list-style: none;
  display: inline-block;
  padding: 16px 8px 8px;;
  font-weight: bold;
  background-color: #035692;
}
.footer-top-bg a {
  color: #fff !important;
  font-family: "Nunito",sans-serif;
font-weight: 500 !important;
}
.disclaimer p {
  font-size: 0.8rem;
  text-align: center;
  font-weight: 400;
}
.footer-logo {
  text-align: center;
  margin-bottom: 30px;
}
.text-center.ftr-cnt {
  text-align: center !important;
  font-size: 0.8rem;
  margin-top: 12px;
}
.discntFilter {
  margin: 0 4%;
  width: 100%;
}
.discntFilter p {
  font-size: 1.3rem;
  line-height: 1.3;
}
.bnsHdr {
  text-align: left;
margin-bottom: 8px;
max-width: 80%;
margin-left: 0%;
}
.bnsHdr span {
font-size: 1.3rem;
font-weight: 800;
color: #ff3c00;
}
#copyrightYear {
  display: initial;
}
.quoteRef {
margin: 12px 2% 10px 15px;
background-color: #e3e9f3;
border: 1px solid #fff;
border-radius: 12px;
padding: 20px 16px 10px;
max-width: 324px;
background-image: url("assets/images/quoteMark.png");
background-repeat: no-repeat;
background-position: 8px;
box-shadow: 1px 2px 8px #6e7890;
}
.quoteRef p {
  font-size: 1rem;
  text-align: center;
}
.quoteRef span {
  font-weight: 800;
  color: #0459b4;
}
.excerpt {
  font-style: italic;
  color: #1d7ffe;
}
.excerpt span {
  font-size: 1rem;
  font-weight: 800;
  color: #666;
  padding-right: 12px;
}

.temp {
  color: #0459b4;
	font-size: 1rem;
}
/*  pictures  */
.onePizza {
  max-width: 372px;
  width: 100%;
  border-radius: 10px;
  margin: 0 0 0 20px;
}
.oldjeans {
  width: 100%;
  max-width: 276px;
  margin: 0 20px 0 0;
  border-radius: 16px;
  rotate: -3deg;
  box-shadow: 3px 3px 12px #00000073;
}
.wrongweight {
  max-width: 300px !important;
  width: 100%;
  rotate: 3deg;
}
.cellular {
  width: 100%;
  max-width: 270px;
  border-radius: 20px;
  margin: 0 22px 0 0;
}
.depressing {
  max-width: 260px;
  width: 100%;
  margin: 0 0px 0 20px;
  border-radius: 12px;
  rotate: 3deg;
  box-shadow: 4px 4px 12px;
}
.sundrw {
max-width: 256px;
margin-left: 30px;
width: 100%;
border-radius: 12px;
}
.brecka{
  max-width: 240px;
  width: 100%;
  margin: 10px 0 20px 20px;
  rotate: 3deg;
  box-shadow: 3px 3px 12px;
  border-radius: 14px;
}
.brecka-UT{
max-width: 412px;
width: 100%;
margin: 10px 20px 0 -16px;
box-shadow: 3px 3px 12px;
border-radius: 14px;
border: 7px solid #ededed;
}
.harmful {
  width: 100%;
  max-width: 400px;
  rotate: 4deg;
  box-shadow: -6px -3px 12px;
  margin: 20px;
}
.crybaby {
max-width: 256px;
width: 100%;
margin: 0 0 0 20px;
border-radius: 12px;
rotate: 3deg;
box-shadow: 2px 2px 8px #000000a1;
}
.rust{
rotate: 2deg;
border-radius: 15px;
margin: 10px 11px 0 24px;
box-shadow: 3px 3px 8px #000;
max-width: 100%;
max-width: 310px;
}
.danger {
  max-width: 344px;
  width: 100%;
  margin: 20px;
  float: right;
  rotate: 3deg;
}
.foodMap {
  max-width: 100%;
  margin: 0px 0 0px;
  border: 20px solid transparent;
  border-radius: 38px;
}
.ebkBonus {
max-width: 195px;
margin-top: -48px;
margin-right: -20px;
width: 100%;
}
.fltrBonus {
max-width: 186px;
width: 100%;
margin: -18px -20px -9px 20px;
}
.cmpre3 {
  width: 100%;
  max-width: 340px;
  margin: -10px 0 0 10px !important;
}
.dscssn {
  max-width: 406px;
  width: 100%;
  margin: 20px;
  border-radius: 8px;
  rotate: 2deg;
}

/* *****  MODALS  ***** */
#dy-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 9999;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  display: -ms-flexbox;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all .3s;
}
.dy-popup-col {
  background-color: #fff;
  margin: 1% auto;
  border-radius: 24px;
  max-width: 800px;
  padding: 20px 40px;
}
.dy-popup-close {
position: absolute;
right: 25%;
top: 12%;
width: 30px;
height: 30px;
opacity: 0.6;
transition: opacity .2s;
cursor: pointer !important;
}
.dy-title-heading h2 {
  text-align: center;
  text-transform: uppercase;
  padding: 20px 0 0;
  color: red;
font-weight: 800;
font-size: 3rem;
}
.dy-title-sub-heading h4 {
  text-align: center;
  line-height: 1;
  margin: -4px auto 20px;
}
.dy-popup-close::before {
  transform: rotate(45deg);
}
.dy-popup-close::after {
  transform: rotate(-45deg);
}
.dy-popup-close::before, .dy-popup-close::after {
position: absolute;
cursor: pointer;
content: '';
height: 30px;
width: 2px;
background-color: #dfd7d7;
}
.dy-bottles-wrapper {
margin: 0 auto;
}
.dy-inner-content {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.double-img {
  max-width: 450px;
}
.dy-popup-btn-yes {
  background-color: #dd3232;
  text-align: center;
  padding: 12px;
  border-radius: 8px;
}
.dy-popup-btn-no {
  background-color: #5487b4;
  margin: 9px 0;

  border-radius: 8px;
  text-align: center;
  padding: 12px;
  border-radius: 8px;
}
.dy-popup-btn-no a, .dy-popup-btn-yes a {
  color: #fff !important;
  font-size: 1.3rem !important;
  line-height:1;
}
.dy-recommended-text {
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  padding: 0 0 10px;
  text-align: center;
  color: #999;
}
.text-centered.mdl-red-sml span {
  font-weight: 800;
  font-size: 3.6rem;
  color: red;
}

/* BUY NOW */
#buyBtn {
  display: none; /* Hidden by default */
position: fixed;
top: 50px;
right: 4%;
z-index: 99;
border: none;
outline: none;
background-color: #85b2da;
color: white;
cursor: pointer;
padding: 10px 30px;
border-radius: 10px;
font-size: 18px;
box-shadow: 2px 2px 4px #2d4c97;
}

#buyBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/* modal 2 */

.mdl2-wrapper {
  z-index: 3333;
  display: none;
  padding-top: 3%;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000db;
}
.toprightX {
	font-size: 4rem;
	margin: -30px -20px -30px 0;
	font-weight: 100;
	color: #c6c6c6;
	float: right;
	border: 0;
	background-color: transparent;
	cursor: pointer !important;
}
.btn-noThnks.declinepopup {
  background-color: orange;
  display: block;
  width: 200px;
  font-size: 1.9rem;
  line-height: 1;
  margin: 0 auto 8px;
  padding: 8px 18px 9px;
  border-radius: 12px;
  font-weight: 600;
  letter-spacing: -1px;
  border-top: 5px solid #edc781;
  border-left: 5px solid #edc781;
  border-right: 5px solid #bd8a2c;
  border-bottom: 5px solid #bd8a2c;
  color: #fff;
  cursor: pointer !important;
}
.btn-noThnks.declinepopup:hover {
  color: #000;
    text-decoration: none;
}

.modal__content.pricePnl {
  text-align: center;
}
.mdl-noT-cntnt {
  display: flex;
}
.mdl2-content {
  max-width: 900px;
  background-color: #fff;
  margin: 3% auto;
  padding: 44px;
  border-radius: 24px;
}
.lowestHd {
  text-transform: uppercase;
  font-size: 2.6rem;
  margin: -12px auto 0;
}
.freeShip {
  font-size: 0.9rem;
  color: red;
}
.modal-wrapper.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 999;
  overflow: hidden;
  display: block;
}
.modal-wrapper {
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s;
  background-color: #000000bf;
}
.countDown {
  background-color: #ee6f6f;
  padding: 6px;
  color: #fff;
  margin-top: 20px;
}

.process {
  max-width: 424px;
  width: 100%;
  margin: 20px;
  border: 14px solid #e0e0e0;
  border-radius: 8px;
  rotate: 2deg;
}
.appleCmp {
  max-width: 760px;
  width: 100%;
  text-align: center;
  display: block;
  border-radius: 14px;
  margin: 20px auto;
}
.sci_ref h1 {
    font-size: 3rem;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 20px;
}
.sci_ref p {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 20px;
	font-weight: 400;
}

/* **  testimonals  ** */

.rowSlide {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
width: 80%;
margin: 0 10%;
}
.quote {
  text-align: center;
}
.quote.qPnlred {
background-color: #ffe9e9;
border: 5px solid #ffe9e9;
padding: 2px 14px;
margin-top: 8px;
}
.qPnlred p {
  font-size: 1.1rem;
  line-height: 1.1;
  padding: 12px 0 0;
}
.quote.qPnlblue {
background-color: #bfd4f6;
font-family: Times;
font-style: italic;
font-size: 1.4rem;
padding: 24px 16px 8px;
margin-top: 8px;
}
.qPnlblue h5 {
  font-weight: 200;
  line-height: 1.2;
font-family: Times;
font-style: italic;
font-size: 1.4rem;
}
.qPnlblue p {
  line-height: 1;
}
.bg-watre3 {
  background-image: url(assets/images/squares/bg-water3.jpg);
  padding: 20px;
  font-family: Times;
  font-size: 1.6rem;
  font-weight: 200;
  margin-top: 8px;
}
.bg-watre3 span, .bg-watre4 span {
  font-size: 1rem;
  font-style: italic;
  color: #666;
}
.bg-watre3 h4 {
  font-family: Times !important;
  font-size: 1.6rem;
  font-weight: 200;
  color: #444;
}
.bg-watre4 {
  background-image: url(assets/images/squares/bg-water2.jpg);
  padding: 20px;
  font-family: Times;
  font-size: 1.6rem;
  font-weight: 200;
  margin-top: 8px;
}
.bg-watre4 {
  background-image: url(assets/images/squares/bg-water2.jpg);
  padding: 20px;
  font-family: Times;
  font-size: 1.6rem;
  font-weight: 200;
}
.cupOwater {
background-image: url(assets/images/squares/bg-waterCup.jpg);
padding: 12px;
font-size: 1.5rem;
margin-top: 8px;
}
.quote span {
  font-size: 1rem;
  color: #555;
  font-weight: 300;
  font-style: italic;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 576px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

/* end of testimonials */


@media(max-width:576px){
.heroStart {
  padding: 70px 4% 80px 2%;
}
.heroHd {
  margin: 40px 0 0 0;
}
.feature-image {
  display: none;
}
.floatRht, .floatLft {
  float: none !important;
  margin: 10px auto 10px !important;
  rotate: 0deg;
  display: block;
  }
.container .heroTop {
  display: flex;
  flex-direction: column;
}
.heroTop {
  display: flex;
  flex-direction: column;
  margin: 0 4%;
  width: 96%;
}
.container.heroTop h1 {
  font-size: 2.8rem;
  line-height: 1;
}
.headroom {
  position: fixed;
  top: 0;
  left: 10px;
  right: 0;
  width: 76%;
}
.subHd2 {
  font-size: 2.6rem;
  line-height: 1;
}
.cntrdList li {
  font-size: 1.3rem;
  color: #000;
  line-height: 1.1;
  list-style: square;
  padding: 0 0 9px;
}
.bonusPnls,
.switchworks {
  flex-direction: column;
  margin-left: -4%;
}
.swWrk-col p,
.buyXtra p {
  font-size: 1.3rem;
}

/* approval mobile */
.main-nav .navbar-brand img {
  margin: 6px 0;
}
.hero-image-apprvl {
  float: none;
  margin: -70px auto 0;
}
.heroHeader {
margin: 8px -20px 0 8px;
}
.hero-image-app img {
  width: 100%;
  max-width: 280px;
  margin: 30px 0 -60px 30px;
  padding: 34px 0 0;
}
h1 {
  font-size: 3rem;
}
.appIntroImg {
  width: 100%;
  max-width: 220px;
  margin: 52px 23% 12px !important;
}
.subHd1-app {
  font-weight: 200;
  font-size: 3.5rem;
}
.row.mx-auto.apprvl {
  margin: 0 12% !important;
}
.proIng {
  max-width: 300px;
}
.ordrNow {
  color: white !important;
  font-size: 2.4rem;
  line-height: 1;
}




/*  ** mobile modal  **  */
#dy-popup-1 {
  width: 100%;
  max-width: 390px;
  margin: 3% 4%;
}
.toprightX {
  font-size: 3rem;
  margin: -30px -20px -14px 0;
}
.dy-title-heading h2 {
  font-size: 1.9rem;
}
.dy-title-sub-heading h4 {
  font-size: 1.3rem;
}
.double-img {
  max-width: 450px;
  width: 84%;
  margin: 0 7%;
}

}