@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;500;800&display=swap');
body{
	background-color: var(--background-color);
	color: var(--main-font-color);
	font-size: var(--font-normal);
	font-family: var(--main-font-family);
	overflow: hidden auto !important;
    
}
b, .bold
{   font-family: bold-font;
	font-weight: bold;
}

.hihlite {
  color: #b08484;
}
.prodctCnt {
font-weight: 400 !important;
font-size: 1.4rem !important;
letter-spacing: 1px;
}
.crt-btn {
  text-decoration: none;
  display: block;
  width: 100%;
  max-width: fit-content;
  margin: 0px auto;
}
.medium
{
    font-weight: 500;

}
.shrtGift-bg {
/*background-image: url('../img/stars-unsplash3.jpg');*/
background-repeat: no-repeat;
  background-position-y: center;
background-size: cover;
background-position-y: top;
}

.freeCAP {
  color: red;
  text-transform: uppercase;
  font-weight: 600;

}

.r-bold{
    font-family: Nunito;
    font-weight: bold;
    font-size: 34px;
    text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
}
.m-bold{
    font-family: bold-m-font;
    font-weight: 700;
}
.light{
	font-family: light-font;
	font-weight: 300;
}
.semi-b{
	font-family: Nunito !important;
	font-family: semi-bold-font;
	font-weight: 600 ;
}
.bigger-sub {
  font-size: 2rem;
  line-height: 1.1;
}

.product-img {
    max-height: 240px;
}

h1
{
	font-weight: bold;
	font-size: var(--font-large);
}

h4,h5,h6
{
	font-size: 32px;
}

h1.small-title{
    font-size: 56px;
line-height: 1;
}
h4, .small-title {
    font-size:25px;
}
h1.b-price{
    font-size:50px;
}

p.smaller{
    font-size:18px;
}
p.smaller2{
    font-size:16px;
}
h2 {
font-size: 2.4rem;
line-height: 1;
margin: 2.5rem 0 10px;
}
.longH2 {
  font-size: 2.8rem;
  line-height: 1;
  text-align: center;
  margin: 2.5rem 0 17px -2.5%;
  padding: 24px 30px;
  background-color: #ffedd1;
  border-radius: 8px;
}
.longH2 span {
  color: red;
}

h3.smaller{
    font-size:29px;
}

h3 {
font-size: 2.2rem;
line-height: 1;
padding: 14px 0 2px;
color: #984b98;
font-weight: 600;
}

p {
    font-size: 1.125rem;
}
.ndx-about p {
  font-size: 1.4rem;
  line-height: 1.3;
}

.hd-italic {
  /* font-size: 2.7rem; */
  font-style: italic;
  color: #f8a2a2;
}

ol, ul {
  padding-left: 1rem;
}

#long-about p,
.long-page p {
  font-size: 1.65rem;
  line-height:1.2;
}

.img-rght {
    position: absolute;
    right: -100%;
    transition: right 1s;
	width: 100%;
}
.img-lft {
    position: absolute;
    left: -100%;
    transition: right 1s;
	width: 100%;
}

.img-left {
  float: left;
  margin: -16px -10% 0px 12px;
  border-radius: 8px;
}
.img-right {
  float: right;
  margin: -16px -10% 0px 12px;
  border-radius: 8px;
}

/* UPSELL1  */
.drk-blue-bg {
  background-image: radial-gradient(circle at 30% 50%, #3c558c, #255180 20%, #47609a 57%, #3b6591 65%);
}
.red-bg-small {
  background-color: red;
  padding: 11px;
  letter-spacing: 2px;
  line-height: 1;
}
.sbhd-ups1 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  color: #ff8300;
  padding: 20px 0 12px;
}
.upgrd-video {
/*  background-image: url('../img/upgr-bg-hero.jpg');*/
  margin: 0 auto;
  max-width: 900px;
  text-align: center;
  color: #fff;
  height: 560px;
  border-radius: 25px;
  padding: 4% 0 0;
}
.upgr-warn h3 {
	color: red;
	background-color: #ffcb0082;
	display: inline;
	padding: 8px 30px 6px;
	border-radius: 7px;
	font-size: 1.6rem;
	line-height: 1;
	display: inline-block;
}

	.blink {
		animation: blinker 1.5s linear infinite;
		color: red;
		font-family: sans-serif;
	}
	@keyframes blinker {
		50% {
			opacity: 0;
		}
	}

