BODY{
	/* display: none; */
	background-color: var(--background-color);
	color: var(--main-font-color);
	font-size: var(--font-normal);
	font-family: var(--main-font-family);
    
}

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;500;800&display=swap');
</style> 

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;
}

.medium
{
    font-weight: 500;

}

.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 ;
}

.product-img {
    max-height: 240px;
}
H1
{
	font-weight: bold;
	font-size: var(--font-large);
}

H2,H3,H4,H5,H6,H7,H8
{
	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;
}
h3.smaller{
    font-size:29px;
}

h3 {
    font-size: 32px;
}

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

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

.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("./../images/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;
}
.accent-color{
    color:#19265b;

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

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

.clr-ylw{
  color:#f6a21a;
}
.pineMdl-txt1 {
    font-size: 24px;
    text-align: left;
    padding-left: 34px;
    font-weight: 500;
    line-height: 1.3;
}
#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;
}
@media (min-width: 992px){
.order-now-button {
    margin-top: 0;
    left: 0;
}
}
.tooltip {
    font-size: 1rem;
    float: right;
    margin: 3px 17px 0 -8%;
    background-color: #829ebd66;
    border-radius: 50%;
    padding: 0 10px;
    opacity: inherit;
    cursor: pointer !important;
}
.bonus-height{
  height: 325px;
  border-radius: 0 0 20px 20px;
}

.bonusframe {
  border-radius: 20px 20px 0 0;
}
.ptb-30{
  padding-top:30px;
  padding-bottom:30px;
}

.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%);

}
p.bigger{
line-height: 1.2;
margin: 0px 0 20px 0;
font-size: 1.4rem;
/* color: #999; */
}
p.bigger-gray {
color: #999;
}
p.check{
    font-size:19px;
}
.sumarian-img{
max-height: 460px;
border: 6px solid #c7c8c973;
border-radius: 20px;
-webkit-animation-duration: 3s;
-webkit-animation-delay: 0s;
}

.accent-red{
    color:#d54545; 
}
p{
    font-size: 20px;
}
p.smaller{
font-size: 20px;
line-height: 1.4;
padding: 0 0 1px !important;
font-family: Nunito;
}
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(./../images/white-bg.jpg);
    }
    .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;
    }

.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;
}
  }

  @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(./../images/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 2%;
			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-image:url("./../images/footer-top-bg.png");
	background-size:cover;
	background-repeat:no-repeat;
}
.footer-middle-bg{
	background-color: #fff !important;
}
.footer-bottom-bg{
	background-color: #d8d8d8 !important;
}
.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:var(--footer-hover-color);
}
}

.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(../images/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;
}
.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(../images/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: 230px;
    max-height: 230px;
    /* padding-top: 12px; */
    padding-bottom: 20px;
}

.card-section p {
  font-size: 1rem !important;
}

