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

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

}
.r-bold{
    font-family: roboto-bold-font;
    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: semi-bold-font;
	font-weight: 600 ;
}

.c-font {
    font-family: caslon-font;
    font-weight: 500;
}

.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: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;
}
@media (max-width: 993px) {
    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;
    }
}
    

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

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

.footer-top-bg{
	background-image:url("./../img/footer-top-bg.png");
	background-size:cover;
	background-repeat:no-repeat;
}
.footer-middle-bg{
	background-image:url("./../img/footer-middle-bg.png");
	background-size:cover;
	background-repeat:no-repeat;
}
.footer-bottom-bg{
	background-image:url("./../img/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:#000000;
        letter-spacing: -0.1px;
	font-weight: 300;
}
a.footer-link {
    color:#000000;
    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;
}

footer p {
    font-size: 0.875rem;
}


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


/* pricebox container styling */

.middle{
    border:#007953 3px solid;
    border-radius: 20px;
    background-color: #f9f8da;
    margin-top:-20px;
    box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.42);

}
.middle:hover {
    transform: scale(1.02);
    z-index: 4;
    position: relative;
}
.left{
border:#c1c4ca 3px solid;
border-radius: 20px;
background-color: #ffffff;
}

.left:hover{
	transform: scale(1.02);
    z-index: 4;
    position: relative;
}
.right{
    border:#c1c4ca 3px solid;
    border-radius: 20px;
    background-color: #ffffff;
    }
    
    .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 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: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;
}

@media (min-width: 375px) {
    .pricebox-m-product-img1{
        max-height:100px;
    }
    .pricebox-m-product-img3{
        max-height:108px;
    }
    .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;
}

@media (min-width: 1200px) {
.pricebox-product-img1{
    max-height: 230px;
    top:5px;
    position:relative;
}
.pricebox-product-img3{
    max-height: 245px;
    top:-3px;
    position:relative;
}
.pricebox-product-img6{
    max-height: 247px;
}
}
@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;
    }
}
@media (min-width: 992px) {
    .order-now-button{
        margin-top:0;
        left:0;
    }
    .pricebox-bottle-nr{
        font-size:40px;
    }
    .pricebox-day-supply-nr{
        font-size:22px;
    }
    .pricebox-price-img6{
        max-width:264px;
    }
    .pricebox-price-img1, .pricebox-price-img3{
        max-width:251px;
    }
    .pricebox-price-img3{
        position:relative;
        margin-top:-8px;
    }
    .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{
        max-width:256px;
    }
    .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:307px;
        width:100%;
    }
}  

/*  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%;
	max-height:10vh;
}

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:var(--accent-color-light);
}

[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: #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: 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: #272727;
    }
    .triangle2-grey-ctr.tg:after{
    background-color: #272727;
    }


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

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

    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: #c09857;
    }
    DIV.vsl_timer article h2 b{
        color: #fff;
    }

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

    .bg-info{
        background-color: #272727!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;
        }
        
    }

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

        .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;
          }
          
          .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: #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:19px;
         
          }
        
          .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;
              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;
            }
        }

        .dark-purple-bg {
            background-color: #272727;
            z-index: -1000;
        }

        .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: 10px;
                background-color: #ffffff;        }