.upgd-nrrw h1 {
  margin: 20px 20%;
}     
.upgrd-large {
  font-size: 3.6rem;
  line-height: 0.95;
  margin: 20px;
}
.upgrd-large em {
  color: red;
  font-style: inherit;
}
.upgrd-large span {
  color: #777;
}
.upgrd-nrrw {
  margin: 0 20%;
  width: 60%;
}
.strkthrgh {
  text-decoration: line-through solid 3px red !important;
  color: #888;
}
.fnt-green {
  color: #05c705;
  padding: 0 0 0 6px;
}
.bonus {
  margin-bottom: -55px;
  z-index: 2;
  position: relative;
}
.framed-crd {
  border: 1px solid #ccc;
  border-radius: 28px;
  padding: 20px 0 20px 50px;
  background-color: aliceblue;
  box-shadow: 0 8px 9px #66666687;
}
.framed-grntee {
  border-radius: 28px;
  padding: 10px 3% 20px;
  background-color: #fff0c4;
  box-shadow: 0 8px 9px #66666687;
}
.upgrd-sub {
  margin: -21px 0 0 0;
  font-size: 1.8rem;
  color: red;
}
.splash-price {
  background-image: url('../img/bg-brush1.png');
  background-repeat: no-repeat;
  background-position: center;
  overflow: visible;
  padding: 10px 0;
}
.flashPrice {
  font-size: 1.7rem !important;
  line-height: 1;
  margin-bottom: 8px !important;
}
.upgrd-sub span{
  color: #000;
  text-decoration: underline;
}
.upgrd-tick {
  float: left;
  margin: -4px 6px -4px 0;
}
.blk-x12 img {
  max-width: 560px !important;
}
.grey-bg {
  background-color: #b0c2b8;
  padding-top: 60px;
}
.tan-bg {
background: radial-gradient(circle at 60% 52%, #ffecd3, #f0dec6 27%, #e4cd97 79%, #ebc66f 89%);
border-radius: 28px;
border: 4px solid #fff;
box-shadow: 3px 5px 19px #00000045;
margin-bottom: 10px;
}
.bonus-img {
  margin: 20px 0 0 0;
}
.crdHdr {
	background-color: #3a6898;
	color:#fff;
	margin: 0 -1.5rem;
	padding: 9px 0 6px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 1px;
	border-radius: 25px 25px 0 0;
}
.crd-title {
  color: #213b87;
}
.bonus-disc {
  font-size: 15px;
  line-height: 1;
  margin: 14px 0;
}
.upgd-grntee {
float: right;
max-width: 204px;
margin: -12px 0 0 18px;
}
.extra-big {
  font-size: 3.4rem;
  line-height: 1;
}
.btn-upgrade {
	text-align: center;
	background-color: red;
	border: 1px solid red;
	font-size: 2.6rem;
	padding: 22px 56px;
	border-radius: 12px;
	color: #fff;
	box-shadow: 0px 6px 6px #999;
	line-height: 1;
}
.btn-upgrade:hover {
  background-color: #b30808;
}
.guarantees img {
  max-width: 200px;
  margin: 0 auto;
  display: inline-block !important;
}
.nothanks {
  border: 1px solid #ff0101;
  border-radius: 12px;
  padding: 20px;
}
.img-gldMember {
  float: right;
  max-width: 210px;
  margin: 0 -3% 0 20px;
}



@media (max-width: 560px) {
.upgrd-large {
  font-size: 2.4rem;
  line-height: 0.95;
  margin: 20px 20px 14px;
}
.upgrdOffer {
  font-size: 2.5rem !important;
  line-height: 1 !important;
}
.upgd-nrrw h1 {
  margin: 20px auto;
} 
.bonus-img {
  margin: 0;
}
.splash-price {
  padding: 31px 0 36px;
  background-size: cover;
}
.framed-crd {
  padding: 28px 20px;
}
.upgd-grntee {
  float: none;
}
.upgrd-nrrw {
  width: 90%;
  margin: 0 auto;
}
.blk-x12 img {
  min-width: 360px;
}
.upgr-warn h3 {
font-size: 1.3rem !important;
}
.extra-big {
  font-size: 2.9rem;
  line-height: 1;
}
.bigger-sub {
  font-size: 1.8rem;
  line-height: 1.1;
}
p.bigger {
  font-size: 22px;
}
.modal-wrapper.active {
  opacity: 0 !important;
}
.mdl2-content {
margin: 0 auto 0 5% !important;
max-width: 360px !important;
}
.upPrice-regular {
  width: 128px !important;
}
.bigger.text-center {
font-size: 1.3rem;
line-height: 1.2 !important;
margin: 0;
}
.splash-price h3 {
  font-size: 1.6rem !important;
}
.img-gldMember {
  margin: 0 18%;
  position: relative;
}

}

/* Aligned Upsell */
.aligned-sb2 {
  border: 1px solid;
  padding: 9px 24px;
  border-radius: 24px;
  display: grid;
  margin: 0 6% 20px;
}
.upgrd-align {
	font-size: 2.7rem;
	color: #000;
	line-height: 1;
	font-weight: 600;
}
.upgrd-align span {
  color: #10c7f8;
}
.pnl-upselAlign{
  border-radius: 20px;
  box-shadow: 0 5px 8px #26416a66;
  padding: 34px 3% 20px;
  background: linear-gradient(to bottom, rgba(157, 178, 204, 0.48) 0%,rgb(255, 255, 255) 73%,rgb(255, 255, 255) 73%);
  border: 5px solid #fff;
}
.align-bullets p {
text-align: left;
border-bottom: 1px dotted #323232;
padding: 0px 0 14px;
margin: 25px 4.5%;
font-size: 1.4rem;
}
.align-newMbr {
  background-color: yellow;
  margin: 30px;
  border-radius: 12px;
  padding-bottom: 4px;
}
.align-newMbr h3 {
  color: red;
}
.align-newMbr h3 span {
  text-transform: uppercase;
  font-size: 1.9rem;
  color: #000;
}
.algn-hd2 {
  font-size: 2.9rem;
  line-height: 1;
  padding: 0 0 12px;
  font-weight: 600;
  color: #9c67fe;
}
.sky-bg {
  background: radial-gradient(circle at 60% 52%, #e7f0ff, #e3eafa 27%, #bbd6e6 79%, #b2d0ef 89%);
  border-radius: 28px;
  border: 4px solid #fff;
  box-shadow: 3px 5px 19px #f2f3ffde;
  margin-bottom: 10px;
}
.bonus-disc-aligned {
  font-size: 1rem;
  margin: 20px 0;
  color: #3a6898c4;
}
.crdHdr-aligned {
background-color: #84a3c5;
color: #fff;
margin: 0 -1.5rem;
padding: 14px 0 10px;
text-align: center;
font-size: 1.7rem;
line-height: 1;
font-weight: 600;
letter-spacing: 0px;
border-radius: 25px 25px 0 0;
text-shadow: 1px 1px 3px #0d4a81;
}
.crd-title-algn {
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 1;
  color: #1f536c;
}
.crd-title-algn span {
  font-size: 1.9rem;
  font-weight: 600;
}
.emAllCaps {
  text-transform: uppercase;
  font-weight: 600;
  color: red;
  font-size: 2.2rem !important;
}

.left-pnl-algn {
	border: 7px solid #7ab6d3;
	border-radius: 20px;
	background-color: #ffffff;
	box-shadow: 0px 5px 12px #063a538a;
}
.price-pnl-hdr {
  background-color:#7ab6d3;
  text-align: center;
  font-size: 1.4rem;
  padding: 6px 0 8px !important;
  margin-top: -3px;
  margin-bottom: 12px;
}
.mid-pnl-algn {
  border: 7px solid #1398d9;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0px 5px 12px #0e4864;
}
.price-pnl-hdr-middle {
  background: #1398d9;
  text-align: center;
  font-size: 1.4rem;
  padding: 6px 0 8px !important;
  margin-top: -3px;
  margin-bottom: 12px;
}
.guarantees-by180 img {
  max-width: 480px;
  margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
  display: inline-block !important;
}
.modal-wrapper.exit-intent .modal-content.algn-exit {
  font-size: 19px;
  width: 55%;
  background-image: url(../img/whitescan.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  border: 14px solid #d4b36c;
}









@media (max-width: 560px) {
.upsll-head-vivo {
  font-size: 1.6rem;
}
.vivo-sbhd {
  font-size: 1.9rem !important;
}
h1.algnUp {
font-size: 1.7rem;
line-height: 1.1;
}
.aligned-sb2 {
  font-size: 1.2rem;
}
.upgrd-video {
  height: auto !important;
}
.upgrd-align {
  font-size: 1.7rem;
  line-height: 1;
}
.pnl-upselAlign h1 {
  font-size: 2.2rem !important;
}
.guarantees-by180 img {
  max-width: 310px;
}



}



/* upsell modals */
.modal-TWO {
  z-index: 3;
  display: none;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
background-color: rgba(0, 0, 0, 0.85);
background-color: rgba(0, 0, 0, 0.85);
}
.modal-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  padding: 0;
  outline: 0;
  width: 600px;
}
.mdl2-wrapper{
	z-index:3;
	display:none;
	padding-top:8%;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0)
}
.mdl2-content{
margin: auto;
position: relative;
outline: 0;
max-width: 850px;
padding: 14px 10px 20px 34px;
background-color: #ddd;
border-radius: 16px;
box-shadow: 5px 8px 12px #000;
background-color: black;
}
.btn-noThnks {
	border: none;
	display: inline-block;
	padding: 0px 16px 0;
	vertical-align: middle;
	overflow: hidden;
	background-color: inherit;
	text-align: center;
	cursor: pointer !important;
	white-space: nowrap;
	color: #0058ff;
	text-decoration: underline;
	font-size: 1.8rem;
	font-weight: 600;
	text-transform: uppercase;
}
.btn-noThnks:hover {
  text-decoration: none;
  color: #2160b0;
}
.toprightX {
  float: right;
  font-size: 3.5rem;
  margin: -50px 14px -20px 0;
  font-weight: 200;
  color: #999;
}
.toprightX:hover {
  color: white;
	cursor: pointer !important;
}
.mdl-hdr-lstCh {
  background-color: #000;
  padding: 12px 0 6px 14%;
  color: red;
  margin: 8px -12px -18px -34px;
  border-radius: 18px 18px 0 0;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
}
.lowestHd {
  text-align: center;
  color: white;
  margin-top: -12px;
}
.lowestHd span {
  color: yellow;
}
.txt-white {
  color: white;
}
.upPricing {
  display: flex;
  flex: 7;
}
.upPrice-regular {
color: red;
text-align: center;
margin: 19px 6px auto;
padding: 23px 16px;
float: left;
position: absolute;
border: 1px solid red;
width: 165px;
}
.pricePnl {
  width: 94%;
}

.upPrice-regular p {
  font-size: 1rem;
  font-weight: 400;
}
.upPrice-regular span {
  font-size: 1.7rem;
  font-weight: 600;
}
.upPrice-today {
color: rgb(255, 255, 255);
text-align: center;
border: 1px solid;
margin: 19px 18px;
padding: 15px 20px 10px;
width: 47%;
float: right;
}
.upPrice-today p {
  font-size: 1rem;
  font-weight: 400;
}
.price-today span {
  font-size: 2.8rem;
  letter-spacing: -2px;
  font-weight: 700;
}
.btn-updde-yes {
background-color: red;
color: yellow;
display: inline-block;
text-align: center;
width: 94%;
margin: 0 auto 0 1.5%;
padding: 14px 0 0;
line-height: 1;
border-radius: 6px;
}
.btn-updde-yes:hover {
  background-color: #9f1c0f;
}
.btn-updde-no {
  background-color: #3e74a3;
  color: white;
  display: inline-block;
  text-align: center;
  width: 94%;
  margin: 7px auto 0 1.5%;
  padding: 14px 0 0;
  line-height: 1;
  border-radius: 6px;
}
.btn-updde-no p {
  font-size: 19px;
  padding: 0;
  margin: 0 0 10px;
}
.btn-updde-no:hover {
  background-color: #1d3c5d;
}
.freeShip {
  color: #fff;
  text-align: center;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
}
/* end of modal2 */



/* Short Gift */
.mainCard {
background-color: rgb(255, 255, 255);
width: auto;
margin: 0 8%;
padding: 20px;
border-radius: 20px;
box-shadow: 2px 5px 20px #13608663;
}
.mainCard-option {
background-color: #f0f8ffbf;
width: auto;
margin: 0 8%;
padding: 40px 20px 0;
border-radius: 20px;
box-shadow: 2px 5px 20px #13608663;
}
.shortHd {
  background-color: #0087ff9e;
  padding: 12px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 5% 8px !important;
  border-radius: 10px;
}
.pt-1.giftHd {
  font-size: 3.8rem;
  line-height: 0.9;
  margin: 17px 0 0;
}
.gfthd-sml{
font-size: 2.7rem;
font-weight: 600;
padding: 0;
margin: 0 0 4px;

}
.shortHd h2 {
  margin: 0;
}
.shortWarn {
  box-shadow: 4px 6px 9px #06233d;
  margin: -14px 20% 40px;
  border-radius: 10px;
  background-color: #fff;
  transform: rotate(-4deg);
background-image: url('../img/shrt-giftBk.jpg');
width: 300px;
height: 380px;
background-position-y: center;
background-size: cover;
}
.wrnng-img {
  max-height: 460px;
  border-radius: 11px 11px 0 0;
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 0s;
}
.shrtTxt {
  font-size: 1.5rem;
margin: 5px 0;
font-weight: 500;
}
ul.shrtPoint {
  margin-left: -30px;
}
.shrtPoint li {
  list-style: none;
font-size: 1.4rem;
font-weight: 500;
line-height: 1;
}
.shrtPoint li::before {
content: '';
display: inline-block;
height: 30px;
width: 30px;
background-image: url('../img/mrk-tick.png');
background-size: 30px;
margin: 4px 9px -7px;
}
.shrtEmail {
  text-align: center;
  font-family: Nunito;
  margin: 20px 3%;
}
#femail {
  width: 100%;
  font-size: 1.5rem;
  color: #999;
  padding: 6px 0 6px 21px;
border: 1px solid #ff5400;
border-radius: 4px;
}
.shrtSbmt {
background-color: #4bbbff;
border: 1px solid #73cbff;
margin: 16px;
padding: 8px 50px;
border-radius: 6px;
font-size: 1.4rem;
box-shadow: 3px 4px 7px #214f80;
color: #000;
}
.shrtSbmt:hover {
  background-color: #009fff;
}

