BODY{
	
	background-color: var(--background-color);
	/*background: url(../img/site_background.png);*/
	color: var(--main-font-color);
	font-size: var(--font-normal);
	
	font-family: var(--main-font-family);
	display: none;
}
*{
    scroll-behavior: smooth;
}

B, .bold
{   font-family: bold-font;
	font-weight: bold;
}

.r-condensed
{   font-family: condensed-font;
	font-weight: 600;
    fill: #fff;
}
.medium
{
    font-family: medium-font;
    font-weight: 500;
}


.sp-under{
    text-decoration: underline solid #fff ;
    text-decoration-thickness: 5px;


}
.m-bold{
    font-family: bold-m-font;
    font-weight: 700;
}

.semi-b{
	font-family: semi-bold-font;
	font-weight: 600 ;
}

.extra-b{
    font-family: ebold-font;
    font-weight: 900;
}

.imedium{
    font-family: medium-font;
    font-weight: 500;
}

.c-light{
    font-family: light-font;
    font-weight: 300;
}

.text-grey{
    color:#adadad;
}

.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.pop{
    font-size:32px;
}
h1.small-title{
    font-size:40px;
}
h4, .small-title {
    font-size:22px;
}
h1.b-price{
    font-size:50px;
}
.leaves-bg{
    background-image:url("./../img/leaves.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size:cover;
    }
.bonus{
    font-size:32px;
}
.medium-italic {
    font-family: medium-italic;
    font-size: 17px;
}

p.smaller{
    font-size:20px;
}
p.smaller2{
    font-size:16px;
}
h3.smaller{
    font-size:29px;
}

h3 {
    font-size: 28px;
}
h3.acc{
    font-size: 30px;
}

p {
    font-size: 20px;
   
}
p.big{
    font-size: 20px;
}

h2.tsl-dark-text{
    font-size: 38px;
}
h2.tsl{
    font-size: 44px;
}
.mobile-box{
    padding-left: 15px;padding-right: 15px;
}
.no-link{
    font-size: 18px ;
}
p.bigger{
    font-size:22px;
}

.white-bg{
background-color: #ffffff;
margin-left: -1px;

}
.greenish-bar {
    background-color: #e8edf6;
    border-radius: 20px;
}
.shipping-container {
    background-image: url('./../img/shipping-bg.png');
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}

.ing-box{
    background-color: #ffffff;
    margin-top: 220px;
    margin-bottom: 50px;
}
.ing-p-bg {
    background-color: #f5f5f5 !important;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-radius: 20px;
    margin-top: -50px;
    height: 166px;
}
.ing-p-bg p {
    font-size:24px !important;
}
.ing-new-3 {
    width: 200px;
    height: 115px !important;
    object-fit: contain;
}
.background-left {
position: absolute; /* Position the background absolutely */
top: 0; /* Position from top */
left: 0; /* Position from left */
width: 55%; /* Set the width to occupy 70% of the container */
height: 100%; /* Set the height to occupy the full height of the container */
background-size: contain;
background-repeat: no-repeat;
}

.background-right {
position: absolute;
top: 0; 
right: 0; 
width: 55%; 
height: 100%; 
background-size: contain;
background-repeat: no-repeat;
}
.green-bg-title {
    background-color: #1a488e;
    border-radius: 15px;
}
.ing-box hr{
border-top: solid 3px #272727;
width: 40%;
margin-right:80px;
}
.video-pattern {
    background-image: url("./../img/video-pattern.png");
    background-size: cover;
    background-position: top -400px center;
    background-repeat: no-repeat;
}
.ing-box h2{
    font-size:29px;
}    
.huge {
    font-size:65px;
}
.right-arrow{
    width: 30px;
}
.black {
    font-family: black-font;
}
.new-price {
    font-size: 115px;
    color: #1a488e;
    margin-right: 15px;
    line-height: 1.2;
}
.old-price {
    position: relative;
    font-size: 36px;
    color: #adadad;
    margin-bottom: 5px;
    font-family: bold-font;
}
.testimonial-face{
    max-height:90px;
}
.testimonial-stars{
    max-width:136px;
    position:relative;
    top:-3px;
}

.old-price-text {
    position: relative;
}
.accent-red {
    color:#e7303f !important;
}
.subscription-text {
    font-size: 28px !important;
}
.old-price::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e7303f;
    transform: rotate(25deg);
}
.each {
    font-size: 32px;
    font-family: bold-font;
}
.yes-link{
    color:#272727;
    text-decoration: underline;
    font-size: 14px;
    text-transform: none;
}

