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

.italic-font{
    font-family: italic-font;
}

.black-font{
    font-family: black-font;
}

.medium-font{
    font-family: roboto-medium;
}

.medium-italic{
    font-family: italic-medium;
}

.c-light {
    font-family: cervo-font;
}

.r-bold{
    font-family: roboto-bold-font;
    font-weight: bold;
    font-size: 34px;
    text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
}

span.red-line {
    text-decoration: line-through;
    color: #e7303f;
}


.truck{
    height:15px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.check{
    height: 50px;
    align-self: center;
}
.product-img {
    max-height: 240px;
}
H1
{
	font-size: var(--font-large);
}

H2,H3,H4,H5,H6,H7,H8
{
	font-size: 32px;
}
.hero-bg{
    background-image: url('../images/herobg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y:50%;
    h1{
        font-size: 50px;
    }

    .hero{
        padding:100px 0px;
    }
}

.size{

    font-size: 20px;
}

h1.pop{
    font-size:32px;
}
h1.small-title{
    font-size:40px;
}
h4, .small-title {
    font-size:25px;
}
h1.b-price{
    font-size:50px;
}

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: 1.125rem;
   
}

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

#ingredients .row{
    margin-top:150px;
    display: flex;
    justify-content: center;
}


#ingredients .row:last-of-type{
    margin-bottom:100px;
}

 #ingredients .container{
    margin-left: 50px!important;
}
.bg-grey{
    width: 85%;
    background-color: #f4f4f4;
    border-radius:30px;
    text-align: right;
    padding:35px 25px;
    margin-left:50px;

    .ing-box{
        border-radius:16px;
        background-color: #77567a;
        font-size:18px;
        display: inline-flex;
        color:#fff;
        font-family: bold-font;
        padding:9px 0px;
        position: relative;
        width: 250px;
        justify-content: center;
        
    }

    img{
        position: absolute;
        width: 220px;
        left:0px;
        top:-45px;
    }

}

.customers-banner {
    border-radius: 25px;
    max-width: 450px;
    margin-left:auto;
    margin-right: auto;
}
.bonus-section{
    display: flex;
    justify-content: center;}

#features 
{
    .row{
        margin:120px auto -50px auto;
    }

.bg-white{
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11);
    border-radius: 16px;
    color:#1c4542;
    text-align: center;
    position: relative;

         p{
           font-size: 16px;
           padding-top:100px;
           padding-bottom: 22px;
          }

        .feat-img{
           position: absolute;
           width: 140px;
           top:-40%;
           left:50%;
           transform: translateX(-50%);
           }
    
         }
}


.check2{
    width:28px;
    margin-bottom: 5px;
}

.bonus-img{
 filter: drop-shadow(2px 0px 16px rgba(0, 0, 0, 0.25));
}
.bonus-desc{
    background-color:#f4f4f4;
    border-radius:30px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.25);
  border: solid 4px #fff;

  h4{
    font-size: 25px;
    font-family: cervo-medium;
  }
  p{
    font-size: 16px;
  }
}

.bonus-ribbon{
    background-color: #77567a;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    color:#fff;
    text-align: center;
}

.accent-yellow{
    color:#eefe3c;
}

.accent-red{
    color:#e7303f;
}

.pricebox-bg{
    background-color:#fae6f1 ;
    border-radius: 40px;
    padding:125px 80px;
}

.grey-box{
    background-color:#f4f4f4;
    border-top-left-radius:40px;
    border-top-right-radius:40px;
}

.upsell-action{
    border-radius: 40px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);

    .bg-white{
        border-radius: 20px;
    }

    .cards{
        height:20px;
        margin-right: 5px;
        margin-bottom: 3px;
    }

    .badges{
        width: 140px;
    }

    p{
        font-size:17px;
    }

    .right-arrow{
        width: 30px;
    }

    .big-price p{
        color: #77567a;
        font-size: 130px;
        font-family: black-font;
        margin: -25px auto!important;
    }
    h4{
        font-size: 22px;
    }

}

.no-ty p{
    font-size:14px;
}
.purple-bar{
    background-color:#77567a;
    border-top-left-radius:40px;
    border-top-right-radius:40px;
}

.pink-bar{
    background-color:#f3d7e8;

    
}

.bg-grey-up{
    background-color: #f4f4f4;
    border-radius: 30px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11);
}

.bg-grey-down{
    background-color: #f4f4f4;
    border-radius: 30px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11);
}