.shrtClose {
  border: 1px solid #80b1ff;
  padding: 28px;
  color: #033e62;
  font-weight: 500;
  border-radius: 20px;
}
.shrtGift-option {
margin-top: 14px !important;
  border: 1px solid #80b1ff;
  padding: 32px 7% 9px;
  color: #033e62;
  font-weight: 500;
  border-radius: 20px;
background-color: #ffffffc9;
}
.shrtClose-option {
background-color: transparent !important;
color: #fff ;
}

.shrtClose p {
font-size: 1.3rem;
  font-weight: 500;
	line-height: 1;
	padding: 4px 0;
margin: 4px 0;
}
.shrtHrs-img {
  margin: -70px auto 0px;
  max-width: 75px;
}
.shrtClose p span {
  color: #a33838;
  font-weight: 800;
}
.shrtGift-option p span {
  font-weight: 800;
  color: #ba1c1c;
}

/* optional */
.footer-bottom-bg.shrtFtr {
  background: transparent !important;
  color: #fff;
}

.shrtClose-option{
background-color: transparent !important;
color: #fff;
}




@media (max-width: 560px) {
.shrtGift-bg {
  background-image: url('../img/stars-unsplash-m.jpg');
}
.hero-hd-lng {
  font-size: 2.9rem !important;
  line-height: 1.1;
}
.shortHd {
  margin: -12px 5% -12px !important;
}
#long-about p, .long-page p {
  font-size: 1.5rem;
  line-height: 1.2;
}
.shortHd h2 {
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.shortWarn {
  margin: -14px -5% 40px;
  max-width: 110%;
}
.pt-1.giftHd {
  font-size: 2.4rem;
line-height: 0.95;
}
.gfthd-sml {
font-size: 1.7rem;
margin: 5px 0 4px;
line-height: 1;
color: #2e5383;
}
.shrtTxt {
  font-size: 1.3rem;
  text-align: center;
}
.shrtPoint li {
  font-size: 1.3rem;
}

.img-right,
.img-left {
  float: none !important;
  width: 100%;
  margin: 0 auto !important;
  margin-bottom: 20px !important;
}
.lngPgMdl-Price {
  font-size: 3rem;
  font-weight: 600;
  margin: -12px 0 8px;
}
.shrtSbmt {
padding: 6px 13px;
font-size: 0.9rem;
}
.sbmtGft {
  width: 130% !important;
  text-align: center;
  margin: 0 -15%;
}

.shrtEmail {
  margin: 20px -4%;
}

#femail {
  width: 100%;
  font-size: 1.1rem;
  color: #999;
  padding-left: 12px;
}
.shrtGift-option p {
  font-size: 17px;
}

}