.yes-link:hover{
    color:inherit;
}

.bonus-bg{
    background-color: #1953b4;
}
.col-lg-6.col-lg-6-small {
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;
}
.bonus-white {
    background-color: #fff;
    border-radius: 30px;
}

.hero-bg{
    background: #fff;
}

.guarantee-bg {
    padding:60px;
}

.no-link{
    font-size:15px;
}

.up-box {
    border: solid 1px #217a50;
    border-radius: 30px;
    background-color: #f3f6fc;
}

.up-bg{
    background-image: url('../img/up-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.up-list{
    margin-bottom: 0px;
}
    .up-list {
        list-style-type: none;
        padding-left: 0;
    }

    .up-list li {
        background-image: url('../img/check-vip.png');
        background-size: 30px 30px; /* Adjust the width and height here */
        background-repeat: no-repeat;
        background-position: left top 5px;
        padding-left: 45px; /* Adjust the padding to create space for the image */
        line-height: 1.5; /* Adjust line height if necessary */
        font-size: 20px;
    }

    .m-mobile{
        margin-right: auto;
    }

    .up-button{
        transition: 0.5s;
    }

    .up-button:hover{
        transition: 0.5s;
        transform: scale(1.03);
    }
    .rotate-arrow-mob{
    width: 29px;
    height:23px;
    }

    .green-arrow{
        position:absolute;
        width: 170px;
        height: 210px;
        top:-35px;
        right:55px;    
       }
     
       .down{
        font-size: 30px;
       }

       .down-section{
        display: flex;
        justify-content: space-between;
       }

       .bonus-section{
        display: flex;
       }

       .down-img{
        height:82px;
        width:300px;
              }

              .down-img-mid{
                height:82px;
                width:350px;
                      }
                    
       @media screen and (max-width: 1200px) and (min-width: 993px){
        .down-img{
            width: 30%!important;
            height:30%!important;
                  }
                  .down-img-mid{
                    width: 35%!important;
                    height:40%!important;
                }
       }

@media (max-width: 993px) {
    .t-size{
        font-size: 20px;;
    }

    .hero-bg{
        background: #fff;
    }

    .hero-bg .row .col-lg-4 {
        background-color: #fff;
    }

    .no-pad-mob{
        padding: 0px;
    }
    .right-arrow{
        margin:20px auto;
        rotate: 90deg;
    }
    .shipping-container {
        background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('./../img/shipping-bg.png');
    }

    .order-now-button{
    width: 250px;
    padding: 0px 25px 20px 25px;    }
    .down-section{
        flex-direction: column;
        align-items: center;
       }

       .bonus-section{
        flex-direction: column;
        align-items: center;
       }

       .col-lg-6.col-lg-6-small {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

       .down-img{
        margin-bottom:15px;
        width: 60%!important;
        height:30%!important;
              }

              .down-img-mid{
                margin-bottom:15px;
                width: 60%!important;
                height:40%!important;
                      }

    .green-arrow{
        position:absolute;
        width: 90px;
        height: 110px;
        top:-5px;
        right:15px;    
       }

        .bonus{
        font-size:24px;
    }

       .down{
        font-size:18px;
       }

       p.smaller{
        font-size:18px;
    }

    .m-mobile{
        margin-right: auto;
        margin-left: auto;
    }

    .down-mob{
        flex-direction: column;
    }

    .rotate-arrow-mob{
        rotate:90deg;
        margin:10px 0px;
    }
    .up-list li {
        
        
        font-size: 16px;
    }


    .mob-space{
        padding-right: 0px;
        padding-left: 0px;
    }
    .white-bonus-bg{
        background-color: #ffffff;
        padding:13px 20px 13px 20px;
    }

    .no-link{
        font-size:14px;
    }

    .guarantee-bg{
        padding:25px 20px;
    }

    .mobile-flex{
        display: inline-block!important;
        font-size: 18px!important;
        text-align: center;
    }
    .huge{
        font-size: 40px;
    }

    .ing-box{
        margin-bottom: -50px;
    }

    .background-left, .background-right {
        width: 100%;
background-size: cover;    }

    .ing-box hr{
        display: none;
        }

    .ing-box h2{
        text-align: center!important;
        font-size:24px;
    }    
    h1.bigger{
        font-size:36px;
    }

   
    h1.b-price{
        font-size:36px;
    }
    
    h1.small-title{
        font-size:25px;
    }
h1{
    font-size:32px;
}
.footer-wrapper .footer-menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0px -5px 0px -5px;
	padding:10px;
	padding-left:0px;
	padding-right:0px;
    font-weight:bold;
    
}
h1.pop{
    font-size:28px;
}
    h2{
        font-size:32px;
    }

    h2.tsl{
        font-size: 32px;
    }
    h2.tsl-dark-text{
        font-size: 26px;
    }
    h2.smaller{
        font-size:20px;
    }
    h2.reth2{   
        font-size:36px;
    }
    p.bigger{
        font-size:22px;
    }
    h3{
        font-size:24px;
    }
    h3.smaller{
        font-size:29px;
    }
    h4{
        font-size:13px;
    }
    h4.small-title{
        font-size:20px;
    }
    h3.acc{
        font-size: 24px;
    }
    p.acc{
        font-size: 18px;
    }
     
    .mobile-box{
        padding-left: 0px;padding-right:0px;
    }
    .time{
        font-size : 40px !important;
    }
}
.bonus-pricebox p {
    font-size: 24px;
}
.green-bg {
    background-color: #ffd701;
    border-radius: 50px;
}
.headline
{
	font-size:calc(var(--font-large) * 1.7);
    color: #fff !important;
}

/* Footer definitions */
/* Footer Section  */

.footer-top-bg{
	background-color:#152d56;
	background-size:cover;
	background-repeat:no-repeat;
}
.footer-middle-bg{
    background-color: #f8f8f8;
	background-size:cover;
	background-repeat:no-repeat;
}
.footer-bottom-bg{
    background-color: #f1f1f1;
	background-size:cover;
	background-repeat:no-repeat;
}
.footer-wrapper .footer-menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0px -25px 0px -25px;
	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)