.up-bg{
    background-image: url('../images/up-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.up-box{
    background-color:#f8ebf2;
    border-radius: 40px;
}

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

    .up-list li {
        background-image: url('../images/checkmark2.png');
        background-size: 40px 35px; /* Adjust the width and height here */
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 60px;
        line-height: 1.7; 
        font-size: 16px;
    }

    .price-container {
        display: flex;
        align-items: center;
        margin:-15px auto!important;
    }

    .new-price {
        font-size: 110px;
        color: #77567a;
        margin-right: 10px;
        font-family: black-font;
    }

    .right-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .old-price {
        position: relative;
        font-size: 36px;
        color: #adadad;
        margin-bottom: 5px;
        font-family: roboto-medium;
    }

    .old-price-text {
        position: relative;
    }

    .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: roboto-medium;
    }

    .up-button{
        transition: 0.5s;
    }

    .up-button:hover{
        transition: 0.5s;
        transform: scale(1.03);
    }

    .purple-border{
      border-radius: 20px;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11);
      border: solid 2px #77567a;
      color:#77567a;
      text-align: center;
      align-items: center;

      h2{
        font-size: 25px;
      }

      img{
        width: 30px;
        position: relative;
        bottom:3px;
      }
    }


    .pink-box{

        p{
            font-size:20px;
            padding-top:1.5px;
            padding-bottom:1.5px;
        }
        
    }

    .free-shp{
        background-color:#f4f4f4;
        border-radius: 20px;
        width: 75%;
        padding:45px 35px;
    }

    .grey-text{
        text-align: center;

        p{
            font-size: 22px;
            color:#000000;
        }
        
    }



.badges{
    width:200px;
}
.big-ship-text{
    font-size:38px;
}

.logo{
    width: 360px;
}

.o-now{
    width: 250px;
    margin-left:-5px;
}

.second{
    margin:0px 15px -100px 15px!important;

   
}

@media (min-width:1200px) {

    
    .pricebox-bg {
        max-width: 1300px!important;
    }

    
}

@media (max-width:1200px) {

    


.purple-border{
    h2{
        padding:0px!important;
        font-size: 18px!important;
    }
}

.pink-box{

    p{
        font-size:17px;
     
    }
    
}
    .bg-grey{
  
        img{
           width: 180px;
           top:-20px;
        }
    
    } 



    

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


    .second{
      
    
        h1{
            font-size: 25px;
        }
    }

    .o-now{
        margin-left:-10px;
    }
    .logo{
        width: 300px;
    }

    .hero-bg{
    .hero{
        padding-bottom:50px;
        padding-top:10px;
    }

}
    

    .badges {
        width: 150px;
        padding:15px 0px;
    }

    .right-arrow{
        margin:20px auto;
        rotate: 90deg;
    }

    .free-shp{
        width: 100%;

       img{
        width: 50%;
        margin-bottom:25px;
       }
    }

    .big-ship-text{
        font-size:32px;
    }
    
    .bg-grey-down h3{
        font-size:20px;
    }
    

    .upsell-action{

        h2{
            font-size:25px;
            padding:15px;
        }

        h1{
            font-size: 27px;
        }

        .big-price p{
            font-size: 100px;
            margin:-15px auto!important;
        }
    }

    .up-box{
        h2{
            font-size: 25px;
        }
    }

    .grey-box{
       margin:0px 30px;


       p{
        font-size: 15px;
       }
    }

    .pink-bar{

        p{
            font-size: 15px;
        }
    }

    .mob-space{
        padding-right: 0px;
        padding-left: 0px;
    }

    #ingredients .row{
        margin-top:3rem;
        display: flex;
        justify-content: center;
    }

    #ingredients .row:last-of-type{
        margin-bottom:3rem;
    }
    
    
    .first{
        margin:-50px 15px!important;
      h1{
        font-size: 25px;
      }
    }

    .pricebox-bg{
        padding: 100px 0px;
    }
    
    

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

    .no-link{
        font-size: 16px ;
    }
    h1.b-price{
        font-size:36px;
    }
    
    h1.small-title{
        font-size:23px;
    }
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:20px;
    }
    h4.small-title{
        font-size:20px;
    }
    h3.acc{
        font-size: 18px;
    }
    p.acc{
        font-size: 14px;
    }
     
    .mobile-box{
        padding-left: 0px;padding-right:0px;
    }
    .time{
        font-size : 40px !important;
    }
}