.yellow-bg{
    border:#e7303f 4px solid;
    border-radius:10px;
    background-color:#f9f8da;
    border-style:dashed;
	/*background-image: url("./../img/yellow-bg.png");
	background-repeat: no-repeat;
	background-size: cover;*/
}
.blueish-bg{
    border-radius: 10px;
    background-color:#e6f4ed;
    background-size:contain;
}
.bg-mov{
    background-image: url("./../img/bg-bar.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.dotted-bg{
    border:#000 2px solid;
    border-radius: 11px;
    background-color: #fff;
    border-style:dashed;
    
    padding: 15px;
    padding-left:15px;
    padding-right:15px;
    margin:10px;
}
.small-bg{
    border:#000000 2px dashed;
    border-radius:11px;
    background-color: #ffffff;

}
.dark-purple-bg{
    background-color:#000;
    z-index: -1000;
	/* min-height: 84px; */
	line-height: 1;
}
.rust-bg {
  background-color: #bf5d5d;
  z-index: -1000;
  min-height: 84px;
  line-height: 1;
}
.accent-color{
    color:#19265b;

}
.hero-hd {
font-size:3.1rem;
font-weight: 600;
line-height: 1;
margin-bottom: 20px !important;
}

.hero-subimg {
margin-top: -1rem !important;
}

.hero-hd-lng {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: -10px;
}

#buyBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

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


#arrwBounce h4 {
font-size: 1.15rem !important;
letter-spacing: 1px;
padding: 20px 0;
}
#arrwBounce h4 span {
font-size: 1.1rem !important;
letter-spacing: 1px;
font-weight: 800;
color:yellow;
}

.blinking {
    animation: opacity 2.5s ease-in-out infinite;
    opacity: 1;
}

@keyframes opacity {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1;
  }
}


.bg-info-vsl{
	background-color: #000000 !important;
	color: #fff !important;
	text-align: center;
	font-size: 2rem;
	line-height: 1.1;
	padding: 10px 0;
	font-weight: 800;
}
.navbar-dark .navbar-nav .nav-link{
    color:#fff !important;
    font-size:19px;
}
.hamburger-menu{
    position:absolute;
    right:0;
}
.order-now-button{
    max-width: 155px;
    height: 52px;
    transition: .5s;
    margin-top: -10px;
    position: relative;
    left: -10px;
}
.btn-noThanks {
	background-color: transparent;
	border: 0;
	font-size: 2rem;
	color: #0070ff;
	text-decoration: underline;
}


@media (min-width: 992px){
.order-now-button {
    margin-top: 0;
    left: 0;
}
}

.bonus-height{
  min-height: 390px;
  border-radius: 0 0 20px 20px;
}

.bonusframe {
  border-radius: 20px 20px 0 0;
}