{
.pricebox-price-img6 {
        margin-top: 20px;
    }
        .bonus-pad {
        padding-bottom: 27px;
    }

    .pricebox-day-supply-nr-6{
        font-size: 24px!important;
    }
    .special-flex-7  {
        flex: 0 0 55%;
    max-width: 55%;
    }
    .special-flex-5{
        flex: 0 0 45%;
    max-width: 45%;
    }
    .t-size{
        font-size: 23px;;
    }
    .ing-box{
        
        height: 125px;
    }
    .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;
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
	font-family: bold-font;
}
.footer-menu .footer-menu-links a:hover {
    color: #8c9292 ;
}
.footer-main-section p {
    font-size: 14px;
    color:#808080;
        letter-spacing: -0.1px;
	font-weight: 300;
    text-align: justify;
}
a.footer-link {
    color:#808080;
    font-size: 14px;
}

.copyright h3 {
    font-size: 16px;
    color: #000000;
}

.bg-text-disclaimer {
    color:#000000!important ;
}
.bg-white {
    border-radius: 15px;
}
.bg-grey-up {
    background-color: #f5f5f5;
    border-radius: 20px !important;
}
footer #disclaimer .main.container>div {
    background-color: transparent!important;
    box-shadow: none!important;
}

footer p {
    font-size: 0.875rem;
}