@media (max-width: 767px) {

    #features 
{
    .row{
        margin:120px auto 25px auto;
    }
}

    .bg-grey{ 
        padding:15px 10px;
        padding-right: 45px;
        
        .ing-box{
            font-size:15px;
            padding:11px 0px;
            width: 200px;  
        }
    
        img{
            
            width: 120px;
            left:40px;
            top:-20px;
        }
    
    }

    
    
    } 

    @media (max-width: 532px) {

        .bg-grey{ 
            padding:25px 10px;
            
            
            .ing-box{
                font-size:15px;
                padding:11px 0px;
                width: 150px;  
            }
        
            img{
                
                width: 150px;
                left:0px;
                top:-20px;
            }
        
        }
        .upsell-action h4 {
            font-size: 20px;
        }
        .pink-bar p { 
          font-size: 17px;
        }

        .customers-banner {
            max-width: 100%;
        }
        
        } 

        @media (max-width: 400px) {

            .bg-grey{ 
                padding:15px 10px;
                
                
                .ing-box{
                    font-size:15px;
                    padding:11px 0px;
                    width: 150px;  
                }
            
                img{
                    
                    width: 100px;
                    left:15px;
                    top:-10px;
                }
            
            }
            
            } 


            @media (max-width: 320px) {

                .bg-grey{

                    .ing-box{
                        width:140px;
                    }
                    img{
                        left:0px;
                    }
                }

            }
    

.headline
{
	font-size:calc(var(--font-large) * 1.7);
}

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

.footer-top-bg{
	background-color: 
    #77567a;
}
.footer-middle-bg{
	background-image:url("../images/footer-middle-bg.png");
	background-size:cover;
	background-repeat:no-repeat;
}
.footer-bottom-bg{
	background-image:url("../images/footer-bottom-bg.png");
	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)

{
    .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:#898989;
        letter-spacing: -0.1px;
	font-weight: 300;
}
a.footer-link {
    color:#898989;
    font-size: 14px;
}

.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;
}
.disclaimer 
{
p,a{
    color:#898989;
}

a:hover{
    color:#898989;
}

}
footer p {
    font-size: 0.875rem;
}


/* player container styling */
.videobox
{
	font-size: var(--font-medium);
	display:block;
}


/* pricebox container styling */

.middle{
    border:#fff 4px solid;
    border-radius: 20px;
    background-color: #f9f8da;
    margin-top:-25px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.25);
}

.right, .left{
    border:#fff 4px solid;
    border-radius: 20px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    }

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

.bg-pink{
    background-color:#dc8ab7;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.bg-purple{
    background-color:#77567a;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.purple-bg
{   
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-family: bold-font;
    background-color: #77567a;
    padding: 30px 0px;
    width: 100%;
    border-radius:30px;
    margin:-50px auto;
    z-index:2;

    h1{
        text-align: center;
    }
}



.sp-margin{
    margin-bottom: -100px;
}

.white-inline{
    background-color: #fff;
    padding: 25px 100px 25px 100px;
  border-radius: 40px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.15);
  display: inline-block;
  transform:translateY(-50%);
}

@media (max-width:767px) 
{
    .white-inline{
        padding: 12.5px 50px 12.5px 50px;
      
    }
    .hero-bg{
        background-image: none;
        h1{
            font-size:35px;
        }
    }
}

.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 S {
    color: #272727;
    font-weight: normal;
}

.pricebox-bottle-nr{
    font-size: 18px;
}
.pricebox-day-supply-nr{
    font-size: 12px;
}
.pricebox-m-product-img1{
    max-height:115px;
}
.pricebox-m-product-img3{
    max-height:120px;
}
.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;
}
.card-section .bg-white{
    background-color: transparent!important;
}

@media (min-width: 375px) {
    .pricebox-m-product-img1{
        max-height:130px;
    }
    .pricebox-m-product-img3{
        max-height:130px;
    }
    .pricebox-m-product-img6{
        max-height:100%;
    
    }
    .pricebox-bottle-nr{
        font-size: 26px;
    }
    .pricebox-day-supply-nr{
        font-size: 16px;
    }
}

.pricebox-product-img1{
    max-height: 176px;
}
.pricebox-product-img3{
    max-height: 185px
}
.pricebox-product-img6{
    max-height: 190px;
}

@media (min-width: 1200px) {
.pricebox-product-img1{
    max-height: 220px;
    top:40px;
    position:relative;
}
.pricebox-product-img3{
    max-height: 250px;
    top:5px;
    position: relative;
}
.pricebox-product-img6{
    max-height: 265px;
    top:20px;
    position: relative;
}
}
@media (min-width: 512px) {
    .pricebox-m-product-img1 {
        max-height: 200px;
    }
    .pricebox-m-product-img3 {
        max-height: 200px;
    }
}