.probiotic-img.img-fluid.d-block.mx-auto.pt-4.pt-lg-0.mb-4 {
  border-radius: 50% !important;
}
.order-now-button:hover{
    transform: scale(1.05);
}
.light-purple-bg{
background-image: radial-gradient(circle at 30% 50%, #eff4fe, #91a0e0 20%, #2142c7 57%, #2642b7 65%);
}
.light-purple-bg-long{
background-image: url(../img/lng-bg-hero.jpg);
background-size: cover;
background-position: bottom;
}
.long-page-short {
  margin: 0 14%;
}

p.bigger{
line-height: 1.2;
margin: 0px 0 20px 0;
font-size: 1.6rem;
/* color: #999; */
}
p.bigger-gray {
color: #999;
}
p.check{
    font-size:19px;
}

/* IMAGES -long */
.sumarian-img{
max-height: 460px;
border: 6px solid #c7c8c973;
border-radius: 20px;
-webkit-animation-duration: 3s;
-webkit-animation-delay: 0s;
}
.intro-img {
  max-height: 400px;
  max-width: 256px;
  border: 6px solid #c7c8c973;
  border-radius: 20px;
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 0s;
  margin: 24px 0 0 0;
  padding: 0;
}
.hero2-img {
  margin: -2px -3% 0 10px;
  max-width: 380px;
}
.packHero-img {
  width: 750px !important;
  margin: -30px auto 20px;
}
.pineal-img {
  max-width: 492px;
  margin: -6px 0 0 24px;
}
.church-img {
max-width: 364px;
margin: 6px 32px 0 0;
}
.bud-img {
  max-width: 200px;
  margin: 0 -1% 0 16px;
}
.horus-img {
  margin: 0 10px 0 -3%;
}
.tesla-img {
  max-width: 490px;
  margin: 0 32px 0 0;
}
.classified-img {
  max-width: 300px;
  margin: 0px 6px 0 -2%;
}
.chakra-img {
  max-width: 315px;
}
.bhag-img {
margin: 15px 30px 0 -3%;
max-width: 600px;
}
.switch-img {
  max-width: 300px;
  margin: -2px 20px 0 -5%;
}
.calc-img {
max-width: 192px;
margin: 6px 32px 0 0;
border-radius: 8px;
}
.depress-img {
  max-width: 375px;
  margin: 0 0 0 33px;
}
.eric-img {
  max-width: 214px;
  margin: 5px 33px 0 0;
}
.anger-img {
  max-width: 400px;
  border-radius: 20px;
  margin: 8px -2% 0 22px;
}
.protest-img {
  max-width: 564px;
  margin: 8px 40px 0 0;
}
.flouride-img {
  max-width: 380px;
  margin: -6px 0 0 -6%;
}
.rsrch2-img {
  max-width: 300px;
  margin: 0;
}
.reseaech-img {
  max-width: 360px;
  margin: 0 0 0 30px;
}
.hazard-img.img-left {
  max-width: 400px;
  margin: -8px 12px 0 -7%;
}
.demonic-img {
    max-width: 380px;
    margin: 0 0 0 30px;
}
.brush-img {
  max-width: 376px;
}
.reunion-img {
  max-width: 450px;
  margin: 4px 0 0 15px;
}
.farafay-img {
  max-width: 326px;
  margin: 0 30px 0 0;
}
.stargate-img {
  max-width: 338px;
  margin: 4px 30px 0 0;
}
.napkin-img {
  margin: -28px -3% 0 0;
}
.aerial-img {
margin: 0 0 0 30px;
max-width: 224px;
}

.prdctX6-img {
  max-width: 480px;
  margin: 0 0 0 0;
}
.test-img {
  margin: 0 20px 0 -4%;
  max-width: 338px;
}
.zen-img {
margin: 0 30px 0 -3%;
max-width: 334px;
}
.control-img {
  max-width: 450px;
  margin: 0 -4% 0 20px;
}
.top5-img {
  margin: 8px 14px 0 -3%;
  max-width: 300px;
}
.awake-img {
  margin: 0 -3% 0 20px;
  max-width: 300px;
}
.dollar-img {
  max-width: 320px;
  margin: 0;
}

.badgesSml {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 260px;
}
.oneYear-img {
  max-height: 250px;
  height: 100% !important;
  margin: -38px 0 0 0;
}

.warn-img {
margin: 3px 16px -8px 0;
max-width: 310px;
float: left;
}

.before-img {
max-width: 275px;
margin: 4px 30px 0 0;
border-radius: 6px;
}
.after-img {
max-width: 400px;
margin: 4px 0 0 30px;
border-radius: 6px;
}
.prdct-img {
  max-width: 198px;
  border-radius: 46px;
  border: 6px solid #ccc;
  margin: 0 30px 0 0;
}


/* Long Page Modal   */
.mdl-hdr {
  background-color: red;
  color: #fff;
  font-size: 2.7rem;
  line-height: 1;
  padding: 0 0 20px 0;
  font-weight: 600;
}
.mdlLng-hd {
  margin-top: 26px;
}
.mdl-hdr p {
  font-size: 3.2rem;
  margin: -26px 0 0px;
}
.lngPgMdl-exit {
  margin-top: 20px !important;
}
.lngMdl-cntnt {
  display: flex;
}
.lngMdl-txt {
  font-size: 1.45rem !important;
  line-height: 1.2;
}
.mdl-prdctImg {
max-width: 380px;
margin: 0 0 0 -22%;
}
.modal-content-image {
  width: 20%;
}
.lngPgMdl-Price {
  font-size: 3.5rem;
  font-weight: 600;
  margin: -21px 0 0;
}
.lngPgMdl-Price span {
font-size: 2.5rem;
font-weight: 400 !important;
margin: -21px 0 0;
padding-right: 20px;
text-decoration: line-through solid 4px #ff00008c;
color: #999;
}
.extra-text.lngPgeMdl {
  margin: -4px 0 20px 0 !important;
}

.container-fluid.blue {
  background-image: radial-gradient(circle at 30% 50%, #eff4fe, #dbe0f9 20%, #c9d3fb 57%, #b7c1e8 65%);
  padding: 40px 0 30px;
  text-align: center;
  margin: 40px 0;
}
.container-fluid.purple {
  background-image: radial-gradient(circle at 30% 50%, #f7e4fb, #f2eafc 20%, #edcdff 57%, #dfc8ff 65%);
  color: #354769;
  padding: 40px 0 30px;
  text-align: center;
  margin: 40px 0;
}


.hlight-brdr {
font-size: 1.8rem !important;
line-height: 1.2 !important;
border-left: 12px solid #c794de;
padding: 14px 24px;
margin: 30px 0;
color: #255aac;
background: radial-gradient(circle at 30% 50%, #f7e4fb, #eddeff 20%, #f7effc 57%, #fcf9ff 65%);
}


#testim p {
    font-variant: full-width !important;
    color: #445176 !important;
    line-height: 1.1 !important;
    font-size: 1.3rem !important;
    font-style: italic;
    letter-spacing: 0.5px;
}
.comment-long {
background-color: #e9e1d17d;
padding: 4% 8% 2%;
border-radius: 18px;
margin: 0 4%;
}

.accent-red{
    color:#d54545; 
}
p{
    font-size: 20px;
	line-height: 1.2;
}
p.smaller{
font-size: 21.6px;
line-height: 1.3;
padding: 0 0 1px !important;
}
p.smaller2{
    font-size:17px;
}
h3.smaller{
    font-size:29px;
}
.smaller2.d-inline.medium-font.ml-2 b {
  color: #007cffcc;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding-left: 12px;
}

.ref-bg{
    background-color: #f5f5f5;
}
.leaves-bg{
    background: radial-gradient(circle at 60% 52%, #d3e4ff, #d5dee9 27%, #97b5e4 79%, #adc3e4 89%);
	margin: 0 6%;
	border-radius: 28px;
	border: 4px solid #fff;
	box-shadow: 3px 5px 19px #00000045;
    }

    .white-bg-rounded{
        border-radius: 10px;
        /* background-image: url(../img/white-bg.jpg); */
		background-color: #fff;;
    }

.sect-knowing {
    background-image: url(../img/bg-doctor.jpg);
	background-size: cover;
}
.long-page-short p {
  font-size: 1.5rem;
  line-height: 1.2;
  max-width: 860px;
}
    .checkmark{
        height:29px;
        width:29px;
        position:relative;
        top:-2px;
    }
    .dark-purple-bg-round{
        background-color:#24515f;
        border-radius: 5px;
    }
    .probiotic-img{
		max-height: 200px;
		border-radius: 50%;
		border: 12px solid #fff;
		box-shadow: 4px 4px 14px #0006;
		margin: -26px 0 0 0;
    }

em {
  color: #4471b6;
}

.col-12.col-lg-4 {
border: 1px solid #ffffffde;
margin: 0 0.8%;
border-radius: 20px;
/* background-color: #ecf2e3; */
}
.col-12.col-lg-3.proIng {
	border: 4px solid #d8d8d86b;
	margin: 0 1%;
	border-radius: 20px;
	background-color: #ecf2e3ab;
}

@media (max-width: 560px) {
.col-12.col-lg-3.proIng {
  	margin: 0 1% 40px !important;
}
.hero-hd-lng {
font-size: 2.5rem !important;
line-height: 1.1;
margin: 0px 12px;
}

  }

  @media (min-width: 992px) {
.col-lg-3 {
  width: 23% !important;
}
  }


.py-3.spacerPrice {
  padding: 0 0 6px 0 !important;
}

@media (min-width: 992px) {
.col-lg-4 {
  flex: 0 0 auto;
  width: 31.333%;;
}
}

.logoBW.doctor-img {
  max-width: 490px;
  width: 100%;
-webkit-animation-duration: 4s;
-webkit-animation-delay: 5s;
}


    .mint-bg{
        background-image:url(../img/mint2c.png);
        background-position: 100% 130px;
        background-repeat: no-repeat;
        background-size:cover;
        }

        .checkmark-bigger{
            height:50px;
            width:50px;
            position:relative;
            top:-4px;
        }
        .bonus-bg{
            background-image:   radial-gradient(circle at 50% 50%, #223654, #5b7d9a 34%, #518ca9 74%, #488e9e 81%);}

        .video-bg{
            background-image: radial-gradient(circle at 50% 48%, #8ba9dd, #5263a7 26%, #19265b 75%, #19265b 85%);}
        .bonus-green-border{
            border-radius: 10px;
            border: solid 5px #007953;
        } 

        .bonus-white-border{
			border-radius: 26px;
			border: solid 5px #ffffff6b;
			margin: 0 1%;
			background-color: #00000047;
        }

        .accent-yellow{
            color:#eefe3c;
        }
       
        .shipping-badge{
            max-height:218px;
			padding: 0 20px;
        }

        .testimonial-face{
            max-height: 100px;
			border: 5px solid #9d9de2;
			border-radius: 50% !important;
			padding-right: 18px !important;
        }
        .testimonial-stars{
            max-width:136px;
            position:relative;
            top:-3px;
        }

.div.d-none.d-md-block {
  margin-right: 24px;
}

.references.clickable .reference-link {
        text-decoration: none;
	    pointer-events: auto;
	
}
ol.tsl-ref li{
    font-size:14px;
    color:#272727;
    padding-bottom:8px;
    text-align: justify;
    word-break: break-all;
    font-weight: 500;
}

    .triangle-grey-ctr {
    position: relative;
	z-index: -3;
    margin: -8px 0 0;
    }
    .triangle-grey-ctr:after,
    .triangle-grey-ctr:before {
    content: " ";
    display: block;
    background-color: red;
    width: 49px;
    height: 49px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: -1000;
    }
    .triangle-grey-ctr:after{
    background-color: #f8f8f8;
    }
    .triangle-grey-ctr:before{
    background-color: #edeaea;
    }

    .triangle-grey-ctr.tg:before{
    background-color: #bf5d5d !important;
    }
    .triangle-grey-ctr.tg:after{
    background-color: #bf5d5d !important;
    }
    .triangle-grey-ctr:after {
    top: -1px;
    }
/* Footer definitions */
/* Footer Section  */

    .footer-top-bg{
	background-size:cover;
	background-repeat:no-repeat;
	background: linear-gradient(90deg, #E93293 0%, #6B73B7 50%, #22B0E5 100%);
}
.footer-middle-bg{
	background-color: #fff !important;
}
.footer-bottom-bg{
	background: linear-gradient(90deg, #E93293 0%, #6B73B7 50%, #22B0E5 100%) !important;
	color:#fff;
}
.footer-wrapper .footer-menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin:0px;
	padding:10px;
	padding-left:0px;
	padding-right:0px;
    font-weight:bold;
}
.footer-wrapper .footer-menu .footer-menu-links {
	list-style: none;
	display:inline-block;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	font-weight:bold;
	font-family: bold-font;
}
@media (min-width: 993px)

{
    .footer-wrapper {
		background-color:var(--footer-background-color);
		background-size:100% auto;
		
   }
	.footer-wrapper .footer-menu .footer-menu-links A {
		text-decoration:none;
		
   }
	.footer-wrapper .footer-menu .footer-menu-links A:hover {
		text-decoration:none;
		color:#fff;
}
}

.footer-menu .footer-menu-links {
    text-align: center;
    padding: 5px;
}
.footer-logo {
    left: -20%;
}
.footer-menu .footer-menu-links a {
    color:#ffffff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
font-family: Nunito;
letter-spacing: 1px;
}
.footer-menu .footer-menu-links a:hover {
    color: #8c9292 ;
}
.footer-main-section p {
    font-size: 14px;
    color:#000000;
        letter-spacing: -0.1px;
	font-weight: 300;
}
a.footer-link {
    color:#000000;
    font-size: 14px;
}
.copyright {
    /* background-image: url(../img/copy.png); */
}
.copyright h3 {
    font-size: 16px;
    color: #000000;
}

.bg-text-disclaimer {
    color:#000000!important ;
}

footer #disclaimer .main.container>div {
    background-color: transparent!important;
    box-shadow: none!important;
}

footer p {
    font-size: 0.875rem;
}
/* headline */
.headline
{
	color:var(--headline-color);
}

.purple-bg-row {
    background-color:#19265b;


}

.grey-bg-row {
    background-color: #f5f5f5;
}

.text-yellow {
    color: #eefe3c;
}

.text-green {
    color: #5ac150 ;
}

.text-red{
    color: #e7303f;
}
.text-blue{
   color: #0040eb;
}



/* player container styling */
.videobox
{
	font-size: var(--font-medium);
	display:block;
}
.guarantee-img{
    max-height: 240px;
	height: 100% !important;
}
.badges-bg{
    background-color: #272727;
}
.badges-bg-up{
    background-color: #f5f5f5;
}
.menu A:hover{

    color:#ccc;

}

/* pricebox container styling */

.middle{
    border:solid 7px #ec8a74;
    border-radius: 20px;
    /* background-color: #f9f8da; */
    margin-top:-20px;
filter: drop-shadow(0 0 1rem rgba(94, 93, 93, 0.44));
background-image: radial-gradient(circle at 50% 35%, #fff, #fbe0d3 34%, #f7d8b1 74%, #fcd8b8 81%);
}
.middle-up-top1{
    background-color:blue;top:-90px;position:relative;width:65%;border-top-left-radius: 30px;border-top-right-radius: 30px;z-index:-2;
  background-color: #ffd39e;color:#272727;font-size:28px;
}

.middle-up-top2{
    border-top-left-radius: 30px;border-top-right-radius: 30px;
  background-color: #272727;margin-top:-107px;position:relative;width:85%;color:#ffffff;z-index:-1
}

.middle-up{
    border-radius: 23px;
    margin-top:-35px;
    box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.42);
    background-image: url(../img/middle-bg.png);
        background-size:100% 100%;
        background-repeat: no-repeat;
}

.left{
border:#c6d2ea 7px solid;;
border-radius: 20px;
background-color: #ffffff;
}
.middle:hover {
    transform: scale(1.02);
    filter: drop-shadow(0 0 1rem rgba(94, 93, 93, 0.44));
    z-index: 4;
    position: relative;
}
.middle-up:hover {
    transform: scale(1.02);
    box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.42);
    z-index: 4;
    position: relative;
}

.left:hover{    
	transform: scale(1.02);
    
    z-index: 4;
    position: relative;
}

.pricePont {
max-width: 250px !important;
}

.pricebox .price-box {
    transition: transform .3s;
}

.pricebox .price-box:hover {
    transform: scale(1.03);
}

.pricebox .price_header {
    font-size: 35px;
    color: white;
    border-radius: 16px;
}
.pricebox .price
{
	padding: 2px;
    font-size: 55px;
    line-height: 63px;
    font-weight: bold;
}

.pricebox .per_bottle
{
	padding: 2px;
    font-size: 31px;
    font-weight: bold;
    line-height: 29px;
}

.pricebox .price_product_box {
height: 228px;
max-height: 228px;
    padding-bottom: 20px;
}

.card-section p {
  font-size: 1rem !important;
}
p.cardTxt {
  text-align: center;
  color: #999;
  letter-spacing: 1px;
  line-height: 1;
  font-size: 0.9rem !important;
  margin: 0 0 6px 0;
}

.pt-3.spacerPrice {
  padding: 0 0 17px 0 !important;
}
.pricebox .price_bottle {
    color: #272727;
}
.pricebox .price-box S {
    color: #272727;
    font-weight: normal;
}

@media (min-width: 993px)
{
	.pricebox .highlighted .price-box::before
	{
		content:" ";
		position:absolute;
		top:-50px;
		right:-50px;
		display:block;
		z-index:5;
		background-size:100% 100%;
		width:100px;
		height:100px;
	}	
}


/*  Exit popup */
.mypop{
    z-index:20;
	display: none;
    justify-content: center;
    align-items: center;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	right:0px;
	background-color: RGBA(0,0,0,0.5);
	backdrop-filter: blur(5px);
}

.mypop A
{
    text-decoration:none;
    color: var(--main-font-color);
}

.mypop .videorow .col
{
    padding:40px;
}

.mypop .mypop_inner
{
    position:relative;
    border-radius:45px;
    border: solid 3px white;
    width:915px;
    max-width:100%;
    height:650px;
    max-height:100%;
    margin:auto;
    background: linear-gradient(0deg, rgba(255,254,255,1) 0%, rgba(215,255,254,1) 100%);
}

.mypop .close_buton
{
    display:flex;
    z-index:5;
    justify-content: center;
    align-items: center;
    position:absolute;
    right:20px;
    top:20px;
    border:solid 2px white;
    border-radius:50%;
    width:40px;
    height:40px;
    cursor:pointer;
}

.mypop .close_buton A 
{
    color:black;
}

/* misc */

.main-cta{
	/* display:none; */
}
.bg-info {
  background: black !important;
  text-align: center;
  color: #fff;
  padding: 0 12px 0;
  margin: 0 0 40px;
}

.card-product {
  padding: 0 19px;
}
.price-boxhdr {
  background-color: #c6d2ea;
  text-align: center;
  font-size: 1.4rem;
  padding: 6px 0 8px !important;
  margin-top: -3px;
  margin-bottom: 12px;
}
.price-boxhdr-best {
  background-color: #ec8a74;
  text-align: center;
  font-size: 1.4rem;
  padding: 0 0 8px;
  margin-bottom: 12px;
  margin-top: -2px;
}
.mainPrice {
font-size: 5.8rem;
text-align: center;
font-weight: 600;
color: #304494;
}
.mainPrice span {
  font-size: 1.8rem;
margin-left: -24px;
font-weight: 400;
}
.pricebox-free-bonus-img {
  margin: -8px 0 -22px;
}

.pricebox-bottle-nr.text-center {
  font-size: 2rem;
  margin-bottom: -7px !important;
}

.mb-lg-5 {
  margin-bottom: 2rem !important;
}
.pricebox-shipping-info {
color: red;
font-size: 1.1rem;
line-height: 1;
padding: 0;
margin: 0 0 24px 0 !important;
font-family: Nunito;
}

.atf_wrapper {
	max-height:100vh;
	width:100%;
	max-width:calc(100vh * 1.35);
	margin:auto;
	display:block;
	--overflow: hidden;
    --max-headline: 8vh;
}
.atf_wrapper .headline SVG {
	width:100%;
	--max-height: 8vh;
}

.container.pricebox {
  margin: 28px auto !important;
}
.badgesSml {
max-width: 5000px;
margin: 0 auto 30px;
display: flex;
align-items: center;
justify-content: center;
}
.oneYear-sml, .ship-sml {
  max-width: 220px;
padding: 0 12px 0;
margin: -20px 0 30px 0;
}

@media (min-width: 0) and (max-width: 1023px) {
    .triangle-grey-ctr:after,
    .triangle-grey-ctr:before {
    width: 40px;
    height: 40px;
    }
    }
    @media (min-width: 1024px) {
    .triangle-grey-ctr:before {
    width: 50px;
    height: 50px;
    }
    .navbar-nav {
        position:absolute;
        right:0;
    }
    }
@media (min-width: 1300px){
    .container{
        max-width: 1200px;
    }
    .container-md{
        max-width: 1140px;
    }
    .container-sm{
        max-width: 1040px;
    }
    .container-xs{}
}

@media (min-width: 993px) {
    .col-lg-6.col-lg-6-small {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
    .saving-details{
        font-size:40px;
    }
    .nr-of-jars{
        font-size:56px;
}
}

@media (max-width: 993px) {
    .dotted-bg{
        margin:-25px;
    }
    
    h1.b-price{
        font-size:36px;
    }
    
    h1.small-title{
        font-size:23px;
    }
h1{
    font-size:32px;
}
    h2{
        font-size:32px;
    }
    h2.smaller{
        font-size:20px;
    }
    h2.reth2{   
        font-size:36px;
    }
    p.bigger{
        font-size:1.3rem;
    }
    h3{
        font-size:24px;
    }
    h3.smaller{
        font-size:29px;
    }
    h4{
        font-size:20px;
    }
    h4.small-title{
        font-size:20px;
    }
    .time{
        font-size : 40px !important;
    }
}

@media (max-width: 560px){
  div#target p {
    text-align: justify;
    
}
  div#target {
   padding: 0px 10px;
    
}
h3 {
  font-size: 32px !important;
}
}
[filter]
{
	display:none;
}
.ret-bg{
    background-image:url(../img/form-green.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    }

.ret-bg2{
	background-image:url(../img/form-red.png);
	background-repeat: no-repeat;
	background-size: 80% 100%;
	background-position: center;
	}

@media (max-width: 993px) {
	.light-purple-bg{
	background-image: radial-gradient(circle at 50% 20%, #8ba9dd, #5263a7 20%, #19265b 57%, #19265b 65%);
	}
	.ret-bg2{
	background-size: 100% 100%;
	}
}

.top-nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background-color: #00BAF0;
background: inherit;
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #FFF;
height: 50px;
padding: 1em;
}

.menu {
display: flex;
flex-direction: row;
list-style-type: none;
margin: 4px 0 -4px;
padding: 0;
}

.menu > li {
margin: 0 1rem;
overflow: hidden;
}

.menu.menu-long > li a {
  font-size: 0.9rem;
  font-weight: 300;
}
          
          .menu-button-container {
            display: none;
            height: 100%;
            width: 30px;
            cursor: pointer;
            flex-direction: column;
            justify-content: center;
            align-items: center;
          }
          
          #menu-toggle {
            display: none;
          }
          
          .menu-button,
          .menu-button::before,
          .menu-button::after {
            display: block;
            background-color: #fff;
            position: absolute;
            height: 4px;
            width: 30px;
            transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
            border-radius: 2px;
          }
          
          .menu-button::before {
            content: '';
            margin-top: -8px;
          }
          
          .menu-button::after {
            content: '';
            margin-top: 8px;
          }
          
          #menu-toggle:checked + .menu-button-container .menu-button::before {
            margin-top: 0px;
            transform: rotate(405deg);
          }
          
          #menu-toggle:checked + .menu-button-container .menu-button {
            background: rgba(255, 255, 255, 0);
          }
          
          #menu-toggle:checked + .menu-button-container .menu-button::after {
            margin-top: 0px;
            transform: rotate(-405deg);
          }
          .menu > li a{
            color: #fff;
			font-size: 18px;
			text-decoration: none;
			letter-spacing: 1.6px;
          }
        
          .menu > li a:hover{
            text-decoration:none;
          }
          .mobile-space{
            margin-left:-55px;
        }
        .mobile-space2{
            margin-left:-25px;
        }
        .mobile-space1{
            margin-left:-80px !important;
        }  
          @media (max-width: 992px) {
            .menu-button-container {
                display: flex;
                position: fixed;
                right: 10%;
              background: #272727;
              width: 44px;
              height: 44px;
              border-radius: 10px;
              z-index: 999999999;
              }
              .menu {
                  position:fixed;
                  z-index:99999999;
                top: 0;
                margin-top: 0px !important;
                left: 0;
                flex-direction: column;
                width: 100%;
                justify-content: start;
                align-items: center;
                z-index:9999;
              }
            #menu-toggle ~ .menu li {
              height: 0;
              margin: 0;
              padding: 0;
              border: 0;
              transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
            }
            #menu-toggle:checked ~ .menu li {
              border: 1px solid #272727;
              height: 3.5em;
              padding: 0.5em;
              transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
            }
            #menu-toggle:checked ~ .menu li a{
                color:#fff;
                text-align:left;
                font-size: 19px;
            }
            .menu > li {
              display: flex;
              margin: 0;
              padding: 0.5em 0;
              width: 100%;
              color: white;
              background-color: #272727;
            }
            .menu > li a{
                padding-left:5px;
            }
            .menu > li:not(:last-child) {
              border-bottom: 1px solid #6d4a91;
            }
            
          }
          @media (max-width: 860px) {
            .menu {
                margin-top: 90px;
            }
          }
        
          @media (max-width: 481px) {
            .menu {
                margin-top: 80px;
            }
          
        }
        @media (max-width: 992px) {
            .menu {
                margin-top: 80px;
            }
            .mobile-space{
                margin-left:0px !important;
            }  
            .mobile-space1{
                margin-left:0px !important;
            }  
            .mobile-space2{
                margin-left:0px !important;
            }
        }



          /* player container styling */