.upsell-action {
    border: 2px solid #1a488e;
    border-radius: 20px;
}
.downsell-action {
    background-color: #f3f6fc; 
    border-radius: 20px;
}
.border-downsell {
    border: 2px solid #1a488e;
    border-radius: 15px;
}
.downsell-add {
    color: #1a488e;
}
.bg-white-brd {
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #1a488e;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11);
}
.bg-white-brd p {
    color: #1a488e;
}
/* player container styling */
.videobox
{
	font-size: var(--font-medium);
	display:block;
}


/* pricebox container styling */
@media (min-width: 992px)
{
   .special-flex-lr{
      flex: 0 0 32.5%;
    max-width: 32.5%;

   }

   .special-flex-mid{
      flex: 0 0 35%;
    max-width: 35%;
   }

   

}

.strikethrough {
    position: relative;
    display: inline-block;
  }
  
  .strikethrough:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #e7303f;
  }
  

.middle{
    border:#fff 5px solid;
    border-radius: 20px;
    background-color: #e8edf6;
    margin-top:-20px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);

}
.middle:hover {
    transform: scale(1.02);
    z-index: 4;
    position: relative;
}
.left{
border:#ebebeb 4px solid;
border-radius: 20px;
background-color: #f9f9f9;
margin-top: 24px;

}

.left:hover{
	transform: scale(1.02);
    z-index: 4;
    position: relative;
}
.right{
    border:#ebebeb 4px solid;
    border-radius: 20px;
    background-color: #f9f9f9;
    margin-top: 24px;
    
    }
    
    .right:hover{
        transform: scale(1.02);
        z-index: 4;
        position: relative;
    }




.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_bottle {
    color: #272727;
}

.pricebox .price-box  {
    color: #272727;
    font-weight: normal;
}

.pricebox-bottle-nr{
    font-size: 18px;
}
.pricebox-day-supply-nr{
    font-size: 12px;
}
.pricebox-m-product-img1{
    max-height:85px;
}
.pricebox-m-product-img3{
    max-height:90px;
}
.pricebox-m-product-img6{
    max-height: 100%;
}
.pricebox-total-price{
    font-size:16px;
}
.pricebox-shipping-info{
    font-size: 16px;
}
.center.card-section{
    position:relative;
    top: -17px;
}

.pb-spacer{
    margin-bottom: 16px;
}
.pb-spacer-1{
    margin-bottom: 18px;
}

@media (min-width: 375px) {
    .pricebox-m-product-img1{
        max-height:130px;
        margin-top: 15px;
    }
    .pricebox-m-product-img3{
        max-height:140px;
        margin-top: 15px;
    }
    .pricebox-bottle-nr{
        font-size: 21px;
    }
    .pricebox-day-supply-nr{
        font-size: 15px;
    }
}

.pricebox-product-img1{
    max-height: 176px;
}
.pricebox-product-img3{
    max-height: 185px
}
.pricebox-product-img6{
    max-height: 190px;
}
.pt-spacer {
    padding:22px;
}
.pt-spacer-1 {
    padding:18.5px;
}
@media (min-width: 1200px) {
.pricebox-product-img1{
    max-height: 238px;
    top:24px;
    position:relative;
}
.pricebox-product-img3{
    max-height: 238px;
    top:24px;
    position:relative;
}
.pricebox-product-img6{
    max-height: 247px;
    top: 24px;
    position: relative;
}
}
@media (min-width: 512px) {
    .pricebox-m-product-img1 {
        max-height: 140px;
    }
    .pricebox-m-product-img3 {
        max-height: 160px;
    }
}

