@font-face {
  font-family: Montserrat-Light;
  src: url(../fonts/Montserrat/static/Montserrat-Light.ttf);
}
@font-face {
  font-family: poppins-medium;
  src: url(../fonts/Poppins/Poppins-Medium.ttf);
}
@font-face {
  font-family: Montserrat-Bold;
  src: url(../fonts/Montserrat/static/Montserrat-ExtraBold.ttf);
}
@font-face {
  font-family: Montserrat-regular;
  src: url(../fonts/Montserrat/static/Montserrat-Regular.ttf);
}

.container1{
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 10px 10px;
}
/*
BODY{
	
	background-color: var(--background-color);
	color: var(--main-font-color);
	font-size: var(--font-normal);
	
	font-family: var(--main-font-family);
}
*/
	/* *{
		border: 4px solid red;
	} */
H1
{
	font-weight: bold;
	font-size: var(--font-large);
}

H2,H3,H4,H5,H6,H7,H8
{
	font-size: var(--font-medium);
}

.row {
	align-items: center;
}
h3 {
    font-size: 28px;
}
.heading-holder h3 {
	font-family: poppins-medium;
}
/*p {
    font-size: 1.625rem;
}*/

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

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


.statmnt-para {
	background: #505050;
	padding: 25px 0;
}
/*.footer-links {
	background: #3a3a3a;
	color: rgba(181, 181, 181, 0.76);
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
}*/
.statmnt-para p {
	font-size: 13px;
	text-align: justify;
	text-transform: lowercase;
	color: rgba(253, 253, 253, 0.89);
	line-height: 1.4;
	margin-bottom: 15px;
}
.statmnt-para p a {
	color: #fff;
	text-decoration:underline;
}

/*Refund Popup*/


/*footer{
    color: rgba(181, 181, 181, 0.76);
}
footer p {
	margin-bottom: 0px;
}
footer a {
	color: rgba(238, 238, 238, 0.76);
}

@media (min-width: 993px)
{
	.footer-wrapper
	{
		background:url(../img/footer_background.png) no-repeat;
		background-color:var(--footer-background-color);
		background-size:100% auto;
		color: var(--footer-font-color);
	}
	
	.footer-wrapper .footer-menu .footer-menu-links A
	{
		text-decoration:none;
		color:var(--footer-font-color);
	}
	
	.footer-wrapper .footer-menu .footer-menu-links A:hover
	{
		text-decoration:none;
		color:var(--footer-hover-color);
	}

	.footer-wrapper .disclaimer H1
	{
		font-weight:100;
		padding:30px;
		padding-left:100px;
	}
}*/
.main-head {
	font-family: poppins-medium;
	text-align: center;
	margin-bottom: 0px;
	color: #0a4378;
	font-size: 38px;
	margin: 30px 0px 30px;
	line-height: 56px;
}
.main-head span {
	display: block;
	
}

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


/* pricebox container styling */
/* .pricebox
{
} */

.pricebox .price-box {
	/* background:url(../img/pricebox_card_background.png) no-repeat;
	background-size:100% 100%; */
	background-color:#FFFFFF;
	border: solid 0px var(--color-dark);
    transition: transform .2s;
    border-radius: 33px;
	border: 3px solid #333277;
	/* border-bottom: 3px solid #f4f4f4; */
}

.pricebox .price-box:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 0 0.75rem black);
    z-index: 4;
    position: relative;
}

.pricebox .price_header {
    font-size: 35px;
	background:#333277 ;
    color: white;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;

}
.pricebox .price
{
	padding: 2px;
    font-size: 55px;
    line-height: 63px;
    font-weight: bold;
}

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