.videobox {
	font-size: var(--font-medium);
	display:block;
}

@keyframes vslPulseButtonDesktop {
    from {
        background-size:40% auto;
    }
    to {
        background-size:42% auto;
    }
  }

@keyframes vslPulseButtonMobi {
    from {
        background-size:70% auto;
    }
    to {
        background-size:72% auto;
    }
  }

.up_container a.soundButton{
    animation: vslPulseButtonMobi 1s linear infinite alternate;
    /* background-image:url(../img/play-video-round.png); */
    opacity: 0.9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:70% auto;
}

.up_container div.playpause{
    animation: vslPulseButtonMobi 1s linear infinite alternate;
    /* background-image:url(../img/resume-video-round.png); */
    opacity: 0.9;
    background-position: center center; 
    background-repeat: no-repeat;
    background-size:70% auto;
}

@media (min-width: 993px) {
    .up_container a.soundButton{
        animation: vslPulseButtonDesktop 1s linear infinite alternate;
         background-size:40% auto;
    }
    .up_container div.playpause{
        animation: vslPulseButtonDesktop 1s linear infinite alternate;
        background-size:40% auto;
    }
    
}
*{
    scroll-behavior: smooth;
	font-family: Nunito;
}

.orderreel
{
    z-index:100;
    opacity:0.9;
    transform: scale(0.45);
    transition: transform 0.5s, left 0.5s;
    display:flex;
    font-family: Arial;
    position:fixed;
    bottom:5px;
    left:-15px;
    background-color:white;
    border:solid 4px #227dc2;
    border-radius:50px;
    background: white;
}