@media (min-width: 767px) {
    .pricebox-m-product-img1 {
        max-height: 250px;
    }
    .pricebox-m-product-img3 {
        max-height: 250px;
    }
    .pricebox-m-product-img6 {
        max-height: 100%;
    }
}
@media (min-width: 992px) {

    .card-section .bg-white{
        background-color: #fff!important;
    }

    .special-flex-lr{
        flex: 0 0 32%;
      max-width: 32%;
  
     }
  
     .special-flex-mid{
        flex: 0 0 36%;
      max-width: 36%;
     }
  
    .order-now-button{
        margin-top:0;
        left:0;
    }
    .pricebox-bottle-nr{
        font-size:38px;
    }
    .pricebox-day-supply-nr{
        font-size:20px;
    }
    .pricebox-price-img6{
        width:264px;
    }
    .pricebox-price-img1, .pricebox-price-img3{
        width:251px;
    }
    .pricebox-price-img3{
        position:relative;
        top:-17px;
    }
    .pricebox-free-bonus-img{
        max-width:244px;
    }
    .buy-button6{
        max-width:307px;
        width:90%;
    }
    .buy-button1, .buy-button3{
        max-width:307px;
        width:90%;
    }
    .credit-cards{
        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%;
        position: relative;
        left:4px;
        top:1px;
    }
    .buy-button1, .buy-button3{
        max-width:285px;
        width:100%;
    }
    .buy-button3{
        position: relative;
        top:-2px;
    }
}  

@media (max-width:992px) and (min-width:767px) {
    .pricebox-shipping-info, .pricebox-total-price
    {
        font-size:22px;
    }
}

@media (max-width:1200px) and (min-width:993px) {
    .pricebox-bottle-nr
    {
        font-size:32px;
    }
}
 
/*  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
{
	width:100%;
	max-width:calc(100vh * 1.6);
	margin:auto;
	display:block;
	overflow:hidden;
}

.atf_wrapper .headline SVG
{
	width:100%;
}

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;
	color:#dc8ab7;
}

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

.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: 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: #77567a;
    }
    .triangle-grey-ctr.tg:after{
    background-color: #77567a;
    }

    .triangle2-grey-ctr {
        position: relative;
        }
    .triangle2-grey-ctr:after,
    .triangle2-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;
    }

    .triangle2-grey-ctr.tg:before{
        background-color: #77567a;
    }
    .triangle2-grey-ctr.tg:after{
    background-color: #77567a;
    }


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

    .r-bold {
        font-size: 34px;
        text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
        font-family: roboto-bold;
        fill:white;
    }

    .video-bg{
        background-color: #dc8ab7;
    }

    .vsl-headline{
        font-weight: bold;
        text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
        color:white !important;
        fill: white;
        font-family: roboto-bold;
        font-weight:800;
    }

    /* 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;
        font-size: 54px;
        color: #eefe3c;
        font-family:cervo-medium ;
    }
    DIV.vsl_timer article h2 b{
        color: #fff;
        font-family: bold-font;
    }

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

    ol.l li:nth-child(2n)
    {
        padding-bottom: 19.65px;
    }

    .bg-info{
        background-color: #77567a!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(../images/play-video-round.png);
        opacity: 0.9;
        background-position: center center;
        background-repeat: no-repeat;
        background-size:70% auto;
        border-radius: 5px!important;
        cursor: pointer;
    }
    
    .up_container div.playpause{
        animation: vslPulseButtonMobi 1s linear infinite alternate;
        background-image:url(../images/resume-video-round.png);
        opacity: 0.9;
        background-position: center center; 
        background-repeat: no-repeat;
        background-size:70% auto;
        border-radius: 5px!important;
    }
    
    @media (min-width: 993px) {
        .up_container a.soundButton{
            animation: vslPulseButtonDesktop 1s linear infinite alternate;
             background-size:40% auto;
             border-radius: 5px!important;

        }
        .up_container div.playpause{
            animation: vslPulseButtonDesktop 1s linear infinite alternate;
            background-size:40% auto;
            border-radius: 5px!important;
        }
        
    }



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

        @media (orientation: landscape) 
    {
           .up_container .player-wrapper   {
    border-radius:5px!important;
    }
}

    @media (orientation: portrait)
    {
.up_container .player-wrapper {
border-radius:5px!important;
}
    }

    .up_container .player-wrapper IFRAME{
        border-radius:10px;
    }

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

        .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;
          }
          
          .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: #000;
            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-size:19px;
         
          }
        
          .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) {
            .menu-button-container {
                display: flex;
                position: fixed;
                right: 4%;
              background: transparent;
              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 {
              height: 3.5em;
              padding: 0.5em;
              transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
            }
            #menu-toggle:checked ~ .menu li a{
                text-align:left;
                font-size: 19px;
            }
            .menu > li {
              display: flex;
              margin: 0;
              padding: 0.5em 0;
              width: 100%;
              color: white;
              background-color: #fff;
              overflow: hidden;

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

       

            .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;
            }   
            
            .testimonial-stars{
                max-width:136px;
                position:relative;
                top:-3px;
            }


            .white-bg-rounded{
                border-radius: 10px;
                background-color: #ffffff;        }


            @media (orientation: portrait) {
                .up_container {
                    padding-bottom: 169%!important;
                }
            }
            #smartplayer{
                height:100vh!important;
            }