@media (min-width: 767px) {
    .pricebox-m-product-img1 {
        max-height: 180px;
    }
    .pricebox-m-product-img3 {
        max-height: 220px;
    }
    .pricebox-m-product-img6 {
        max-height: 100%;
    }
	.pricebox-price-img6 {
        max-width:160px;
    }
}
.order-now-button{
    width: 220px;
}
@media (min-width: 992px) {
    .order-now-button{
        margin-top:0;
        left:0;
    }
    .pricebox-bottle-nr{
        font-size:35px;
    }
    .pricebox-bottle-nr2 {
        font-size: 32px;
    }
    .pricebox-day-supply-nr{
        font-size:22px;
    }
    
    .pricebox-price-img1, .pricebox-price-img3, .pricebox-price-img6{
        max-width:225px;
    }
    .pricebox-price-img3{
        position:relative;
        margin-top:-8px;
    }
    .pricebox-free-bonus-img{
        max-width:286px;
    }
    .buy-button6{
        max-width:307px;
        width:90%;
    }
    .buy-button1, .buy-button3{
        max-width:289px;
        width:90%;
    }
    .buy-button2 {
        max-width:307px;
        width:90%;
        position: relative;
        left: 9px;
        top: -4px;
    }
    .credit-cards{
        max-width:300px;
    }
    .pricebox-total-price{
        font-size:26px;
    }
    .pricebox .price_product_box {
        height: 180px;
        max-height: 230px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .center.card-section{
        position:relative;
        top:0;
    }
    }
    @media (min-width: 1200px) {
        .pricebox .price_product_box {
            height: 230px;
        }
    .buy-button6{
        max-width:307px;
        width:100%;
    }
    .buy-button1, .buy-button3{
        max-width:289px;
        width:90%;
    }
}  

/*  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 40px 10px 40px;
}

.mypop .mypop_inner
{
    position:relative;
    border-radius:45px;
    border: solid 3px white;
    width:900px;
    height:650px;
    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;
}

/*  REELS  */

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

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}

/* COUNTDOWN TIMER */

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

.countdown-time
{
    color: var(--countdown-timer-color);
    font-size:54px;
}

/* misc */

.avatar
{
	width:65px;
	height:65px;
	margin:10px;
}
.main-cta{
	display:none;
}

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

.atf_wrapper .headline SVG
{
	width:100%;
	--max-height:8vh;
}

BODY.video
{
	/*background:url(../img/video_page_background.png) no-repeat;*/
	background-size:100% auto;
}

.accent-light
{
	color:var(--accent-color-light);
}

.accent-hard
{
	color:var(--accent-color-hard);
}

.accent-hard-contrast
{
	color:var(--accent-color-hard-contrast);
}

.references.clickable .reference-link
{
	pointer-events: auto;
	
}
.reference-link
{
	overflow-wrap: break-word;
	text-decoration:none;
	pointer-events: var(--references-clickable);
	color:var(--main-font-color);
}

.reference-link:hover
{
	text-decoration:none;
}

[filter]
{
	display:none;
}

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


.refund-table-img{
	padding: 10px;
	max-width: 100px;
	
}
.down-new-banner {
    width: 75%;
    border-radius: 20px;
    background-color: #fff !important;
}
.table td, .table th {
	border-top:1px solid #979797;
}