.orderreel .message
{
    size:0.2rem;
    transition: width 1s;
    width:0px;
    height:0px;
    width:0px;
    opacity:0;
    text-align: center;
    display:inline-block;
}
.orderreel .message .msg
{
    margin-right:20px;
    margin-top:4px;
}

.countdown-title
{
    color: var(--countdown-title-color);
}

.countdown-time
{
    color: #eefe3c;
    font-size:54px;
}
.up_container{
border: solid 4px white;
box-shadow: 0 0 12px 0 rgb(0 0 0 / 50%);
box-sizing: border-box;
}


.up-buy-button{
    transition: 0.5s;
    width: 859px;
    }

.up-buy-button:hover{
transform: scale(1.01);
}

.saving-details{
    font-size:26px;
}
.nr-of-jars{
    font-size:38px;
}

.triangle-check li{
    background: url(../img/checkmark2.png) no-repeat left 0px top 3px;
    padding: 6px 0px 0px 35px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
    background-size: 30px 30px;
}



@media (min-width: 375px){
    .upsell_buy_btn {
        font-size: 22px;
        max-width:320px;
    }
}
@media (min-width: 767px){
    .upsell_buy_btn{
    max-width:100%;
    position: relative;
    padding: 15px 20px 18px 20px;
    }
}
@media (min-width: 993px){
    .upsell_buy_btn
    {
        max-width:100%;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 36px;
        padding: 15px 20px 18px 20px;
        border: solid 3.7px var(--btn-color);
    }
}
@media (min-width: 1200px){
    .upsell_buy_btn
    {
    font-size: 43px;
    }
}
#advertorial
  {
    padding-top: 6px!important;
    padding-bottom: 6px!important;

    

    color: #fff;
  }

  .dark-height{
    max-height:76px;
  }

  DIV.buy-container .action-btn{
    background: linear-gradient(360deg, rgba(226,190,0,1) 0%, rgba(255,228,86,1) 100%);
}