.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;
}
.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;
}
p.cardTxt {
    text-align: center;
    color: #999;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 0.9rem !important;
    margin: 0 0 6px 0;
}
.bx {
   background: #fff;
    border: 2px solid #c6d2ea00;
    box-shadow: 0 0 8px #304494;
    border-radius: 15px;
    padding: 20px 40px;
    width: 100%;
    max-width: 900px;
    margin: 2% auto;
}
.bx .content h2 {
    font-size: 52px;
    line-height: 1.1;
    font-weight: 800;
    color: #304494;
}
.prdct-new {
    width: 100%;
    max-width: 390px;
}
.bx .content p {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 600;
}
.txt-cntr {
    text-align: end;
}
@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 46%;
        flex: 0 0 46%;
        max-width: 46%;
    }
    .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:24px;
    }
    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){
h3 {
  font-size: 21px !important;
}
}
[filter]
{
	display:none;
}
.ret-bg{
    background-image:url(../images/form-green.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    }

    .ret-bg2{
        background-image:url(../images/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-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: 4%;
              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(../images/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;
}

.faq{
    font-size:29px;
    
}

 .faq li::marker{
    font-weight: bold;
    font-family: bold-font;
}

.form {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 80%; /* 1:1 Aspect Ratio */
  }
  
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
  }

  .upsell_buy_btn {
    transition:.7s;
    display:block;
    position: relative;
    margin-left:auto;
    margin-right:auto;
    font-weight:bold !important;
    font-family: bold-font !important;
    --btn-color: #003FE2;
    border-radius:10px;
    border: solid 3px var(--btn-color);
    background-color:#FFE24F;
    color:var(--btn-color);
    font-size: 19px;
    text-decoration: none!important;
    text-align: center;
    letter-spacing: 0px;
    line-height: 1.09;
    padding: 13px 3px;
    max-width:88%;
}
.upsell_buy_btn:hover {
    transform: scale(1.015);
    transition:.7s;
    }
@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(../images/leaves-bg-up.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size:cover;
    }

    .triangle-check li {
        background: url(../images/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(../images/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 {
  width: 70%;
  margin: 0 15% 0 0 !important;
}
.footer-menu {
  display: none !important;
}
.pricebox-m-product-img6 {
  margin-bottom: -40px;
}

}


#contWatchPnl {
  font-size: 24px;
  letter-spacing: 0px;
  width: 104% !important;
}
#contWatchPnl:hover {
  background-color: #8c0e0e !important;
}
.modal-content.pnl-modal {
  border: 11px double #2783c5 !important;
  border-radius: 17px !important;
}
.pineMdl-sub {
font-size: 2.3rem;
line-height: 1;
margin: -8px auto 12px;
font-weight: 600;
color: #2783c5;
}
.pnlxt-mdl-txt {
  margin-left: 33.33%;
  text-align: left;
}
.pineMdl-txt {
font-size: 1.65rem;
line-height: 1.1;
}

.btn.btn-modal-pnlXT {
border: none !important;
margin: 18px -4% 16px !important;
background-color: rgba(251, 56, 56, 0.7) !important;;
border-radius: 6px !important;
padding: 14px 20px;
font-size: 1.5rem;
line-height: 1;
color: #fff !important;
box-shadow: 0px 3px 6px #834e4e;
z-index: 3000;
width: 110%;
}
.pnlxt-mdl-img {
float: left;
margin-left: -2%;
margin-top: -12px;
margin-bottom: -12px;
}
.mbl-gland {
  width: 240px;
}

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

/* MODAL ADDS  */

.modal-wrapper.exit-intent .modal-content {
  font-size: 19px;
  width: 55%;
  background-image: url(../images/bg-modal1.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  border: 11px solid #ffbf00;
  border-radius: 30px;
  }
.modal-content__padding h2 {
  font-size: 4.3rem !important;
  padding: 0 0 !important;
  font-weight: 600;
  color: red;
  display: inline-block;
margin-top: -20px;
}
.subMdl {
  font-size: 32px;
  padding: 0 !important;
  margin-bottom: 0px;
}
.modal-content__padding span {
 font-weight: 600;
 text-transform: uppercase;
}
.minCount {
  display: block ruby;
  font-size: 1.3rem;
}
.minCount-pine {
    display: flex;
    justify-content: center;
    font-size: 1.9rem;
    margin: -22px auto 8px !important;
    font-weight: 600;
}
.minCount-pine p {
  font-size: 1.9rem;
}
.bx .content h1{
  display:none;
}



.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 .3s;background-color:#000000bf}
.modal-wrapper.active{opacity:1;visibility:visible;pointer-events:auto;z-index:999;overflow:hidden}
.modal-wrapper.active .modal-content{opacity:1}
.modal-wrapper .modal-content{z-index:1;opacity:0;transition:opacity;position:relative;overflow-x:hidden;box-shadow:0 4px 20px 0 #00000036;border-radius:4px;background-color:#f0f1f2;color:#4e4e4e;overflow-y:auto;max-width:1170px;width:95%;height:98%;font-size:18.2px}

/* .modal-wrapper .modal-content .close-btn:not(a){outline:0;border:none;border-radius:50%;color:#484141;background-color:transparent;padding:15px;cursor:pointer;position:fixed;right:4%;top:2%;opacity:.6;transition:all .2s ease-in-out} */

.modal-wrapper .modal-content .close-btn:not(a):active,.modal-wrapper .modal-content .close-btn:not(a):focus,.modal-wrapper .modal-content .close-btn:not(a):hover{opacity:1;background:rgba(128,128,128,.5)}
.modal-wrapper .modal-content .close-btn:not(a)::after,.modal-wrapper .modal-content .close-btn:not(a)::before{content:" ";position:absolute;height:20px;width:2px;background-color:currentColor}
.modal-wrapper .modal-content .close-btn:not(a)::before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
.modal-wrapper .modal-content .close-btn:not(a)::after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}
.modal-wrapper .modal-content .header-wrapper{background-color:#5fb7c3;padding:.8em;text-align:center;color:#fff}
.modal-wrapper .modal-content .header-wrapper .img-wrapper{max-width:85%;margin:0 auto}
.modal-wrapper .modal-content .header-wrapper .sub-heading{font-family:Merriweather,sans-serif;font-size:1.1em;text-align:center}
.modal-wrapper .modal-content .inner-content{padding:1em .7em .5em .7em}
.modal-wrapper .modal-content .inner-content .bottles-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.5em}
.modal-wrapper .modal-content .inner-content .bottles-wrapper img{-ms-flex:0 0 220px;flex:0 0 220px;max-width:220px}
.modal-wrapper .modal-content .inner-content .bottles-wrapper .plus{color:#5fb7c3;font-size:6em;font-weight:600;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;line-height:.7}
.modal-wrapper .modal-content .inner-content .recommended-text{font-family:'Montserrat Alternates',sans-serif;font-size:.8em;font-style:italic;margin-right:1em;margin-left:1em;color:#000}
.modal-wrapper .modal-content .inner-content .btn{color:#fff;font-size:1em;font-style:italic;font-weight:600;text-decoration:none;text-transform:capitalize;padding:.6em 1em;margin-top:.7em;box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:4px;cursor:pointer;display:block}
.modal-wrapper .modal-content .inner-content .btn.btn__atc{background:linear-gradient(180deg,#ffd500,gold,#ffd900,#ffdb00,#ffde00,#ffe000,#ffe200,#ffe400);border:2px solid #fff700}
.modal-wrapper .modal-content .inner-content .btn.btn__decline{background:linear-gradient(180deg,#d41d29,#d41d29,#d41d29,#d41d29,#d51d29,#d51d29,#d51d29,#d51d29);border:2px solid #d41d29}

@media only screen and (min-width:485px){
.modal-wrapper .modal-content{height:auto}
.modal-wrapper .modal-content .close-btn:not(a){position:absolute;right:1%;color:#fff}
.modal-wrapper .modal-content .header-wrapper{padding:.8em 1em}
.modal-wrapper .modal-content .header-wrapper .img-wrapper{max-width:400px}
.modal-wrapper .modal-content .header-wrapper .sub-heading{font-size:1.2em}
.modal-wrapper .modal-content .inner-content{padding:1em 1.5em .5em 1.5em}
.modal-wrapper .modal-content .inner-content .bottles-wrapper{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}
.modal-wrapper .modal-content .inner-content .bottles-wrapper img{-ms-flex:0 0 180px;flex:0 0 180px;max-width:180px}
.modal-wrapper .modal-content .inner-content .bottles-wrapper .plus{line-height:1.2;font-size:7em;margin-right:1rem;margin-left:1rem}
.modal-wrapper .modal-content .inner-content .inner-content .btn{font-size:1em}
}
@media only screen and (min-width:768px){
.modal-wrapper .modal-content{width:auto}
.modal-wrapper .modal-content .header-wrapper .sub-heading{font-size:1.3em}
.modal-wrapper .modal-content .inner-content .btn{font-size:1.1em}
}
@media only screen and (min-width:1400px){
.modal-wrapper .modal-content .header-wrapper .img-wrapper{max-width:500px}
.modal-wrapper .modal-content .header-wrapper .sub-heading{font-size:1.5em}
.modal-wrapper .modal-content .inner-content .bottles-wrapper img{-ms-flex:0 0 200px;flex:0 0 200px;max-width:200px}
.modal-wrapper .modal-content .inner-content .recommended-text{font-size:.9em}
.modal-wrapper .modal-content .inner-content .btn{font-size:1.2em}
}
.modal-wrapper.exit-intent .modal-content{background-color:#fff;width:95%;font-size:18.2px;height:auto;text-align:center;margin: 0 auto !important;}
.modal-wrapper.exit-intent .modal-content__padding{padding:1rem 1rem}

.modal-wrapper.exit-intent .modal-content .close-btn:not(a){
position:relative;
border: 1px solid;
display:block;
margin:1rem 1.5rem 0 auto;
border-radius: 50%;
color: #484141;
background-color: transparent;
padding: 15px;
cursor: pointer;
top: 2%;
opacity: .6;
transition: all .2s ease-in-out;
}

.modal-wrapper.exit-intent .modal-content .close-btn:not(a)::after,.modal-wrapper.exit-intent .modal-content .close-btn:not(a)::before{height:15px;width:1.5px}
.modal-wrapper.exit-intent .modal-content .heading{font-family:Montserrat,sans-serif}
.modal-wrapper.exit-intent .modal-content .heading span{color:#5fb7c3}
.modal-wrapper.exit-intent .modal-content form{margin-top:1em}
.modal-wrapper.exit-intent .modal-content form .form-field{margin-bottom:.7em}
.modal-wrapper.exit-intent .modal-content form .form-field input{width:100%;padding:10px 12px;outline-color:#bababa;border:1.7px solid #bababa;border-radius:5px;box-shadow:none;font-family:Montserrat,sans-serif;font-size:.9em;font-weight:500}
.modal-wrapper.exit-intent .modal-content form .form-field button[type=submit]{text-transform:uppercase;background-color:#5fb7c3;color:#fff;border:none;padding:1em;text-align:center;width:100%;font-size:1em;font-family:Montserrat,sans-serif;font-weight:600;cursor:pointer}
.modal-wrapper.exit-intent .modal-content form .form-field .error-msg{color:tomato;font-size:.875em;font-weight:500}
.modal-wrapper.exit-intent .modal-content .extra-text{font-size:11px}
.modal-wrapper.exit-intent .modal-content .extra-text a{color:inherit}

@media only screen and (min-width:768px){
.modal-wrapper.exit-intent .modal-content{font-size:19px;width:45%}
.modal-wrapper.exit-intent .modal-content__padding{padding:0rem 2rem 2rem;}
.modal-wrapper.exit-intent .modal-content .extra-text{font-size: 14px;margin-top: 40px;}
}

@media(max-width:1366px){
.modal-wrapper.exit-intent .modal-content {
   
    width: 65%;
}
}
@media(max-width:1024px){
   .bx .content h2 {
    font-size: 50px;
      }
      .bx .content p {
    font-size: 19px;
      }
  .modal-wrapper.exit-intent .modal-content {
    
    width: 85%;
}
}

@media(max-width: 768px){
.bx .content p {
    font-size: 18px;
  }
  .bx {
    
    padding: 20px 20px;
  }
  .bx .content h2 {
    font-size: 42px;
}
   .bx .content h1 {
    font-size: 42px;
    line-height: 1.1;
    font-weight: 800;
    color: #304494;
    text-align: center;
     display: block;     
}
  .bx .content h2 {
    display: none;
}
  .modal-wrapper.exit-intent .modal-content{
    font-size:19px;width:95%
  }
  #contWatchPnl {
    font-size: 21px;
  }

  .col-8, .col-4{
    width:100%
  }
  .ptb-30 {
    padding-top: 30px;
    padding-bottom: 0px;
}
  .mbl-gland {
    width: 270px;
    margin-bottom: 20px;
}
}
@media(max-width:550px){
  .prdct-new {
    width: 100%;
    max-width: 450px;
	}
  .pineMdl-txt1 {
    font-size: 22px;
    text-align: justify;
    padding-left: 0px;
  }
  .mbl-gland {
    width: 240px;
   
}
  #contWatchPnl {
   
    line-height: 1.5;
}
}

@media(max-width:500px){
 
  .badges-sml {
    width: 100%;
    max-width: 350px;
}
  .badgesSml {
    
    margin: 0 auto 10px;
  }
  p.cardTxt {
    margin: 0px 0 20px 1px;
}
  .bx {
    padding: 20px 15px;
}
}
@media(max-width:428px){
 .bx .content h2 {
    font-size: 36px;
  }
  .bx {
   
    margin: 8% auto;
  }
  .prdct-new {
    width: 100%;
    max-width: 400px;
}
  .bx {
    padding: 20px 0px;
}
  .pineMdl-txt1 {
    font-size: 21px;
  }
  .ptb-30 {
     padding-top: 0px; 
    
}
}

@media(max-width:424px){
  .bx .content h2 {
    font-size: 34px;
}
}
@media(max-width:400px){
.bx .content h2 {
    font-size: 32px;
}
  .bx .content p {
    font-size: 16px;
}
}
@media(max-width:390px){
  #contWatchPnl {
    font-size: 19px;

  }
}

@media(max-width:350px){

img.badges-sml {
    width: 100%;
    max-width: 290px;
  }
  .bx .content h2 {
    font-size: 27px;
    line-height: 1.2;
}
  .bx .content p {
    font-size: 14px;
  }
  .bx {
    padding: 20px 0px;
}
}

@media(max-width:320px){
  .bx .content h2 {
    font-size: 24px;
  }
  .bx .content h1 {
    font-size: 38px;
  }
}

@media(max-width:300px){
  .bx .content h1 {
    font-size: 36px;
  }
}