@charset "utf-8";

/* CSS Document */



body {

	top:0;

	bottom:0;

	left:0;

	right:0;

	margin:auto;

	padding:0;

	background:#fff;

	color:#000;

	text-align:center;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

	font-smoothing: antialiased;

	font-family: 'Brown';

	font-style: normal;

}

div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}

header, section, footer, aside, nav, main, article, figure {display: block;}

table, tr, td {border:0;}

a{outline: none; color:#333; text-decoration:none;}

a:hover {outline: none; text-decoration:none;}

img {border:none;}

li {list-style:none;}

*{box-sizing:border-box;}

.clearall{

	clear:both;

	font-size:1px;

	line-height:1px;

	height:1px;

}



@font-face {

	font-family: 'Brown';

	src: url('Brown-Bold.woff2') format('woff2'),

	url('Brown-Bold.woff') format('woff');

	font-weight: bold;

	font-style: normal;

	font-display: swap;

	}

@font-face {

	font-family: 'Brown';

	src: url('Brown-Light.woff2') format('woff2'),

	url('Brown-Light.woff') format('woff');

	font-weight: 300;

	font-style: normal;

	font-display: swap;

	}



@font-face {

	font-family: 'Brown';

	src: url('Brown-Regular.woff2') format('woff2'),

	url('Brown-Regular.woff') format('woff');

	font-weight: normal;

	font-style: normal;

	font-display: swap;

	}



@font-face {

    font-family: 'Allura';

    src: url('Allura-Regular.woff2') format('woff2'),

        url('Allura-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}





/*-----------------------

MAIN CSS START

------------------------*/

.container{

	width:1170px;

	margin:0 auto;

	padding:0;

	position:relative;

	}



/*======Top Section======*/

.top-sec{

	float:left;

	width:100%;

	background:#202020;

	padding:8px 0;

	}

.top-sec p{

	float:left;

	font-size:16px;

	color:#fff;

	letter-spacing:0.3px;

	}	

	

ul.top-list{

	float:right;

	}

ul.top-list li{

	float:left;

	font-size:16px;

	line-height:20px;

	color:#fff;

	letter-spacing:0.3px;

	}

ul.top-list li:first-child{

	margin-right:18px;

	border-right:2px solid #fff;

	padding-right:18px;

	}

	

/*-------Header-------*/	

.bdrcomb {
    float: left;
    width: 100%;
    color: #6e6e6e;
    padding: 8px 0 10px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.3px;
    text-align: left;
    position: relative;
    border-bottom: 1px solid #eaeaea;
}
.brecrum {
    display: inline-block;
    vertical-align: middle;
    margin: -5px 6px 0;
    width: 10px;
}
/* .top-fix-bar{

	float: left;

	width: 100%;

	margin-bottom:80px;

	} */

.header{

	/* float:left;

	width:100%;

	height:80px;

	margin-top: -80px;

    position: relative; */

	border-bottom:1px solid #ebebeb;
/* 
    top: 80px;

    z-index: 11;	 */

	}

.fixed-nav .header{

	position: fixed;

	z-index: 11;

	top: 0;

	background:#fff;

	-webkit-transition: margin .3s ease-out;

    transition: margin .3s ease-out;

	margin-top:0;

	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);

	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);

	}

/* .logo{

	float:left;

	margin-top:26px;

	} */

ul.navbar{

	float:right;

    margin-top: 28px;

	}

ul.navbar li{

	float:left;

    padding:3px 20px;

	}

ul.navbar li a{

	float:left;

	color:#373737;

	font-size:18px;

	line-height:18px;

	}

ul.navbar li:last-child{border-right:none;}

ul.navbar li a:hover, ul.navbar li a.active{color:#929c8b;}

	

/*MOBILE MENU CSS*/

.mob-mnu-ic{

    cursor: pointer;

    position:absolute;

    right:0;

    top:30px;

	z-index:16;

	height:30px;

	}

.mob-mnu-ic button{

	outline: none;

    -webkit-appearance: none;

	background: none;

	padding:0;

    cursor: pointer;

	border: none;

	margin:0;

	}

.mob-mnu-ic span{

	color:#fff;

	display:inline-block;

	vertical-align:top;

	font-size:16px;

	margin-top:4px;

	margin-right:5px;

	}

.bar1, .bar2, .bar3 {

	width: 30px;

	height: 4px;

	background-color: #333;

	transition: 0.4s;

	}

.bar2{margin: 5px 0;}



.dl-active .bar1 {

	-webkit-transform: rotate(-45deg) translate(-8.5px, 6px);

	transform: rotate(-45deg) translate(-8.5px, 6px);

	background:#333;

	}

.dl-active .bar2 {opacity: 0;}

.dl-active .bar3 {

	-webkit-transform: rotate(45deg) translate(-7px, -4px);

	transform: rotate(45deg) translate(-7px, -4px);

	background:#333;

	}

	

.mobilemenu{

	left:0;

	position:fixed;

	top:118px;

	background:#fff;

	z-index:12;

	right:0;

	bottom:0;

	overflow:scroll;

	display:none;

	}

.mobimenu-top{top:80px;}

.mobilemenu li{

	float:left;

	width:100%;

	text-align:left;

	border-bottom:1px solid #ebebeb;

	}

.mobilemenu li a{

	float:left;

	width:100%;

	padding:17px 20px;

	font-size:18px;

	color:#000;

	}

.mobilemenu li a.header-btn {

    float: left;

    width: 150px;

    font-size: 18px;

    color: #ffffff;

    height: 42px;

    line-height: 40px;

    font-weight: 600;

    margin:10px 0;

    border-radius: 20px;

    background: #19c354;

	padding:0;

	text-align:center;

	}	



/*=========Section 1========*/

.section-1{

	float:left;

	width:100%;

	background:#fff;

	padding:40px 0 70px;

	}	

.s1-left-side{

    float: left;

    width: 38%;

    position: relative;

	}

.prd-slide-div{

	margin:0 auto 0;

	display:block;

	background: #f8fcfa;

	padding: 25px;

	} 	

.prd-seal{

	position: absolute;

    right: 100px;

    top: 29px;

    z-index: 9;

	}

.s1-lft-logos{

	float:left;

	width:100%;

	}

.s1-lft-logos li{

	float:left;

	width:33.33%;

	text-align:center;

	margin-top:40px;

	border-right:1px solid #f0f2ef;

	}

.s1-lft-logos li img{

	margin:0 auto 0;

	display:block;

	max-width:100%;

	}	

.s1-lft-logos li:nth-child(3n){ border:none;}				





.s1-right-side{

	float:right;

	width:57%;

	text-align:left;

	}

.s1-prod-txt1{

	float:left;

	width:100%;

	font-size:20px;

	line-height:26px;

	color:#040404;

	font-weight:bold;

	}

.s1-prod-heading{

	float:left;

	width:100%;

	font-size:55px;

	line-height:55px;

	color:#000;

	font-weight:bold;

	letter-spacing:1px;

	margin-top:5px;	

	}		

.s1-prod-rating{

	float:left;

	width:100%;

	font-size:17px;

	line-height:17px;

	color:#545454;

	margin-top:20px;		

	}

.s1-prod-rating img{

	display:inline-block;

	vertical-align:middle;

	margin:-11px 4px 0 0;

	}

.s1-prod-desc{

	float:left;

	width:100%;

	font-size:18px;

	line-height:26px;

	color:#010101;

	border-top:1px solid #c8c8c8;

	padding-top:15px;

	margin-top:20px;	

	}	

.s1-prod-list-head{

	float:left;

	width:100%;

	font-size:20px;

	line-height:26px;

	color:#000;

	font-weight:bold;

	margin-top:20px;	

	}	

.s1-prod-list{

	float:left;

	width:100%;

	margin-top:8px;

	}	

.s1-prod-list li{

    background: url(../images/grn-tk.png) no-repeat left 6px;

    float: left;

    width: 100%;

    font-size: 18px;

    line-height: 26px;

    color: #000;

    padding-left: 27px;

    margin-top: 4px;

	}	

.new-prod-list li{
   background: url(../images/chk-rgt-tik.png) no-repeat left 8px; 
   line-height: 2 !important;
}

.switch-opt{

	float:left;

	width:100%;

	margin-top:35px;

	}

.switch-opt .buyopt{

	float:left;

	width:49%;

	background:#fff;

	text-align:left;

	font-size:22px;

	line-height:26px;

	font-weight:bold;

	color:#000;

	    padding: 10px 10px 14px 45px;

	cursor:pointer;

	letter-spacing:0.5px;

	border:1px solid #e4eade;

	position:relative;

	border-radius:50px;

	}
.pkg-bx:hover {
    animation: shadow-pulse 1.5s infinite;
    border: 2px solid #98a68f;
    -webkit-box-shadow: 0 9px 4px rgb(0 0 0 / 20%);
    box-shadow: 0 0 9px 4px rgb(0 0 0 / 20%);
}
.switch-opt .buyopt.active{background:#e8f5ef;}

.switch-opt .buyopt input[type=radio]{

	position:absolute;

	left:0;

	opacity:0;

	}

/* .switch-opt .buyopt input[type=radio] + span{

	position:absolute;

	left:15px;

	width:20px;

	height:20px;

	border-radius:50%;

	background:#fff;

	border:2px solid #a1aa99;

	top:50%;

	margin-top:-9px;

	background:#fff;

	}

.switch-opt .buyopt input[type=radio]:checked + span:after{

	content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    background: #a1aa99;

    border-radius: 50%;

    left: 3px;

    top: 3px;

	} */

    .switch-opt .buyopt span{

	position:absolute;

	left:15px;

	width:20px;

	height:20px;

	border-radius:50%;

	background:#fff;

	border:2px solid #a1aa99;

	top:50%;

	margin-top:-9px;

	background:#fff;

	}

.switch-opt .buyopt.active span:after{

	content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    background: #a1aa99;

    border-radius: 50%;

    left: 3px;

    top: 3px;

	}

.switch-opt .buyopt.subs{float:right; width:49%;}



.pkg-sec{

	float:left;

	width:100%;

	position:relative;

	margin-top:30px;

	}

.pkg-bx{

	width:31.5%;

	float:left;

	background:#fff;
	position:relative;
    border-radius: 45px;
    -webkit-box-shadow: 0 9px 2px rgb(0 0 0 / 10%);
    box-shadow: 0 0 9px 2px rgb(0 0 0 / 10%);
    text-align: center;
    padding: 20px 10px 20px;
    cursor: pointer;
    transition: all ease 1.5s;
    border: 2px solid #fff;

   }

.pkg-bx.active{

	/* background:#eef7f3;

	border:1px solid #a1aa99; */
        border: 2px solid #98a68f;
    animation: shadow-pulse 1.5s infinite;

	}

/* .pkg-bx.active:after{

	content:'';

	position:absolute;

	left:0;

	right:0;

	bottom:-27px;

	background:url(../images/pkg-shadow-img.png) no-repeat center center;

	width:100%;

	height:26px;

	}	 */

.pkg-bx1{

	position:absolute;

	left:50%;

	transform:translateX(-50%);

	top:0;

	}

.pkg-bx2{float:right;}

.pkg-bx3{float:left;}	

	

.pkg-header{

	    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #0a0a0a;
    margin: 0 auto 0;
    border-bottom: 1px solid #dadedc;
    padding-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;

	}

/* .pkg-bx.active .pkg-header{ background:#769c8b; color:#fff;}	 */

.pkg-mid{

	float:left;

	width:100%;

	padding:15px 0 10px;

	}	

.pkg-btls{

	max-width:100%;

	margin:0 auto;

	}

.ret-prc{

font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    color: #0a0a0a;
    display: inline-block;
    vertical-align: middle;
	margin-top:7px;

	}

.ret-prc span{

    display: inline-block;
    vertical-align: middle;
    width: 40px;
    font-weight: normal;
    font-style: normal;
    position: relative;
    font-size: 20px;
    line-height: 20px;
    margin-top: -20px;
    padding-top: 1px;
    color: #929292;

	}

/* .pkg-bx.active .ret-prc{ color:#6b7c5c;}	 */

.pkg-sve{

	float:left;

	width:100%;

	font-size:20px;

	line-height:20px;

	color:#ff0000;

	margin-top:10px;
    display: none;

	}	

.pkg-free{

	    font-size: 14px;
    line-height: 16px;
    color: #0a0a0a;
    float: left;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 8px;
    margin-bottom: 5px;

	}	
/* 
.pkg-bx.active .pkg-free{ color:#000; border-top:1px solid #d3eae0;}	 */



/* a.pkg-btn{

	float:left;

	width:100%;

	height:65px;

	background:#212121;

	font-size:30px;

	line-height:63px;	

	color:#fff;

	font-weight:bold;

	text-align:center;

	border-radius:6px;

	text-transform:uppercase;

	margin-top:35px;

	} */

    a.pkg-btn {
    float: left;
    width: 100%;
    height: 64px;
    background: #212121;
    font-size: 26px;
    line-height: 62px;
    color: #fff;
    text-align: center;
    /* margin-top: 15px; */
    text-transform: uppercase;
    margin-top: 30px;
}

.rgt-points{

	display:inline-block;

	vertical-align:top;

	width:100%;

	text-align:center;

	margin-top:12px;

	}	

.rgt-points li{

	display:inline-block;

	vertical-align:top;

	text-align:left;

	padding:0 20px;

	}

.rgt-points li img{

	display:inline-block;

	vertical-align:middle;

	margin-right:5px;

	}		

.rgt-points li p{

	display:inline-block;

	vertical-align:middle;	

	font-size:18px;

	line-height:18px;

	color:#000;

	}		

.cards{

	display:block;

	margin:25px auto 0;

	max-width:100%;

	}



/*=====Section 2=====*/

.section-2{

	float:left;

	width:100%;

	background:#eef7f3;

	padding:60px 0 70px;

	}

.common-heading{

	float:left;

	width:100%;

	font-size:45px;

	line-height:56px;

	color:#000;

	font-weight:bold;

	}	

.common-para{

	float:left;

	width:100%;

	font-size:18px;

	line-height:26px;

	letter-spacing:0.3px;

	color:#000;

	margin-top:20px;

	}

.s2-list{

	float:left;

	width:100%;

	margin-top:50px;

	}	

.s2-list li{

	float:left;

	width:25%;

	text-align:center;

	position:relative;

	}

.s2-list li:after{

    content: '';

    position: absolute;

    right: 0;

	top:0;

    bottom: 0;

    width: 1px;

    background: #e2ead9;

	}	

.s2-list li:last-child:after{ display:none;}	

.s2-list li img{

	margin:0 auto 0;

	display:block;

	}

.s2-list li p{

	float:left;

	width:100%;

	font-size:20px;

	line-height:28px;

	color:#000;

	margin-top:4px;

	}					

	

/*=====Section 3=====*/

.section-3{

	float:left;

	width:100%;

	background:#fff;

	padding:60px 0 70px;

	}	

.s3-block{

	float:left;

	width:100%;

	border:1px solid #e1e1e1;

	border-radius:22px;

	padding:22px;

	}

.s3-lft{

	float:left;

	width:38%;

	text-align:center;

	border:1px solid #e1e1e1;

	border-radius:15px;

	overflow:hidden;

	}

.s3-lft img{

	margin:0 auto 0;

	display:block;

	width:100%;

	}	

		

.s3-rgt{

    float: right;

    width: 56%;

    text-align: left;

    padding: 10px 0;

	}

a.comon-btn{

	display:inline-block;

	vertical-align:top;

    width: 100%;

	max-width:278px;

    height: 65px;

    background: #212121;

    font-size: 26px;

    line-height: 63px;

    color: #fff;

    font-weight: bold;

    text-align: center;

    border-radius: 6px;

    text-transform: uppercase;

    margin-top: 35px;

	}			

	

/*=====Section 4=====*/

.section-4{

	float:left;

	width:100%;

	background:#eef7f3;

	padding:60px 0 70px;

	}

.sec4-block{

	float:left;

	width:100%;

	text-align:center;

	position:relative;

	}	

.s4-list{ width:335px; margin-top:70px;}	

.s4-list li{

	float:left;

	width:100%;

	margin-bottom:100px;

	position:relative;

	min-height: 139px;

	}

.s4-list li:last-child{ margin-bottom:0;}	

.s4-list.fl li{ text-align:right;}	

.s4-list.fr li{ text-align:left;}	

.s4-list.fl li:nth-child(2){ padding-right:15px;}	

.s4-list.fr li:nth-child(2){ padding-left:15px;}	

.s4-list li span{

	float:left;

	width:100%;

	font-size:23px;

	line-height:25px;

	color:#000;

	font-weight:bold;

	}

.s4-list li p{

    float: left;

    width: 100%;

    font-size: 18px;

    line-height: 25px;

    color: #000;

    margin-top: 10px;

	}	

.s4-prod-box{

    position: absolute;

    top: 160px;

    left: 50%;

    background: #d8e5df;

    border: 3px dotted #9ab7aa;

    border-radius: 50%;

    height: 400px;

    width: 400px;

    margin-left: -200px;

	}	

.s4-prod-box img{

	display:inline-block;

	vertical-align:middle;

	max-width:100%;

	margin-top:70px;

	}

.s4-lft-icns{

	position:absolute;

	top:0;

	right:0;

	}

.s4-icn1{ top: 75px; right: -195px;}

.s4-icn2{ top: 25px; right: -100px;}

.s4-icn3{ top: -50px; right: -196px;}

		

.s4-ln1{ top: 10px; right: -142px;}	

.s4-ln2{ top: 50px; right: -142px;}



.s4-rgt-icns{

	position:absolute;

	top:0;

	left:0;

	}	

.s4-icn4{ top: 75px; left: -195px;}

.s4-icn5{ top: 25px; left: -100px;}

.s4-icn6{ top: -50px; left: -196px;}

		

.s4-ln3{ top: 10px; left: -142px;}	

.s4-ln4{ top: 50px; left: -142px;}	

	

/*=====Section 5=====*/

.section-5{

	float:left;

	width:100%;

	background:#fff;

	padding:60px 0 70px;

	}	

.ingredient-box{

	float:left;

	width:100%;

	text-align:center;

	margin-top:30px;

	}

.ing-nav-list{

	margin:0 auto 0;

	max-width:990px;

	width:100%;

	padding:0 35px;

	}

.ing-nav-list-col{

	display:inline-block;

	vertical-align:top;

	text-align:center;

	margin:20px 0;

	transition: all ease 1.2s;

	cursor:pointer;

	}

.ing-nav-img{

	display:block;

	margin:0 auto 10px;

	height:60px;

	}

.ing-nav-list-col p{

	font-size:20px;

	line-height:24px;

	color:#000;

	font-weight:bold;

	}

	

.ingredient-row{

	float:left;

	width:100%;

	}

.ingredient-col{

    background: #fff;

    padding: 80px 20px 40px;

    text-align: left;

    position: relative;

	

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;	

	}

.ingredient-col:before{

	position:absolute;

	left:50%;

	top:12px;

	background:url(../images/arw-line.png) no-repeat center top;

	content:"";

	width:26px;

	height:64px;

	margin-left:-13px;

	}

.ing-about{

	float:left;

	width:53%;

	text-align:left;

	}

.ing-head{

	float:left;

	width:100%;

	font-size: 24px;

    line-height: 26px;

    color: #000;

    font-weight: bold;

	}

.ing-para{

    float: left;

    width: 100%;

    font-size: 18px;

    line-height: 26px;

	letter-spacing:0.3px;

    color: #000;

    margin-top: 10px;

	}

	

.ingredent-prod{

	float:right;

	width:40%;

	}

.ingredent-prod img{

	margin:0 auto 0;

	display:block;

	max-width:100%;

	}	



.s5-logos{

	width:100%;

	display:inline-block;

	vertical-align:top;

	}

.s5-logos li{

	display:inline-block;

	vertical-align:top;

	padding:0 10px;

	}

.s5-logos li img{

	margin:0 auto 0;

	display:block;

	max-width:100%;

	}														

.nav-img-mob{ display:none !important;}	



/*=====Section 6=====*/

.section-6{

	float:left;

	width:100%;

	background:#eef7f3;

	padding:60px 0 70px;

	}	

.s6-list{

	float:left;

	width:100%;

	

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;	

	}

.s6-list li{

	float:left;

	width:31.2%;

	background:#fff;

	text-align:center;

	border:1px solid #6d7965;

	border-radius:22px;

	overflow:hidden;

	margin-top:50px;

	}

.s6-list li img{

	margin:0 auto 0;

	display:block;

	max-width:100%;

	}

.s6-lst-inner{

	float:left;

	width:100%;

	text-align:left;

	padding:0 15px 30px;

	}

.steps-txt{

    display: inline-block;

    vertical-align: top;

    background: #769c8b;

    width: 55px;

    height: 55px;

    border-radius: 50%;

    text-align: center;

    font-size: 24px;

    line-height: 46px;

    color: #fff;

    font-weight: bold;

    border: 2px solid #fff;

    margin-top: -28px;

    position: relative;

    z-index: 2;

	}

.s6-lst-head{

	float:left;

	width:100%;

	font-size:22px;

	line-height:24px;

	color:#000;

	font-weight:bold;

	margin-top:10px;

	}

.s6-lst-para{

    float: left;

    width: 100%;

    font-size: 18px;

    line-height: 25px;

	letter-spacing:0.3px;

    color: #000;

    margin-top: 15px;	

	}					

a.btn-top{ margin-top:60px;}	

	

/*=====Section 7=====*/

.section-7{

	float:left;

	width:100%;

	background:#fff;

	padding:60px 0 70px;

	}

.story-block{

	float:left;

	width:100%;

	margin-top:50px;

	

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;		

	}

.story-row{

	float:left;

	width:31.5%;

	text-align:center;

	}	

.img-bx{

	display:inline-block;

	vertical-align:middle;

	width:100%;

	}

.story-vdo{

	display:inline-block;

	vertical-align:middle;

	max-width:100%;

	}

.ifram_style{

    width: 100%;

    border-radius: 10px;

    height: 205px;

	}	

.new-bx-tsti-nm{

	font-size:16px;

	line-height:24px;

	float:left;

	width:100%;

	margin-top:10px;

	text-align:left;

	}

.new-bx-tsti-nm span{font-weight:bold; font-size:20px; line-height:28px;}

.vrfy-seal{display:inline-block !important; vertical-align:middle; margin-top:-5px;}				

	

.head-top{ margin-top:80px;}

	

.star-review-row{

	display:inline-block;

	vertical-align:middle;

	width:100%;

	max-width:570px;

	margin-top:40px;

	box-shadow:0 0 5px 3px rgba(0,0,0,0.1);

	-webkit-box-shadow:0 0 5px 3px rgba(0,0,0,0.1);

	border-radius:15px;

	padding:20px;

	}

.star-review-col-1{

	float:left;

	width:200px;

	padding:0 20px 0 0;

	text-align:center;

	font-weight:bold;

	border-right:1px solid #eeeeee;

	}

.star-review-col-1 span{ font-size:40px; line-height:40px; font-weight:normal;}

.rev-star-chk{

	display:block;

	margin:15px auto 0;

	}

.star-review-col-1 p{

	float:left;

	width:100%;

	font-size:17px;

	line-height:22px;

	color:#131a2a;

	font-weight:normal;

	margin-top:15px;

	}

.star-review-right{

	float:right;

	width:calc(100% - 220px);

	}

ul.rating-vals{

	float:left;

    width: 90px;

	margin-right:10px;

	}

ul.rating-vals li{

	float:left;

	width:100%;

	margin:5px 0;

	height: 15px;

	}

ul.rating-vals li img{

    display: inline-block;

    vertical-align: top;

	max-width:100%;

	}

ul.rev-bars{

	display:inline-block;

	vertical-align:middle;

	width:180px;

	}

ul.rev-bars li{

	float: left;

    width: 100%;

	margin:5px 0;

	}

ul.rev-bars li > div{

	float: left;

    width:calc(100% - 40px);

    background-color: #f0f0f0;

    height:15px;

    overflow: hidden;

	}

ul.rev-bars li > div span {

    float: left;

    background-color: #769c8b;

    height: 100%;

	}

ul.rev-bars li p{

	float:left;

	width:30px;

	text-align:left;

	font-size:15px;

	line-height:14px;

	color:#6c6c6c;

	padding-left:8px;

	}	

	

.testi-sec{

	float:left;

	width:100%;

	padding:0 10px 35px;

	margin-top:30px;

	}

.testi-row{

	float:left;

	width:100%;

	text-align:left;

	padding:0 0 40px;

	margin-top:40px;

	border-bottom:1px solid #a5a5a5;

	}

.testi-row:last-child{ border:none; padding-bottom:0;}

.testi-row-lft{

	display: inline-block;

    vertical-align: top;

	width:250px;

	padding-right:10px;

	}

.testi-lft-abt{

	float:left;

	width:100%;

	padding:8px 0 8px 85px;

	position:relative;

	}

.t-name-ic{

	position:absolute;

	left:0;

	top:4px;

	}

.t-name{

    font-size: 20px;

    color: #000;

    line-height: 24px;

    font-weight: bold;

	}

.t-vryfd{

    font-size: 15px;

    color: #000;

    margin-top: 5px;

	}

.t-vryfd img{

	display:inline-block;

	vertical-align:middle;

	margin:-5px 2px 0 0;

	}

.test-prod{

	float:left;

	width:100%;

	position:relative;

	text-align:left;

	margin-top:12px;

	padding:15px 0 15px 85px;

	border-top:1px solid #d7d7d7;

	}

.test-prod-txt{

	float:left;

	width:100%;

	font-size:18px;

	line-height:20px;

	color:#7d7f7f;

	margin-top:15px;

	}

.test-prod-txt span{ color:#000; font-size:13px;}

.test-prod img{

	position:absolute;

	left:0;

	top:15px;

	border-radius:5px;

	}

.t-star{

	float:left;

	margin-top:15px;

	}

.testi-row-rght{

	display: inline-block;

    vertical-align: middle;

	width:calc(100% - 255px);

	padding:5px 0 10px 30px;

	border-left:1px solid #d7d7d7;

	}

.testi-row-rght span{

    float: left;

    width: 100%;

    font-size: 20px;

    line-height: 22px;

    color: #000;

    font-weight: bold;

    letter-spacing: 0.5px;

	}

.testi-pra{

	float: left;

    width: 100%;

    font-size: 18px;

    line-height: 25px;

	letter-spacing:0.3px;

    color: #000;

    margin-top: 10px;

	}



/*=====Section 8=====*/

.section-8{

	float:left;

	width:100%;

	background:#eef7f3;

	padding:60px 0 70px;

	}

	

.s8-love-block{

	float:left;

	width:100%;

	margin-top:50px;

	

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;	

	}	

.s8-love-box{

	width:49%;

	text-align:left;

	}	

.s8-prod{

	float:left;

	border-radius:22px;

	border:3px solid #fff;

	box-shadow:0 0 8px 2px rgba(0,0,0,0.1);

	-webkit-box-shadow:0 0 8px 2px rgba(0,0,0,0.1);

	}

.s8-box-cont{

	float:left;

	width:calc(100% - 283px);

	text-align:left;

	padding-left:27px;

	}

.s8-prod-name{

	float:left;

	width:100%;

	font-size:28px;

	line-height:28px;

	color:#000;

	font-weight:bold;

	}	

.s8-prod-name span{

	font-size:22px;

	line-height:22px;

	font-weight:normal;

	}

.s8-t-star{

	display:inline-block;

	vertical-align:top;

	margin-top:25px;

	}	

.s8-prod-desc{

	float:left;

	width:100%;

	font-size:18px;

	line-height:25px;

	color:#000;

	margin-top:15px;

	}

a.shop-btn{

    display: inline-block;

    vertical-align: top;

    width: 100%;

    max-width: 194px;

    height: 45px;

    background: #212121;

    font-size: 17px;

    line-height: 45px;

    color: #fff;

    font-weight: bold;

    text-align: center;

    border-radius: 6px;

    text-transform: uppercase;

    margin-top: 20px;

	}					

	

/*=====Section 9=====*/

.section-9{

	float:left;

	width:100%;

	background:#fff;

	padding:60px 0 70px;

	}

	

.faq-container{

	display: inline-block;

	vertical-align:middle;

	max-width:1000px;

	width:100%;

	text-align: left;

	padding:15px;

	margin: 20px 0 0;

	}

.up-slide-dwn{

    float: left;

    width: 100%;

    margin-top: 20px;

    border-radius: 10px;

    background: #fff;

    box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);

	-webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);

	}

.accordion{

	float: left;

    width: 100%;

    text-align: left;

    background: url(../images/close-btn.png) no-repeat 97% center #fff;

    padding: 22px 45px 26px 30px;

    font-size: 24px;

    line-height: 30px;

    color: #000;

    font-weight:bold;

    cursor: pointer;

	border-radius:10px;

	}

.acdn-heading.accordion-open{

	background: url(../images/open-btn.png) no-repeat 97% center #fff;

	border-radius:10px 10px 0 0;

	}

.acdn-content{

	float: left;

    width: 100%;

	background:#fff;

    padding: 0 20px 30px 30px;

	border-radius:0 0 10px 10px;

	}

.acdn-para{

    float: left;

    width: 100%;

    font-size: 18px;

    line-height: 25px;

    color: #000;

	}

.acdn-top{ margin-top:20px;}		

		

/*=====Footer=====*/

.footer{

	float:left;

	width:100%;

	padding:50px 0;

	border-top:1px solid #c0c0c0;

	}

.ftr-logo{

	margin:0 auto 0;

	display:block;

	}	

.ftr-txt1{

	float:left;

	width:100%;

	font-size:17px;

	line-height:20px;

	color:#2d2d2d;

	margin-top:25px;

	}	

.ftr-txt1 a{

	color:#2d2d2d;

	padding:0 10px;

	}

ul.ftr-list{

	float:left;

	width:100%;

	margin-top:10px;

	}

ul.ftr-list li{

	display:inline-block;

	vertical-align:middle;

	padding:0 10px;

	}

ul.ftr-list li:nth-child(2){

    font-weight: bold;

    padding: 0;

    margin-top: 4px;	

	}	

ul.ftr-list li p{

	display:inline-block;

	vertical-align:middle;

	font-size:17px;

	line-height:20px;

	color:#000;

	font-weight:bold;		

	}

ul.ftr-list li img{

    display: inline-block;

    vertical-align: middle;

    margin: 5px 5px 0 0;

	}		



.ftr-btm{

	background:#fff;

	float:left;

	width:100%;

	padding:25px 0;

	border-top:1px solid #e7e7e7;

	}

.ftr-txt2{

	float:left;

	width:100%;

	font-size:18px;

	line-height:20px;

	color:#2d2d2d;

	font-weight:bold;

	}	



/*======MEDIA START========*/

.show-mob, .show-tab{display:none;}

.fl{ float:left;}

.fr{ float:right;}



@media only screen and (max-width:1200px){

.container{width:1004px;}



.s1-right-side{ width:58%;}

.switch-opt .buyopt{ font-size:20px; line-height:24px;}

.rgt-points li{ padding:0 8px;}



.s4-list{ width:260px;}

.s4-list li{ margin-bottom: 60px; min-height: 178px;}

.s4-list li span{ font-size:22px; line-height:24px;}



.s5-logos li{ padding:0;}

.s5-logos li img{ max-width:80%;}



.s8-prod{ width:200px;}

.s8-box-cont{ width: calc(100% - 210px); padding-left: 20px;}

}





@media only screen and (max-width:1021px){

.container{width:750px;}

.show-tab{display:block;}

.show-desk{ display:none;}



ul.navbar{ display:none;}



.section-1{ padding-bottom:55px;}

.s1-left-side{ width:39%;}

.prd-seal{ width:80px; right:44px;}

.s1-lft-logos li{ padding:0 15px;}

.s1-prod-txt1{ font-size:18px; line-height:24px;}

.s1-prod-heading{ font-size:50px; line-height:50px;}

.pkg-header{ padding:9px 10px 10px;}

.pkg-bx{ width:32%;}

.pkg-btls{ max-width:90%;}

.pkg-sve{font-size: 17px;}

.ret-prc{font-size: 45px;line-height: 45px;}

a.pkg-btn{ font-size:28px;}

.rgt-points li{ padding:0 5px;}

.rgt-points li p{ font-size:12px; line-height:12px;}

.rgt-points li img{ margin-right:2px;}



.section-2{ padding:45px 0 60px;}

.common-heading{ font-size:34px; line-height:42px;}

.s2-list{ margin-top:35px;}

.s2-list li p{ font-size:19px; line-height:25px;}



.section-3{ padding:50px 0 60px;}

.s3-rgt{ width:58%; padding:0;}



.section-4{ padding:45px 0 60px;}

.sec4-block{ margin-top:50px;}

.s4-prod-box{ position:static; margin:0 auto 0; display:block; height: auto; width: 350px; background:none; border:none;}

.s4-prod-box img{ margin-top:0;}

.s4-list{ width:360px;}

.s4-list li{ min-height: 183px;  margin-bottom:50px;}

.s4-list.fl li, .s4-list.fl li:nth-child(2){ padding-right:90px;}

.s4-lft-icns{ right:0; top:0; width:75px;}

.s4-list.fr li, .s4-list.fr li:nth-child(2){ padding-left:90px;}

.s4-rgt-icns{ left:0; top:0; width:75px;}



.section-5{ padding:45px 0 60px;}

.s5-logos{ float:left;}

.s5-logos li{ float:left; width:12.5%;}

.s5-logos li img{ max-width:90%;}



.section-6{ padding:45px 0 60px;}

.s6-list li{ width: 32%; margin-top: 40px;}

.steps-txt{ width: 50px; height: 50px; font-size: 22px; line-height: 43px;}

.s6-lst-head{ font-size:21px; line-height:23px;}

.s6-lst-para{ font-size: 16px; line-height: 23px;}

a.btn-top{ margin-top:50px;}



.section-7{ padding:45px 0 60px;}

.new-bx-tsti-nm{ font-size: 14px; line-height: 22px;}

.ifram_style{ height:133px;}

.testi-sec{ padding:0;}



.section-8{ padding:45px 0 60px;}

.s8-prod{ width:150px;}

.s8-box-cont{ width: calc(100% - 155px); padding-left: 12px;}



.section-9{ padding:45px 0 60px;}

.accordion{ font-size:22px; line-height:28px;}



}



@media only screen and (max-width:767px){

.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}

.show-mob{display:block;}

.hide-mob{display:none;}



.top-sec{ padding: 9px 0 4px;}

.top-sec p{ display:none;}

ul.top-list{ float:left; width:100%;}

ul.top-list li{ float: none; display: inline-block; vertical-align: top; font-size: 15px;

line-height: 15px;}

ul.top-list li:first-child{ margin-right: 9px;padding-right: 11px;border-right: 1px solid #fff;}


/* 
.top-fix-bar{ margin-bottom:55px;} */

.header{ height:55px; margin-top: -55px; top: 55px;}

.logo{ width:170px; margin-top: 17px;}



.mob-mnu-ic{ top:16px; right:15px;}

.mobilemenu{ top:90px;}

.mobimenu-top{ top:55px;}



.section-1{ padding:15px 0 30px;}

.s1-left-side{ width:100%; margin-top:20px;}

.prd-slide-div{ padding:10px 10px 20px;}

.prd-seal{ top: 15px; width: 90px; right: 57px;}

.s1-prod-txt1{ font-size: 16px; line-height: 22px;}

.s1-prod-heading{ font-size: 38px; line-height: 38px; margin-top:0;}

.s1-prod-rating{ margin-top:17px;}

.s1-right-side{ width:100%;}

.s1-prod-desc{ font-size: 16px; line-height: 24px; border-top: none; padding-top: 0; margin-top: 15px;}

.s1-prod-list-head{ margin-top:14px;}

.s1-prod-list{ margin-top:5px;}

.s1-prod-list li{ font-size: 17px; line-height: 25px; margin-top: 3px;}

.switch-opt{ margin-top:25px;}

.switch-opt .buyopt{ font-size: 18px; line-height: 20px; padding: 6px 10px 8px 40px;}

.switch-opt .buyopt input[type=radio] + span{ left:10px;}

.pkg-sec{ margin-top:0;}

.pkg-bx{ width:100%; margin-top:20px;}

.pkg-bx1{ float:left; transform:none; position:relative; left:0;}

.pkg-mid{ padding:15px 0; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

.pkg-btls{ display: inline-block; vertical-align: middle; width: 50%;max-width: 149px;}

.pkg-mid-mob{ display: inline-block; vertical-align: middle; width: 42%; margin-top: -9px;}	

.pkg-free, .pkg-bx.active .pkg-free{ padding:0; border:none;}

.ret-prc{ font-size:45px; line-height:45px; margin-top:0;}

.ret-prc span{ font-size:21px; line-height:21px;}

.pkg-sve{ font-size:17px; line-height:17px;}

.pkg-free{ font-size:13px; line-height:13px; margin-top:10px;}

a.pkg-btn{ height: 55px; font-size: 20px; line-height: 53px; margin-top: 25px;}

.rgt-points{ margin-top:8px;}

.rgt-points li {padding: 0 7px;}

.rgt-points li p{ font-size: 14px; line-height: 14px;}

.cards{ margin: 17px auto 0; width: 270px;}

.s1-lft-logos{ margin-top:15px;}

.s1-lft-logos li{ padding: 0 25px; margin-top:18px;}



.section-2{ padding:25px 0 35px;}

.common-heading{ font-size: 28px; line-height: 34px;}

.common-para{ font-size: 16px; line-height: 23px; margin-top: 15px;}

.s2-list{ margin-top:0;display: flex;

    flex-wrap: wrap;

    justify-content: space-between;}

.s2-list li{ width:50%; margin-top:25px; padding:0 10px;}

.s2-list li:after{ display:none;}

.s2-list li img{ width:60px;}

.s2-list li p{ font-size: 16px; line-height: 20px;}



.section-3{ padding:30px 0;}

.s3-block{ padding:10px; border-radius:15px;}

.s3-lft{ width:100%;}

.s3-rgt{ width:100%; padding:15px 10px;text-align: center;}

.s3-rgt .common-heading{ font-size: 24px; line-height: 30px; text-align:left;}

.s3-rgt .common-para{ text-align:left;}

a.comon-btn{ height: 55px; font-size: 22px; line-height: 53px; margin-top: 25px;}



.section-4{ padding:25px 0 35px;}

.sec4-block{ margin-top: 30px;}

.s4-list{ width:100%; margin-top:25px;}

.s4-list li{ margin-bottom:30px; min-height:auto}

.s4-list.fl li, .s4-list.fl li:nth-child(2), .s4-list.fl li, .s4-list.fr li, .s4-list.fr li:nth-child(2){ padding:0 0 0 65px; text-align:left;}

.s4-lft-icns, .s4-rgt-icns{ left: 0; top: 0; width: 50px;}

.s4-list li span{ font-size: 20px; line-height: 22px;}

.s4-list li p{ font-size: 16px; line-height: 23px; margin-top: 8px;}







.section-5{ padding:25px 0 35px;}

.ingredient-box{ margin-top:15px; padding:0 15px;}

.ingredient-col{ margin:15px 5px; text-align:center; padding:15px 15px 20px; box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%); border-radius: 8px;}

.ingredient-col:before{ display:none;}

.ing-about{ width:100%; text-align:center;}

.ingredent-prod{ width:100%; display:none;}

.nav-img-mob{ display:block !important; height:96px;  margin: 0 auto 10px;}

.ing-head{ font-size: 22px; line-height: 24px; margin-top: 10px;}

.ing-para{ font-size:16px; line-height:23px;}

.s5-logos li{ width:24%; margin-top:20px; padding:0 2px;}



.s5-ing-mob-row{ float:left; width:100%;}

.s5-ing-mob-col{float:left; width:100%; text-align:center;}

.s5-ing-mob-col img{ margin:0 auto; max-width:80%;}



.section-6{ padding:25px 0 35px;}

.s6-list{ padding:0 10px;}

.s6-list li{ width:100%; margin-top:30px;}



.section-7{ padding:25px 0 35px;}

.story-block{ margin-top:15px;}

.story-row{ width:100%; margin:15px 0;}

.new-bx-tsti-nm{ margin-top:5px;}

.ifram_style{ height:188px;}

.head-top{ margin-top:50px;}

.star-review-row{ margin-top:25px; border-radius:10px; max-width:340px;}

.star-review-col-1{ width:100%; border-bottom:1px solid #eeeeee; border-right:none; padding-bottom:20px;}

.rev-star-chk{ margin:10px auto 0;}

.star-review-col-1 span{ line-height:45px;}

.star-review-col-1 p{ margin-top:8px;}

.star-review-right{ width:100%; margin-top:15px;}



.testi-sec{ margin:0;}

.testi-row{ padding-bottom:15px; margin-top:28px;}

.testi-row-lft{ width:100%; border-right:none; padding-right:0; border-bottom:1px solid #e3e3e3; padding-bottom:10px;}

.testi-lft-abt{ width: 60%; padding: 13px 0 13px 58px; margin-top: 4px;}

.t-name-ic{ width: 50px; height: 50px; top: 9px;}

.t-name{ float: left; font-size:19px; line-height: 18px;}

.t-vryfd{ float:left; font-size:13px;}

.test-prod{ width: 40%; border-top: none; margin-top: 0; padding: 11px 0 0px 46px;}

.test-prod img{ width: 36px; top: 5px; left: 0;}

.test-prod-txt{ font-size:12px; line-height:17px; margin-top:0;}

.t-star {margin:10px 0 0; display:block; width:100px;}

.testi-row-rght{ width:100%; padding:0; border:none; margin-top:3px;}

.testi-row-rght span{ font-size:18px; margin-top:10px;}

.testi-row-rght p{ font-size:16px;line-height: 23px;}



.section-8{ padding:25px 0 35px;}

.s8-love-block{ margin-top:30px;}

.s8-love-box{ width:100%; text-align:center; margin-bottom:60px;}

.s8-love-box:last-child{ margin-bottom:0;}

.s8-prod{ width:277px; float:none; margin:0 auto 0; display:block;}

.s8-box-cont{ width: 100%; padding: 20px 30px 0; text-align:center;}

.s8-t-star{ margin-top:15px;}

.s8-prod-desc{ font-size:16px; line-height:23px;}



.section-9{ padding:25px 0 35px;}

.faq-container{ margin:15px 0 0; padding:10px 5px;}

.up-slide-dwn{ margin:15px 0 0;}

.accordion{ padding: 15px 35px 15px 15px; font-size: 18px; line-height: 24px;}

.acdn-content{padding: 0 15px 20px 15px;}

.acdn-para{ font-size:16px; line-height:23px;}

.acdn-top{ margin-top:15px;}



.footer{padding:25px 0;}

.ftr-logo{ width:170px;}

.ftr-txt1{ font-size: 15px; line-height: 22px; margin-top: 15px;}

.ftr-txt1 a{ padding:0 5px;}

ul.ftr-list{ margin-top:4px;}

ul.ftr-list li{ padding:0 3px;}

ul.ftr-list li img{ margin:2px 2px 0 0;}

ul.ftr-list li p{ font-size:13px;}

ul.ftr-list li:nth-child(2){ margin-top:1px;}

.ftr-btm{ padding:12px 0;}

.ftr-txt2{ font-size:15px; line-height:18px;}



}



@media (min-width:768px) and (max-width:1023px){

    .ingredient-box .show-tab.show-mob {

    display: none;

}

.test-prod img {

    left: 14px;

}

}