DIV.vsl_timer article{ 

    width: auto;
    text-align: center;
    border-radius: 10px;
    margin: 0px auto 8px;
    padding: 5px;
    overflow: hidden;
    box-shadow: none;
    background-color: #f0f8ff00;
}
DIV.vsl_timer article h2{

    font-weight: bold;
    line-height: 1.4;
    padding: 15px;
    padding-bottom: 0;
    color: #fff;
}
DIV.vsl_timer article #timer{
    background-color: #f0f8ff00;
    color: #EEFE3C;
    font-size : 54px;

}

.order-support-table{
    border:2px solid #dee2e6
}

.order-support-table tr:nth-child(2n) {
    background: #f5f5f5;
}

.order-support-table tr td:nth-last-of-type(2){
    width:45%;
    padding-top:10px;
}

.order-support-table td{
padding: 10px;
}

.support-table-img{
    max-width:35px;
}

tr.support-table-numbers, .support-table-numbers{
	display:none;
}

#contactUsInfoTrigger
{
  cursor: pointer;

}
.buy-container{
    padding:35px 10px!important;
}

.leaves-bg2{
    background-image:url(../img/leaves-bg-up.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size:cover;
    }

    .triangle-check li {
        background: url(../img/checkmark2.png) no-repeat left 0px top 5px;
		padding: 3px 0px 10px 35px;
		list-style: none;
		margin: 6px 0 0 0;
		vertical-align: middle;
		background-size: 30px 30px;
		font-size: 19px !important;
		font-weight: normal !important;
		line-height: 1.1;
font-family: Nunito;
    }
    .triangle-check-2 li {
        background: url(../img/checkmark2.png) no-repeat left 0px top 10px;
        padding: 15px 0px 0px 45px;
        list-style: none;
        margin: 0;
        vertical-align: middle;
        background-size: 40px 40px;
        font-size: 20px !important;
        font-weight: normal !important;
    }

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.has-text-centered.is-size-5-touch {
  margin-bottom: 24px;
}
#continueWatching {
  background-color: red;
  text-decoration: none;
  padding: 0 30px;
}
@media only screen and (max-width:560px){
.col-6 {
  width: auto;
}
.pricebox .price_product_box {
  display: none;
}
.modal-wrapper.exit-intent .modal-content,
.modal-wrapper {
 display: none;
}
.lngMdl-txt {
  font-size: 1.35rem !important;
  line-height: 1.2;
  margin: 0 6% 12px;
}
.modal-content-image {
  display: none;
}
.footer-menu {
  display: none !important;
}
.menu-button-container {
  right: 8%;
}
#buyBtn {
  right: 24% !important;
}

}
#contWatch {
  border: none !important;
  margin: 0 auto;
  background-color: red;
  border-radius: 6px !important;
  padding: 7px 30px;
  font-size: 1.7rem;
  line-height: 1.1;
  color: #fff;
  box-shadow: 0px 3px 6px #000;
  z-index: 3000;
}

#contWatch::before, #contWatch::after  {
  content: initial;
}
.lngPge-btn {
padding: 10px 45px !important;
font-size: 1.5rem !important;
margin: -10px auto 0 !important;
}