.pricebox .price_product_box {
    height: 230px;
    max-height: 230px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.help-wrapper {
	margin-top: 4em;
}
.pricebox .card-section {
    padding-bottom: 2rem!important;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
	background: #f4f4f4;
}
.cb-links {
	padding: 34px 0px 24px;
}
.cb-links p {
	font-size: 18px;
	font-weight: 600;
}
.cb-links a {
	font-size: 18px;
	color: blue;
}
.pricebox .price_bottle {
    font-size: 1.625rem
}

.pricebox .prices{
	font-size:3rem;
}

.pricebox .price-box .prices S {
    font-weight: normal;
    font-size:2rem;
}

.pricebox .buy_link{
	padding-left:2rem!important;
	padding-right:2rem!important;
}

.pricebox .highlighted .price-box
{
	
    filter: drop-shadow(0 0 0.75rem black);
    z-index: 42;
    position: relative;
}


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

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

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

.mypop .videorow .col
{
    padding:40px 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%);
}
   .toggle-headline p {
	font-size: 21px;
}
.mypop .close_buton
{
    display:flex;
    z-index:5;
    justify-content: center;
    align-items: center;
    position:absolute;
    right:20px;
    top:20px;
    border:solid 2px white;
    border-radius:50%;
    width:40px;
    height:40px;
    cursor:pointer;
}

.mypop .close_buton A 
{
    color:black;
}

/* misc */

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

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

.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
{
	text-decoration:none;
	pointer-events: none;
	color:var(--main-font-color);
}

.reference-link:hover
{
	text-decoration:none;
	color:var(--accent-color-light);
}

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

.name-input label {
	font-size: 18px;
	font-weight: 700;
  font-family: Montserrat-regular;
}
.name-input {
  margin-bottom: 20px;
}
.name-input p {
	font-size: 12px;
	line-height: 21px;
	font-weight: 700;
  margin-bottom: 0px;
}
.submit-form {
	align-items: end;
	gap: 0px 30px;
}
.form-sec .row{
  margin: 0px;
}
.form-sec form {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	box-shadow: 0px 0px 8px #dadada;
	border-radius: 10px;
	padding: 31px;
	margin-bottom: 40px;
}
.form-sec sup{
  color: red;
}
.text-area{
  display: block;
  width: 100%;
  
}
.name-input textarea {
	width: 100%;
	height: 120px;
	padding: 5px 10px;
	border: 1px solid #dcdfe2;
	box-shadow: inset 0px 0px 8px #d9d9d9;
}
.name-input input {
	box-shadow: inset 0px 0px 8px #d9d9d9;
}
.submit {
	background-color: #4747ff;
	color: #fff;
	padding: 8px 20px;
	border: none;
	border-radius: 6px;
	font-size: 18px;
	display: block;
	margin: 32px auto 0px;
	width: 100%;
}




 @media (max-width: 991px) {
        /*.toggle-headline {*/
        /*    margin-left: 20px;*/
        /*}*/

        .sus
        {
            padding-top: 31px;
         
        }
        .expanded-img {
            padding-bottom: 16px;
        }
    }

    @media (max-width: 768px) {
       .colapsed-img {
	width: 42px;
}

.cb-links {
	padding: 34px 40px 24px;
}
        .toggle ~ label {
	padding: 9px 28px;
}

.toggle-headline p {
	font-size: 19px;
	/* margin-left: 8px; */
}
    .main-head {
font-size: 34px;
	margin: 5px 0px 0px;
	line-height: 50px;
}   
.heading-holder h3 {
	font-size: 25px;
  margin: 20px 0px;
}
        .mijloc {
            text-align: center;
        }

    }

    .logo-img {
        max-width: 35%;
        display: block;
        margin-left: auto;
        margin-right: auto;

        mix-blend-mode: difference;
    }
.expanded-img {
	max-width: 75px;
	max-height: 80px;
}
.toggle-content p {
	font-size: 17px;
}
.toggle ~ label {
	background-color: #EFEFEF;
	padding: 9px 20px;
	border-radius: 20px 0px;
}

  .colapsed-img {
	display: block;
	max-width: 50px;
	max-height: 51px;
	/*opacity: 0.4;*/
	margin: 0 auto;
}

    .expanded-img {
        display: block;
        margin: auto;
        max-width: 80px;
        max-height: 90px;
    }

    .toggle {
        display: none;
    }

    .toggle:checked~.toggle-content {
        display: block;
    }

    .toggle:checked~label .toggle-image {
        display: none;
    }

   .toggle-headline {
	padding-top: 10px;
}