.triangle-grey-ctr {
    position: relative;
    }
    .triangle-grey-ctr:after,
    .triangle-grey-ctr:before {
    content: " ";
    display: block;
    background-color: #1f5c31;
    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: #c09857;
    }
    .triangle-grey-ctr.tg:after{
    background-color: #c09857;
    }

    .triangle2-grey-ctr {
        position: relative;
        }
    .triangle2-grey-ctr:after,
    .triangle2-grey-ctr:before {
        content: " ";
        display: block;
        background-color: #152d56;
        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;
    }

    .triangle2-grey-ctr.tg:before{
        background-color: #152d56;
    }
    .triangle2-grey-ctr.tg:after{
    background-color: #152d56;
    }


    .triangle2-grey-ctr:after {
    top: -1px;
    }

    .r-bold {
        filter:drop-shadow(4px 2px 3px rgba(0, 0, 0, 0.5)); 
        font-family: roboto;
        fill:white;
        letter-spacing: normal;
        font-stretch: condensed;
        font-style: normal;
        line-height: 1.1;
        font-weight: bold;
    }

    .video-bg{
    background: #1953b4;
    background-repeat: no-repeat;
    background-size: cover;
    }

    .vsl-headline-accent{
        fill:#c09857;
    }

    
    

    DIV.vsl_timer article{ 
        text-align: center;
        margin-bottom: 35px;
       
    }
    DIV.vsl_timer article h2{
        font-weight: bold;
        line-height: 1.4;
        color: #fff;
    }
    DIV.vsl_timer article #timer{
        /* background-color: #fff; */
        font-size: 54px;
        color: #ffd701;
        
    }
    DIV.vsl_timer article h2 b{
        color: #fff !important;
    }
    h1.clock-headline b {
        color: #fff;
    }

    .red-timer-bg{
        background-image: url('../img/red-timer.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;

    }
    .bonus-row{
        display: flex!important;
        flex-direction: row!important;
        gap: 20px!important;
        justify-content: center!important;
    }


    ol.tsl-ref li{
        font-size:14px;
        color:#808080;
        padding-bottom:8px;
        text-align: justify;
        word-break: break-all;
        font-weight: 500;
    }

    

    /* player container styling */
    .player-wrapper
    {
        overflow:hidden;
    }

    .videobox
    {
        font-size: var(--font-medium);
        display:block;
    }
    
    
    @keyframes vslPulseButtonDesktop {
        from {
            transform: scale(1.2);
        }
        to {
            transform: scale(1);
        }
      }
    
    
    @keyframes vslPulseButtonMobi {
        from {
            transform: scale(1.2);
        }
        to {
            transform: scale(1);
        }
      }
    
    .up_container a.soundButton{
        animation: vslPulseButtonMobi 1s linear infinite alternate;
        background-image:url(../img/play-video-round.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size:55% auto;
        border-radius:9px!important;
        cursor: pointer;

    }
    
    .up_container div.playpause{
        animation: vslPulseButtonMobi 1s linear infinite alternate;
        background-image:url(../img/resume-video-round.png);
        background-position: center center; 
        background-repeat: no-repeat;
        background-size:55% auto;
        border-radius:9px;

    }
    
    @media (min-width: 993px) {

        .tx-size{
            font-size: 17px;
        }
.dark-purple-bg p {
            font-size: 18px;
            font-weight: 300 !important;
        }

        .up_container a.soundButton{
            animation: vslPulseButtonDesktop 1s linear infinite alternate;
             background-size:55% auto;
             border-radius:9px;
             cursor:pointer;
             
        }
        .up_container div.playpause{
            animation: vslPulseButtonDesktop 1s linear infinite alternate;
            background-size:55% auto;
            border-radius:9px;

        }
        
    }

    .up_container{
        border: solid 10px white;
        box-shadow: 0 0 12px 0 rgb(0 0 0 / 50%);
        box-sizing: border-box;
        border-radius:19px;
    }

    .up_container .player-wrapper{
        padding-bottom: 0px!important;
    }

    @media (orientation: landscape) 
    {
           .up_container .player-wrapper   {
    border-radius:9px!important;
    padding-bottom: 0px!important;

    }
    .up_container{
        padding-bottom: 55%!important;
    }
}

    @media (orientation: portrait)
    {
.up_container .player-wrapper {
border-radius:9px;
}
.up_container{
    padding-bottom: 167%!important;
}
    }

    .smartplayer-mobile-container{
        max-width: none!important;
    }

.up_container .player-wrapper VIDEO, .up_container .player-wrapper IFRAME, .up_container .player-wrapper > DIV {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 16px;
    cursor: pointer;
}

        .ref-bg{
            background-color: #f5f5f5;
        }

        .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: 0;
            padding: 0;
            justify-content: center;
          }
          
          .menu > li {
            margin: 0 1rem;
          }
          
          .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: #272727;
            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:#272727;
            font-family: main-font;
            font-size:19px;
            transition: ease-in-out 0.1s all;
        }
        
        .menu > li a:hover{
            text-decoration:none;
            color: grey;
        }
          .mobile-space{
            margin-left:-55px;
        }
        .mobile-space2{
            margin-left:-25px;
        }
        .mobile-space1{
            margin-left:-80px !important;
        }  
          @media (max-width: 992px) {

            .red-timer-bg{
                background-size: cover;
                
        
            }


            .c-light{
                font-size: 16px!important;
            }
            .menu-button-container {
                display: flex;
                position: fixed;
                right: 4%;
              background: #fff;
              width: 44px;
              height: 44px;
              border-radius: 10px;
              z-index: 999999999;
              }

              .pb-spacer{
                margin-bottom: 10px;
              }
              .pb-spacer-1{
                margin-bottom: 10px;
              }
              .white-bg{
                background-color: transparent;
              }
              .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 {
              height: auto;
              padding: 22px 10px 10px 10px;
              transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
            }
            #menu-toggle:checked ~ .menu li a{
                color:#262f45;
                text-align:left;
                font-size: 19px;
            }
            .menu > li {
              display: flex;
              margin: 0;
              padding: 20px 0;
              width: 100%;
              color: #262f45;
              background-color: #fff;
              overflow: hidden;
              justify-content: center;
              

              
            }
            .menu > li a{
                padding-left:5px;
            }
            .menu > li:not(:last-child) {
              border-bottom: 1px solid #6d4a91;
            }
            
          }
          @media (max-width: 860px) {
            .tx-size{
            font-size: 19px;
        }
            
            .dark-purple-bg p {
            font-size: 20px;
            font-weight: 300 !important;
        }
            .menu {
                margin-top: 90px;
            }
          }
        
          @media (max-width: 481px) {
            .menu {
                margin-top: 80px;
            }
            .subscription-text {
                font-size: 22px !important;
            }
          
        }
        .desc{
            padding: 39px 0px;
        }
        .bigger-sp{
            font-size: 28px;
        }
        @media (max-width: 992px) {
            .desc{
                padding: 20px 0px;
            }
            .bigger-sp{
                font-size: 22px;
            }
            .menu {
                margin-top: 80px;
            }
            .mobile-space{
                margin-left:0px !important;
            }  
            .mobile-space1{
                margin-left:0px !important;
            }  
            .mobile-space2{
                margin-left:0px !important;
            }
            .border-downsell {
                border: none;
             }
        }

        .dark-purple-bg {
            background-color: #efefef;
            border-radius: 20px;
            font-size: 24px;
        }
        

        .dark-purple-bg2{
            background-image: linear-gradient(to bottom, #c09857, #c09857), linear-gradient(to bottom, #ff4d43, #ff4d43), radial-gradient(circle at 52% 42%, #0e7da5, #015c7d 22%);
           
        }

        .badges-bg{
            background-color: #272727;
        }

        .blue-circles{
            background-image:radial-gradient(circle at 50% 50%, #272727, #202020 34%, #171717 75%, #171717 85%), linear-gradient(to bottom, #171717, #171717);
            background-position: top center;
            background-repeat: no-repeat;
            background-size:cover;
            }

            .shipping-badge{
                max-height:218px;
            }

            .text-yellow {
                color: #c09857;
            }
            
            .text-green {
                color: #5ac150 ;
            }
            
            .text-red{
                color: #e7303f;
            }
            .text-blue{
               color: #0040eb;
            }


            .guarantee-img{
                max-height: 204px;
            }       


            .white-bg-rounded{
                /* border-radius: 20px;
                background-image: linear-gradient(116deg, rgba(255, 255, 255, 0.1) 22%, rgba(255, 255, 255, 0.1) 78%), linear-gradient(109deg, rgba(255, 255, 255, 0.35) 10%, rgba(255, 255, 255, 0.1) 89%);
                background-size: max-content;
                border: 1px solid white;
                height: fit-content;
                position: relative; */

                background: linear-gradient(130deg, rgb(255 255 255 / 18%) 0%, rgba(255, 255, 255, 0.1) 102%, rgba(0, 0, 0, 0) 100%);                
                border-radius: 30px;
                box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                backdrop-filter: blur(14px);
                -webkit-backdrop-filter: blur(14px);
                border: 1.5px solid #B7BFB8;

              .glyco-desc{
                display: flex;
                align-items: center;
              }
              p{
                margin-bottom: 0px;
              }


            }
            /* .blured-bg{
                background-image: url('../img/blured-bg.png');
                background-size: cover;
                background-position: center center;
            } */
            .checkmark-bigger{
                height:35px;
                width:35px;
                margin-right: 15px;
            }
@media (max-width: 765px) {
    .ing-p-bg p {
        font-size:18px !important;
    }
    .ing-p-bg {
        height: 130px;
    }
    .bonus-pricebox p {
        font-size: 18px;
    }
}
@media (max-width: 567px) {
    h1, h2 {
        font-size: 24px;
    }
    .ing-p-bg {
        margin-top: -40px;
    }
    .ing-new-3 {
        height: 80px!important;
    }
    .money-guarantee {
        width: 120px !important;
    }
    .money-heading {
        font-size: 26px !important;
    }
    .bonus-pricebox {
        flex-direction: column;
    }
    .bonus-pricebox p {
        font-size: 24px;
    }
    .seen-check {
        height: 35px;
    }
    .clad-text {
        font-size: 17px;
    }
    .green-bg-title {
        font-size: 20px !important;
    }
    .checkmark-bigger{
        height:20px;
        width:20px;
        top:-2px;
    }
    .up-off-mob {
        width: 350px !important;
    }
    .new-price {
        margin-right: 10px;
        font-size: 72px;
    }
    .each {
        font-size: 22px;
        margin-top: -5px!important;
    }
    .old-price {
        font-size: 26px;
        margin-bottom: 0;
    }
    .old-price::after {
    top: 42%;
    left: 15%;
    width: 80%;
    }
    .left, .right {
        margin-top:0;
    }
    .up-list li {
        background-size: 25px 25px !important;
        padding-left: 35px !important;
        background-position: left top 3px;
    }
    .white-bg-rounded {
        background-image: linear-gradient(116deg, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.1) 90%), linear-gradient(90deg, rgba(255, 255, 255, 0.35) 30%, rgba(255, 255, 255, 0.1) 75%);
    }
    .rounded-tsl {
        width: 80% !important;
    }
    .up-button {
        width: 180px;
    }
    .order-now-button {
        width: 220px;
    }
    .downsell-add {
        font-size: 26px;
    }
    .bg-grey-down {
        border: 2px solid #1a488e;
        border-radius: 20px;
    }
    .pricebox-free-bonus-img{
        padding-right: 13px !important;
        padding-left: 0 !important;
    }
    .fee-check {
        font-size: 20px!important;
    }
    .down-new-banner {
        width: 100%;
    }
    .buy-button1, .buy-button3{
        max-width:185px;
        width:94%;
    }
    .no-ty-btn {
        width: 190px!important;
    }
    #std{
        font-size: 20px;
    }
    h3.acc {
        font-size: 20px!important;
    }
}
@media (max-width: 375px) {
    .bg-white-brd p {
        font-size: 16px;
    }
}