.toggle-content p {
	font-size: 19px;
}
.col-1.toggle-image {
	padding: 0px;
	width: fit-content;
}
    .toggle~label:hover {
        display: inline-block;
        background-color: #EFEFEF;
        cursor: pointer;
    }

    .toggle:checked~label .toggle-headline {
        font-weight: bold;
    }

    .toggle:checked~label .toggle-button::after {
        font-size: 30px;
        content: "-";
        right: 0px;
        cursor: pointer;
    }

    .toggle-button:after {
        content: "+";
        font-size: 30px;
        right: 0px;
        cursor: pointer;
    }

  .toggle-content {
	display: none;
	margin-top: 15px;
}


    .links {
        color: blue;

    }
    .grid {
        display: grid;
        place-items: center;
    }
 
@media(max-width:560px){
    .main-head {
	font-size: 28px;
	line-height: 40px;
}
.privacy__sec h3 {
	font-size: 20px;
}
.privacy__sec h2 {
	font-size: 20px;
}
.col.text-right.toggle-button {
	max-width: 52px;
	position: relative;
	right: -6px;
}

.card {
	padding: 14px;
}
.cb-links {
	padding: 31px 0px 10px;
}
.cb-links p {
	font-size: 16px;
	line-height: 25px;
}
.cb-links a {
	font-size: 16px;
	margin-bottom: 6px;
}
/*footer a {
	color: rgba(181, 181, 181, 0.76);
	font-size: 11px;
}*/
.toggle-headline p {
	font-size: 17px;
}
.toggle-headline {
	padding-top: 10px;
	flex: 80%;
	max-width: 80%;
}
.col-1.toggle-image {
	padding: 0px;
	width: fit-content;
	flex: 15px;
	max-width: 50px;
}
.colapsed-img {
	display: block;
	max-width: 33px;
	max-height: 40px;
}
.name-input label {
	font-size: 16px;
}
.submit {
	padding: 4px 20px;
	height: auto;
}
.heading-holder h3 {
	line-height: 27px;
	font-size: 20px;
}
.toggle-content p {
	font-size: 16px;
}
}
@media(max-width:428px){
/*.col-1.toggle-image {*/
/*	flex: 100%;*/
/*	max-width: 100%;*/
/*}*/
.colapsed-img {
	max-width: 40px;
	max-height: inherit;
	margin: 2px auto 1px;
}
/*.toggle-headline {*/
/*	flex: 90%;*/
/*	max-width: 90%;*/
/*}*/
.col.text-right.toggle-button {
	right: 0px;
	top: 0px;
}
.heading-holder h3 {
	font-size: 18px;
	margin: 20px 0px;
	line-height: 22px;
}
.name-input label {
	font-size: 15px;
}
.cb-links a {
	font-size: 15px;
}
.cb-links p {
	font-size: 15px;
	line-height: 23px;
}
.form-control {
	font-size: 12px;
}
.name-input textarea {
	font-size: 13px;
}
.form-sec form {
	padding: 20px;
}
}

@media(max-width:390px){
.main-head {
	font-size: 25px;
	line-height: 37px;
}
.toggle-headline p {
	font-size: 16px;
	line-height: 24px;
	padding-left: 15px;
}
.toggle-headline {
	padding: 8px 5px;
}
.row{
    flex-wrap:no-wrap;
}
}
@media(max-width:380px){
.toggle-headline {
	padding-top: 10px;
	flex: 64%;
	max-width: 80%;
}
}
@media(max-width:350px){
.pt-4 {
	padding-top: 12px !important;
}
.main-head {
	font-size: 21px;
	line-height: 31px;
}
.toggle-headline p {
	font-size: 15px;
	line-height: 22px;
}
.toggle-content p {
	font-size: 15px;
}
.submit {
	padding: 0px 20px;
	height: auto;
	font-size: 16px;
}
}

@media(max-width:320px){
/*.toggle-headline {*/
/*	flex: 80%;*/
/*	max-width: 80%;*/
/*}*/
}