@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: "Hind", sans-serif;
	font-weight:400;
	}
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; height:auto; max-width:100%;}
li {list-style:none;}
*{box-sizing:border-box;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}



/*-----------------------
MAIN CSS START
------------------------*/
.container{
	width:1170px;
	margin:0 auto;
	padding:0;
	position:relative;
}
.overflow{
	overflow:hidden;
}

.fl{float:left;}
.fr{float:right;}

.hide-desk{display:none;}


/*-----------------------
TOP STRIP
------------------------*/
.top-fix-bar{
	float: left;
	width: 100%;
	margin-bottom:70px;
	}
.top-strip{
	float:left;
	width:100%;
	background:#6f0101;
	padding:5px 0 0px;
}
.top-strip p{
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	letter-spacing: 1px;
	text-transform: capitalize;
}

/*-----------------------
LOGO SECTION
------------------------*/
.logo-sec{
	    float: left;
    width: 100%;
    padding: 10px 0;
    position: relative;
    z-index: 1;
    height: 70px;
    margin-top: -70px;
    top: 70px;
    background: #fff;
}
.logo{
	    float: left;
    margin-top: 0;
    max-width: 140px;
}
.top-btn{
	width: 173px;
	height: 44px;
	background: #6f0101;
	font-size: 20px;
	line-height: 44px;
	font-weight: bold;
	color: #fff;
	float: right;
}

.fixed-nav .logo-sec{
	position: fixed;
	z-index: 11;
	-webkit-transition: margin .3s ease-out;
	transition: margin .3s ease-out;
	margin-top:0;
	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);	
	}

ul.menu-list{
	display: inline-block;
	margin: 17px 0 0 0px;
	}
ul.menu-list li{
	float: left;
	border-right: 1px solid #cecece;
	}
ul.menu-list li:last-child{ border:none;}	
ul.menu-list li a{
	float:left;
    color: #333;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.3px;
	padding:0 20px;
	}	
ul.menu-list li a:hover{ color:#2e3346;}
ul.menu-list li a.active{ color:#2e3346;}

/************BANNER************/
.banner{
	float:left;
	width:100%;
	height:620px;
	background:url(../images/section-1.jpg) no-repeat center top;
	padding:20px 0 0 0;
	position:relative;
	overflow:hidden;
}
.brn-model{
	position: absolute;
    left: -36px;
    top: 0px;
    z-index: 1;
	}
.bnr-rgt {
	width: 56%;
    float: left;
    margin:89px 0 0 0px;
    text-align: left;
    position: relative;
    z-index: 1;
    }
.cmnt-hdng1{
	display: inline-block;
    font-size: 29px;
    line-height: 39px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    width: 100%;
	}
.brn-p1{
	    font-size: 45px;
    line-height: 54px;
    color: #adbc51;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 5px;
    width: 100%;
    float: left;
	}
.brn-p1 span{
	display:block;
	font-weight:600;
	}
.brn-p2{
	float:left;
	width:100%;
	font-size:36px;
	font-weight:bold;
	color:#fff;
	}		
.p1-bnr{
	font-weight: bold;
    font-size: 44px;
    line-height: 58px;
    margin-top: 10px;
    color: #fff;
    text-transform: capitalize;
}
 .p1-bnr span{ color:#f25f06;}
.p2-bnr{
	font-size: 20px;
    line-height: 32px;
    color: #fff;
    margin: 15px 0 0 0;
    float: left;
    width: 100%;
}
.shop-btn {
	display: inline-block;
    width: 210px;
    height:50px;
    font-size: 25px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
    transition: all ease 0.2s;
    background: #bad059;
    border-radius:5px;
    margin-top:30px;
    text-transform: capitalize;
    font-family: inherit;
}
.btn-arw{
	display:inline-block;
	vertical-align:middle;
	margin: -3px 0 0 13px;
	}
.brn-prd{
	position: absolute;
    top: 363px;
    left: 24%;
	}
	
.bnr-txt1{
	position: absolute;
    left: -100px;
    top: 0;
    font-size: 711px;
    line-height: 610px;
    color: #adbc51;
    font-weight: 900;
    text-transform: uppercase;
    opacity: 0.1;
	}
.bnr-txt2{
	position: absolute;
    right: -110px;
    top: 320px;
    font-size: 307px;
    line-height: 232px;
    color: #adbc51;
    font-weight: 900;
    opacity: 0.05;
	}	

/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.section1{
	float:left;
	width:100%;
	height:990px;
	padding:50px 0;
	overflow:hidden;
	background:url(../images/sec2.jpg) no-repeat center top;
	position:relative;
	}
.s1lft{
	    float: left;
    width: 70%;
    text-align: left;
    margin: 12px 0 0 0;
}
.s1lft .s5txt1 {
    color: #fff;
}
.comn-hdng{
	font-size: 48px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 0px;
	}
.comn-para{
	font-size: 18px;
    line-height:28px;
	color:#000;
    margin:20px 0 0 0;
	display: inline-block;
    width: 100%;
	}
.s1uls{
	    float: left;
    width: 100%;
    margin: 50px 0 0;
	}
.s1uls li{
	float: left;
    width: 100%;
    margin: 0 0 85px;
    padding: 0 0 0;
    position: relative;
	}
	
.s1-pic1{
	position: absolute;
    top: 0;
    left: 0;
    border: 3px solid #fff;
    border-radius: 45px 0 0 45px;
	}
.s1-icons{
	position: absolute;
    top: 60px;
    left: 312px;
    z-index: 6;
	}
.s1ul-rgt{
	    float: right;
    width: 60%;
    text-align: left;
    padding: 45px 0 0 116px;
	}
.s1txt{
	float: left;
    width: 100%;
    font-size: 29px;
    line-height: 36px;
    font-weight: bold;
	}
.s1txt2{
	float:left;
	width:100%;
	font-weight:400;
	font-size:18px;
	line-height:28px;
	padding:10px 0 0;
	}
.s1-pic2{
	position:absolute;
	top:0;
	right:0;
	border: 3px solid #fff;
    border-radius: 0px 45px 45px 0px;
	}
.s1-icons1{
	position: absolute;
    top: 60px;
    right: 313px;
	}
.rgt2{
	float: left;
    padding: 45px 114px 0 0;
	}											
.s1prd{
	position:absolute;
	right:-50px;
	top:0;
}
.sec1-in{
	width: 48%;
    float: right;
    padding: 40px 0 0;
}
.sec1-in .cmnt-hdng1 {
    background: #333;
}
.s1-prodts{
	position: absolute;
    left: 8%;
    top: 115px;
	}

.s1-logo{
	    display: block;
    margin: 0 auto 10px;
    max-width: 200px;
	}
.s1hd{
	font-weight: bold;
    font-size: 23px;
    line-height: 54px;
    text-align: left;
	color:#ffffff;
    text-transform:uppercase;
	background:#2e312c;
	display:inline-block;
	vertical-align:middle;
	padding:0px 20px;
	float:left;
	position:relative;
	border-radius:8px;
}
.s1hd::before {
    display: inline-block;
   background:#2e312c url(../images/line.png) left top no-repeat;
    width: 100%;
    margin: 0 6px 6px 6px;
	position:absolute;
	top:0;
	right:0;

}
.s1-hding{
	font-size: 38px;
    line-height: 48px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 900;
    margin-top: 70px;
	}
.s1-hding b{ color:#d20c0c;}
.s1-hding2{
	position: absolute;
    top: 387px;
    left: 68px;
    font-size: 60px;
    line-height: 65px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 900;
	}
.s1-hding2 b{ color:#d20c0c;}
.s1-hding2 img{ margin:0 10px -4px 0;}	
/*-----------------------
SECTION-STRIP
------------------------*/
.strip{
    float: left;
    width: 100%;
    padding: 40px 0 0px;
	}
.strp-inr{
	display:inline-block;
	width:100%;
	position:relative;
	}
ul.strip-list {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    margin-top: 0px;
	column-gap:14px;
	border: 1px solid #e9e9e9;
    border-radius: 10px;
}
ul.strip-list li {
    float: left;
    width: 24%;
    text-align: left;
    padding: 28px 25px 28px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: #1c1919;
    text-transform: none;
    position: relative;
}
ul.strip-list li span {
	display: block;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 6px;
    color: #414141;
    text-transform: capitalize;
    font-weight: 700;
}
ul.strip-list li img {
	display: block;
    margin: 0 0 12px;
}
ul.strip-list li:after{
	position:absolute;
	content:"";
	border-right:1px solid #e9e9e9;
	top:0;
	right:0;
	bottom:0;
	}
ul.strip-list li:last-child:after{ display:none;}
/*-----------------------
SECTION-2
------------------------*/
.sec2{
	float:left;
	width:100%;
	padding:0px 0;
	background: url(../images/sec2.jpg) no-repeat center top;
    height: 425px;
}
.s2-inr{
	float:left;
	width:100%;
	position:relative;
	/*display:flex;
	-webkit-display:flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;*/
}
.s2-inr-lft{}
.s2-img{
	max-width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.s2-btls{
	position: absolute;
    top: 145px;
    right: 25%;
    z-index: 1;
	}
.s2-nm{
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#222222;
	margin-top:20px;
}
.s2-design{
	font-size:17px;
	line-height:26px;
}
.s2-inr-rgt{
	float: left;
    width: 52%;
    text-align: center;
    margin-top: 80px;
}
.comn-hdg{
	font-size: 48px;
    line-height: 62px;
    font-weight: 400;
    color: #2e3346;
    display: inline-block;
    width: 100%;
}
.comn-hdg span{ font-weight:700;}
.comn-txt{
	font-size: 20px;
    line-height: 30px;
    color: #000;
    margin-top: 16px;
    display: inline-block;
    width: 100%;
}
ul.s2-lst{
	float:left;
	width:100%;
	margin-top:10px;
}
ul.s2-lst li{
	float:left;
	width:100%;
	background:url(../images/s2-tk.png) left 5px no-repeat;
	font-size:17px;
	line-height:24px;
	font-weight:500;
	padding-left:30px;
	margin-top:15px;
}
.s2-btm{
	display:inline-block;
	vertical-align:middle;
	margin-top:50px;
}
.s2-btm h3{
	font-size:32px;
	line-height:36px;
	display:inline-block;
	vertical-align:middle;

	font-weight:bold;
	color:#222222;
}
.s2-btm p{
	font-size:17px;
	line-height:24px;
	display:inline-block;
	vertical-align:middle;
	max-width:270px;
	text-align:left;
	margin-left:15px;
	padding-left:20px;
	border-left:1px solid #b2b2b2;
}

/*-------------------------
CSS FOR S5-BTM
--------------------------*/
.section-3{
	float:left;
	width:100%;
	background:#fff;
	position:relative;
	height:490px;
	}
.s3lft{
	    float: left;
    width: 35%;
    text-align: left;
    margin: 54px 0 0;
	}	
.s3txt1{}
.s3txt2{}
.s3-pic{
	position:absolute;
	top:0;
	right:0;
	}
.s3-img1{
	position: absolute;
    top: 144px;
    right: -50px;
    z-index: 5;
    max-width: 320px;
	}
.s3-img2{
	    position: absolute;
    top: 133px;
    right: 40px;
    max-width: 340px;
    z-index: 5;
	}

/*-----------------------
SECTION-4
------------------------*/
.sec4{
	float: left;
    width: 100%;
    padding: 50px 0;
    background: #fff;
}
.sec4 .comn-txt{ }
.s4-inr{
	display:inline-block;
	width:100%;
	/*display:flex;
	-webkit-display:flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;*/
	margin-top:0px;
}
.s4-inr_mid{
	display:inline-block;
	width:100%;
	position:relative;
	}
.s4-lft{
	width: 50%;
    float: right;
    text-align: left;
    margin-top: 35px;
    padding-bottom: 25px;
}
.s4-prd{
    position: absolute;
    max-width: 100%;
    top: 35px;
    left: 0;
}
ul.ing-lst{
	float:left;
	width:100%;
	margin-top:35px;
	display:flex;
	-webkit-display:flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	column-gap:0px;
	row-gap: 15px;
}
ul.ing-lst li{
	float: left;
    width: 100%;
    position: relative;
    padding: 10px 10px 10px 100px;
    text-align: left;
	border:1px solid #ebebeb; 
	border-radius:20px 20px;
	
}
ul.ing-lst li:nth-child(){}
.ing-img{
    position: absolute;
    left: 20px;
    top: 12px;
    max-width: 100%;
}
ul.ing-lst li h3{
	font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #010101;
}
ul.ing-lst li p{
    font-size: 18px;
    line-height: 30px;
    margin-top: 5px;
    font-weight: 300;
    color: #414141;

}


/*-------------------------
CSS FOR SECTION 5
--------------------------*/
.section5 {
	float: left;
    width: 100%;
    padding:20px 0 20px;
    text-align: center;
	height:670px;
	background:#fff;
}


.s5-prodt{
	position: absolute;
    left: 12%;
    top: -10px;
    max-width: 160px;
    transform: rotate(45deg);
	}
.s5-prodt2{
	position: absolute;
    right: 9%;
    top: -27px;
    max-width: 180px;
    transform: rotate(-38deg);
	}	
.s5-model{
	position: absolute;
    top: 0;
    left: 0;
	}	

.bnr-btl1{
	    position: absolute;
    left: -60px;
    top: 220px;
    max-width: 490px;
    z-index: 1;
	}		
.s5rgt{
	float: right;
    width: 66%;
    margin: 43px 0 0;
    text-align: center;
	}
.s5txt1{
	width: 100%;
    display: inline-block;
    font-size: 48px;
    font-weight: bold;
    line-height: 55px;
	}
.s5txt2{
	    display: inline-block;
    width: 90%;
    font-size: 20px;
    line-height: 32px;
    padding: 20px 0 0;
	}
.s5uls{
	    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
    margin-top: 60px;
    justify-content: space-between;
    float: left;
    width: 100%;
	}			
.s5uls li{
	    float: left;
    width: 32%;
    margin: 0 0 0 0;
    background: #ccc;
    padding: 26px;
	}
.s5uls li:nth-child(2){ background: none;}	
.s5img{
	display:block;
	margin:0 auto 0;
	}
.s5uls_txt{
	    display: inline-block;
    font-weight: bold;
    font-size: 22px;
    line-height: 49px;
	}	
.s5uls_txt span{
	display: block;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
	}

/*-----------------------
SECTION-6
------------------------*/
.sec6{
	float: left;
    width: 100%;
    background: #fff;
    padding: 40px 0;
	text-align: left;
}
.s6-inr{
	float:left;
	width:100%;
	display:flex;
	-webkit-display:flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.product-sec-row{
	    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 45px;
    row-gap: 30px;
    column-gap: 15px;
	}
.product-col{
    float: left;
    width: 32%;
    /* margin: 0 10px !important; */
    text-align: center;
    background: #fff;
    /*border: 1px solid #b7b7b7;*/
    border-radius: 0px;
	padding-bottom: 15px;
	position:relative;
	}
.product-col input[type=radio] {
    opacity: 0;
    position: absolute;
}
.s2-prod-dv{
    float: left;
    width: 100%;
    padding: 35px 20px 30px;
    position: relative;
    background: #f4f5f9;
	border:1px solid #ececec;
	border-radius:10px 10px;
	}
.product-col:hover .s2-prod-dv{ background:#f6ede7;}

.s2-prod{
	display:block;
	margin:0 auto;
	width:280px;
	max-width:100%;
	z-index:9;
	position:relative;
	}
.s2-prod:nth-child(2), .s2-prod:nth-child(3){
	position: absolute;
    z-index: 5;
    top: 48px;
    left: 54px;
    max-width: 190px;
}
.s2-prod:nth-child(3){ left:auto; right:54px}
.s2-prod:nth-child(4), .s2-prod:nth-child(5){
	position: absolute;
    z-index: 3;
    top: 54px;
    left: 27px;
    max-width: 180px;
}
.s2-prod:nth-child(5){ left:auto; right:27px}
.s2-prod:nth-child(6){
	    position: absolute;
    z-index: 1;
    top: 60px;
    left: 0;
    max-width: 170px;
}
.dose-seal{
	position:absolute;
	right:40px;
	top:50px;
	background:#1870c2;
	font-size:12px;
	line-height:16px;
	letter-spacing:0.5px;
	color:#fff;
	font-weight:600;
	width:75px;
	height:75px;
	padding:22px 0;
	text-align:center;
	background:#1870c2;
	border-radius:50%;
	}
.dose-seal2{background:#0cc34d;}
.dose-seal3{background:#e70000;}
.learn-btn{
	position:absolute;
	left:0;
	bottom:0;
	float:left;
    width: 100%;
    font-size: 18px;
	line-height:22px;
	padding:14px;
    color: #fff;
    background: #2e9e2a;
	border: 2px solid #2d9c29;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
	opacity:0;
	display:none;
	}
.s2-prod-dv:hover .learn-btn{
	opacity:1;
	display:block;
	}
.s2-prod-content{
	float:left;
	width:100%;
	}
.s2-prod-abt{
	float: left;
    width: 100%;
    height: auto;
    padding: 15px 10px 5px;
	}
.product-col:hover .s2-prod-abt{
	opacity:1;
	-webkit-transition: all 0.10s ease;
	transition: all 0.10s ease;

	}
.prod-name{
	font-size: 24px;
    line-height: 34px;
    letter-spacing: 0;
    color: #000;
    float: left;
    font-weight: 700;
    padding: 0px 0px 0px 0px;
	}
.prod-name span{

	}
.prd-mg{
	float:right;
	font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #2e3346;
    margin-top: 5px;
	}
.prd-mg span{
	padding:0 10px;
	}
.prd-mg span img{
	display:inline-block;
	vertical-align:middle;
	margin:-3px 7px 0 0;
	}
.prod-txt {
    padding: 0px 0 10px;
    font-size: 15px;
	float:left;
	width:100%;
	margin-top:0;
}
.pkg-selct-col{
	float: left;
    width: 100%;
    height: auto;
    padding-top: 0;

	}
.product-col .pkg-selct-col{
	opacity:1;
	-webkit-transition: all 0.10s ease;
	transition: all 0.10s ease;
	display:block;
	}
.product-col  .prod-txt{ text-align:left;  padding: 10px 20px;}
.buyOpt-row {
    float: left;
    width: 100%;
    padding: 3px 15px;
    cursor: pointer;
    position: relative;
    /*background: #e8e8e8;*/
    border-bottom: 1px solid #fff;
	}
.buyOpt-row:hover{ /*background:#000; color:#fff;*/}
.packageOpt {
	float: left;
	text-align: left;
	position: relative;
	padding:0 0 0 30px;
	}
.packageOpt input[type=radio] {
	position: absolute;
	opacity: 0;
	}
.packageOpt input[type=radio] + span {
	position: absolute;
	left: 0;
	top:4px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #333;
	}
.packageOpt input[type=radio]:checked + span:after {
	content: '';
	position: absolute;
	left: 3px;
	top: 3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #333;
	}
.packageOpt p {
	color: #0e0e0e;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    font-weight: 400;
	}
.packageOpt p:hover{ /*color:#fff;*/}
.packageOpt p span {
	font-weight:600;
	color:#2e9d2a;
	}
.pkp-prc-p1 {
    position: absolute;
    top: 370px;
    right: 0;
    color: #ec8043;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    padding: 0px 0px;
    font-weight: 700;
    margin-top: 15px;
	}
p.sel-pck {
    float: left;
    padding: 7px 17px;
    font-size: 18px;
    color: #fff;
}
.pkg-btn{
	display: inline-block;
    width: 100%;
    margin-right: 0;
    max-width: 100%;
    font-size: 20px;
    color: #0e0e0e;
    height: 46px;
    line-height: 46px;
    background: #fafafa;
	border:1px solid #ebebeb;
    letter-spacing: 0.5px;
    padding: 0px 0;
    border-radius: 10px;
    font-weight: 600;
    margin-top: 12px;
    text-align: center;
    letter-spacing: 0px;
    text-transform: capitalize;
	}
.product-col:hover .pkg-btn{
	background:#6f0101;
	color:#fff;
	font-weight:700;
	}
.pkg-btn img{
	display: inline-block !important;
    vertical-align: middle;
    margin: -8px 0 0 7px;
	}
.packageOpt .pkg-btn{ width:100%;}
p.pkp-prc {
        /* position: absolute; */
    /* top: 370px; */
    /* right: 0; */
   color: #ec8043;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    padding: 0px 0px;
    font-weight: 700;
    margin-top: 39px;
    float: left;
    width: 100%;
    min-height: 30px;
}
/*-----------------------
SECTION-6
------------------------*/
.sec7{
	float: left;
	width: 100%;
	background: #ffffff;
	padding: 60px 0;
	}
.faq-container{
	display:inline-block;
	vertical-align:top;
	max-width:830px;
	width:100%;
	margin:20px 0 0px;
	padding:0 15px 15px;
	}
.up-slide-dwn{
	float:left;
	width:100%;
	-webkit-box-shadow:0 4px 9px 1px rgba(0,0,0,0.1);
	box-shadow:0 4px 9px 1px rgba(0,0,0,0.1);
	margin-top:25px;
	border-radius:10px;
	background:#fff;
	overflow:hidden;
	}
.faq-innr{
	float:left;
	width:100%;
	}
.accordion{
	float:left;
	width:100%;
	text-align:left;
	background:url(../images/close.png) no-repeat right 15px center;
	padding:25px 45px 25px 25px;
	font-size:20px;
	line-height:26px;
	font-weight:600;
	color:#222;
	cursor:pointer;
	position:relative;
	}
.accordion.last{border-bottom:none;}
.acdn-heading.accordion-open{
	background:url(../images/open.png) no-repeat right 15px center #fff;
	border:none;
	}
.acdn-content{
	float:left;
	width:100%;
	text-align:left;
	background:#fff;
	padding:0 30px 15px 25px;
	}
.acdn-para{
	float:left;
	width:100%;
	font-size:18px;
	line-height:28px;
	color:#000000;
	margin-bottom:15px;
	}

/*-----------------------
		Footer
------------------------*/
.footer{
	float: left;
    width: 100%;
	    text-align: center;
    padding: 40px 0;
	border-top:1px solid #f1f1f1;
	}	
.ftr-linkBx{
	display:inline-block;
	vertical-align:middle;
	max-width:960px;
	width:100%;
	}
.ftr-logo{
	display:block;
	margin:0 auto;
	}
.ftr-linbx-rgt{
	float:left;
	width:100%;
	margin-top:20px;
	}
.ftr-txt1{
	float: left;
    width: 100%;
	font-size:16px;
	line-height:24px;
	color:#212121;
	}
.ftr-txt1 a{
	padding:0 5px;
	}
.ftr-txt2{
	float: left;
    width: 100%;
	font-size:16px;
	line-height:24px;
	color:#212121;
	font-weight:500;
	margin-top:20px;
	}
.ftr-txt2 span{ padding:0 4px;}
.ftr-txt2 span img{ display:inline-block; vertical-align:middle; margin:-5px 5px 0 0;}
.ftr-bx2{
	display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #ddd;
    background: #fbfbfb;
    padding: 15px 25px;
    font-size: 14px;
    line-height: 24px;
    color: #212121;
	}
.ftr-txt3{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    color: #333333;
    color:#2d2d2d;
	letter-spacing:0.3px;
	margin-top:25px;
	}

.white{color:#fff;}


/* CONTACT CSS */
.contact-hd{
	font-size:48px;
	line-height:58px;
	float:left;
	width:100%;
}
.contact-bx{
	display:inline-block;
	vertical-align:top;
	max-width:1160px;
	width:100%;
	border:1px solid #d3d3d3;
	border-radius:50px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	overflow:hidden;
}
.contact-lft{
	width:42%;
	float:left;
	color:#252525;
	text-align:left;
	padding:40px;
}
.contact-bx-hd{
	font-size:22px;
	line-height:24px;
	text-transform:uppercase;
	font-weight:bold;
}
.contact-bx-tx{
	font-size:18px;
	line-height:26px;
	margin-top:20px;
}
ul.contact-list{
	float:left;
	width:100%;
}
ul.contact-list li{
	float:left;
	width:100%;
	position:relative;
	text-align:left;
	padding-left:50px;
	font-size:18px;
	line-height:26px;
	margin-top:28px;
}
.contact-lst-icn{
	position:absolute;
	left:0;
	top:0;
}
ul.contact-list li h3{
	font-weight:bold;
}
ul.contact-list li p{
	margin-top:5px;
}

.contact-rgt{
	width:58%;
	float:right;
	background: #6f0101;
	padding:40px 40px 80px;
	color:#fff;
	text-align:left;
	position:relative;
}
.cont-frm{
	float:left;
	width:100%;
	margin-top:20px;
}
.frm-fld{
	float:left;
	width:100%;
	margin-top:20px;
}
.contact-inp-fld{
	-webkit-appearance:none;
	border:none;
	outline:none;
	border-bottom:1px solid #a4bcb1;
	background:none;
	width:100%;
	padding:20px 0;
	font-size:18px;
	line-height:26px;
	color:#fff;
}
textarea.contact-inp-fld{
	height:130px;
	resize:none;
	padding-right:150px;
}
.contact-inp-fld::placeholder{
	color:#fff;
}
.pos-abs{
	position: absolute;
    right: 32px;
    bottom: 70px;
}
.cont-btn{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	line-height:26px;
	text-transform:uppercase;
	letter-spacing:1px;
	cursor:pointer;
}
.cont-btn img{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}	
	

/*-----------------------
		MEDIA
------------------------*/

@media only screen and (max-width:1180px){
.container{width:1000px;}

.s1-hd2 { font-size: 50px; line-height: 72px;}
.s1-hd{font-size: 42px; line-height: 54px;}
.s1-tx{ font-size:18px; line-height:28px; width:100%;}
.s1-inr-lft {  width: 50%;}
img.bnr-arw{ 
    right: -40px;
    top: 272px;
    max-width: 340px;
}

.strip{ padding:30px 0 0;}
ul.strip-list{ column-gap:13px; }
ul.strip-list li span{ font-size:21px;}

.comn-hdg { font-size: 44px; line-height: 52px;}
.comn-txt { font-size: 19px; line-height: 28px;}

.sec4{ padding:50px 0 40px;}
.s4-lft { width: 48%; margin-top: 30px; padding-bottom: 0;}
.s4-prd{ max-width:500px;}
ul.ing-lst{ margin-top:25px;}
ul.ing-lst li h3 { font-size: 22px; line-height: 30px;}
ul.ing-lst li p { font-size: 17px; line-height: 28px;}

.product-sec-row{ margin-top:40px;}
.pkp-prc-p1 { top: 335px;}
.pkg-btn{ font-size:18px;}


.s2-inr-lft{ width:40%;}
.s2-inr-rgt{ width: 56%; margin-top: 70px; }
.s2-btls{ 
    right: 19%;
    top: 168px;
}

.s5-text1 { font-size: 26px; line-height: 32px; margin-bottom: 10px;}
.s5-text2 { font-size: 16px; line-height: 26px;}

.s3-rgt-tx{padding:0;}

}

@media only screen and (max-width:1021px){
.container{width:750px;}

.top-btn{ display:none;}

.sec1{ padding:40px 0;}
.s1-hd2 { font-size: 42px; line-height: 52px;}
.s1-hd{font-size: 30px; line-height: 40px;}
.s1-inr-rgt{ width: 45%; padding: 0px 0 0; }
.s1-tx{ font-size: 18px; margin-top: 15px; line-height: 28px;}
.s1-prd { max-width: 45%; top: 130px; left: 0;}
.s1-inr-lft { width: 52%; margin-top: 20px;}
img.bnr-arw {     right: -30px;
    top: 250px;
    max-width: 215px;}

.strip { padding: 20px 0 0;}
ul.strip-list li{ width: 48%; padding: 20px 25px 20px; font-size: 17px; line-height: 27px; }
ul.strip-list li:nth-child(2):after{ display:none;}
ul.strip-list li span { font-size: 20px; line-height:28px;}

.sec2{padding:40px 0; height:auto; background:#f6ede7; overflow:hidden;}
.s2-inr-rgt {  width: 58%; margin-top: 40px; padding-bottom: 40px;}
.comn-hdg{font-size:30px; line-height:36px;}
.comn-txt{font-size: 16px; line-height: 26px; margin-top: 15px;}
ul.s2-lst li{font-size:17px; line-height:26px; padding-left:32px; margin-top:10px;}
.s2-img {
    max-width: 53%;
    position: absolute;
    top: -35px;
    right: -110px;
}
.s2-btls {
    right: 17%;
    top: 136px;
    max-width: 28%;}

.sec3{padding:40px 0 0;}
.s3-lst-icn{width:70px;}
ul.s3-lst li p{font-size:15px; line-height:28px;}
.s3-rgt{width:48%;}
.s3-rgt-tx{font-size:17px; line-height:28px;}

.sec4{padding:40px 0 0;}
ul.ing-lst li{ padding: 10px 10px 10px 92px; }
ul.ing-lst li:nth-child(n+2){}
.ing-img{ max-width: 60px; }
ul.ing-lst li h3{font-size:20px; line-height:24px;}
ul.ing-lst li p{ font-size: 17px; line-height: 27px; margin-top: 5px; }
.s4-lft { margin-top: 10px;}
.s4-prd { max-width: 375px; top: 20px;}
.s1-btn{ margin-top:25px;}

.sec5{padding:40px 0;}
.s5-row{ column-gap:3px;}
.s5-col{ width:32%;}
.s5-col-top{ padding:20px;}
.s5-text1{font-size: 22px;line-height: 30px;}
.s5-col-bottom{padding: 0px;}
.s5-text2{font-size: 16px;line-height: 26px;}
.sec5-model{ top:80px;}

.sec6{padding:40px 0;}
.s6-lft{width:49%;}
.product-col{ width: 49%;}

/* CONTACT CSS */
.contact-hd{font-size:40px; line-height:50px;}
ul.contact-list li{margin-top:15px; font-size:17px;}

}

@media only screen and (max-width:767px){
.hide-mob{display:none;}
.hide-desk{display:block;}
.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}

.top-fix-bar{margin-bottom: 50px;}
.top-strip p{font-size: 13px; line-height: 24px;}
.logo-sec{height: 50px; margin-top: -50px; top: 50px; padding: 5px 0;}
.logo {    width: 100%;    margin-top: 0;    max-width: 110px;}
.top-btn{width:120px; height:42px; font-size:19px;}

.sec1 { padding: 25px 0;height: auto;}
.s1-inr{ width: 100%; margin-left: 0; padding-bottom: 0px; }
.s1-inr-lft{ width: 100%; padding: 0px 0px 0; text-align: center; float: none; display: inline-block; margin-top: 0px;}
.s1-inr-rgt{ width:100%; display:inline-block; padding:0 0; text-align:center;}
.s1-prd{width: 250px; margin: 20px auto 0;}
.s1-hd{ font-size: 24px; line-height: 30px;}
.s1-tx{ margin-top: 10px; font-size: 16px; line-height: 26px; padding: 0px; }
.s1-btn{ margin-top: 15px; font-size: 16px; width: 200px; height: 40px; line-height: 40px;}
img.bnr-arw{ display:none;}
.s1-prd{ position:static; display:inline-block; max-width:100%; margin:10px 0 0;}
.s1-hd2 { font-size: 22px; line-height: 30px;}

.strip{ padding:0 0;}
ul.strip-list { width:100%; border:none;}
ul.strip-list li{ width:100%; max-width:355px; text-align:center; padding: 15px 25px 15px; font-size: 16px; line-height: 26px; border: 1px solid #e9e9e9; border-radius:5px;}
ul.strip-list li:after{ display:none;}
ul.strip-list li img{ margin:0 auto 10px;}

.comn-hdg{ font-size: 22px; line-height: 28px;}
.comn-txt { font-size: 16px; line-height: 26px; margin-top: 10px;}

.sec2{padding:30px 0;}
.s2-inr-lft, .s2-inr-rgt{width:100%;}
.s2-inr-rgt{ padding: 0; border-top: none; margin-top: 0;}
.s2-img{max-width:97%; margin:0 1.5%;}
.s2-nm{font-size:16px; line-height:22px;}
.s2-design{font-size:15px; line-height:22px; margin-top:5px;}
.s2-btm{margin-top:60px;}
.s2-btm h3{font-size:24px; line-height:30px;}
.s2-btm p{text-align:center; border-left:none; margin-left:0; padding-left:0; margin-top:15px;}
.s2-image_mob{ position:static; display:block; margin: -20px auto 0px; }

.sec3{padding:30px 0;}
.s3-inr{flex-direction:column-reverse; margin-top: 20px;}
ul.s3-lst, .s3-rgt{width:100%;}
ul.s3-lst li{padding:0 3px; margin-top:35px;}
ul.s3-lst li:nth-child(n+3){margin-top:15px;}
ul.s3-lst li p{font-size:16px; line-height:25px;}

.sec4{padding:30px 0;}
.s4-inr{margin-top:0px;}
.s4-lft{width:100%; float:none; display:inline-block; text-align:center; margin-top:0px; }
ul.ing-lst{}
ul.ing-lst{ margin-top: 20px; justify-content: center; }
ul.ing-lst li:nth-child(n+2){margin-top:0px;}
ul.ing-lst li h3{font-size:18px;}
.ing-img{ max-width: 58px; left: 15px; top: 10px; }
ul.ing-lst li p { font-size: 16px; line-height: 26px; margin-top: 2px;}
.sec4 .comn-txt{ max-width:100%;}
.s4-prd {
    position: static;
    max-width: 100%;
    display: inline-block;
    margin: 10px 0 0;
}

.sec5{ padding:30px 0;}
.s5-col{ width: 100%; max-width: 355px; padding: 15px 25px; }
.s5-row{ margin-top:20px; row-gap:20px; justify-content: center;}
.s5-text2 {font-size: 16px; line-height: 24px;}
.sec5-model{ position: static; display: block; margin: 0 auto 0px; transform: none; max-width: 300px;}
.s5-ic { display: block; margin: 0px auto 10px; max-width: 62px;}
.s5-text1 { font-size: 18px; line-height: 26px; margin-bottom: 6px;}

.sec6{ padding: 25px 0; text-align: center; border-top: 1px solid #e9e9e9; }
.s6-inr{width:100% ; margin-left:0px;}
.s6-lft, .s6-rgt{width:100%; margin-top: 20px;}
.s6-prd{width:300px; margin-top: 0px;}
.pck-qty{font-size:17px; line-height:22px;}
.pck-prc{font-size:15px; line-height:15px; margin-top:6px;}
.pck-supl{font-size:13px; line-height:17px;}
.pck-btn{font-size:16px;}
.opt-rad-btn{padding:8px 8px 8px 40px;}
.otp-tx, .subs-tx{font-size:16px; line-height:20px;}
.submit-btn{padding:5px 10px 10px; font-size: 24px;}
.product-col{ width: 100%; max-width: 355px; padding-bottom: 0; }
.product-sec-row { margin-top: 20px; justify-content: center; row-gap: 22px;}
.s2-prod-dv { padding: 20px 20px 20px;}
.pkp-prc-p1 { top: 320px;}
.packageOpt p { font-size: 16px; line-height: 26px;}

.sec7{ padding:30px 0;}
.faq-container{ margin:0;padding: 0 7px 10px;}
.accordion{padding: 15px 35px 15px 20px; font-size: 16px; line-height: 24px;}
.acdn-content {padding: 0 20px 10px 20px;}
.acdn-para {font-size: 17px;line-height: 24px;}


/* CONTACT CSS */
.contact-bx-tx {font-size: 16px; line-height: 24px; margin-top: 15px;}
.contact-hd{font-size:34px; line-height:40px; margin-top:0px;}
.cont-frm{margin-top:0;}
.contact-bx{border-radius:10px; margin-top:15px;}
.contact-bx-hd{font-size:20px; line-height:22px;}
.contact-lft, .contact-rgt{width:100%;}
.contact-lft{padding:30px 15px;}
ul.contact-list li{font-size:16px; line-height:22px; padding-left:40px; margin-top:20px;}
.contact-lst-icn{width:30px;}
.contact-rgt{padding:30px 15px 30px;}
.frm-fld{margin-top:10px;}
.pos-abs{right:10px; bottom:25px;}
.cont-btn img{width:55px;}
.shop-section{padding: 10px 0 30px;}

.footer {padding: 25px 0;}
.ftr-logo{ width:130px;}
.ftr-linbx-rgt{ width:100%; padding:0; text-align:center; border:none;}
.ftr-txt1{ font-size:15px; line-height:24px;}
.ftr-txt1 a{ padding:0 3px;}
.ftr-txt2 span img{ margin-top:-2px;}
.ftr-txt2{font-size: 14px;}
.ftr-txt2 span img{ width:16px;}
.ftr-bx2{padding: 15px 10px;text-align: center;font-size: 15px;line-height: 24px;}
.ftr-txt3{ font-size:16px; margin-top:18px;}

}

/*TERMS- PRIVACY*/

.trms-sec2{
	float: left;
    width: 100%;
    text-align: left;
    background: #fdf8f8;
    padding: 40px 0;
}
.trms-innner {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 20px;
}
.trms-sec2 h1{
	height:40px;
	line-height:40px;
	background:#333;
	color:white;
	margin:20px 0 20px 0;
	padding:0 10px;
	font-size:26px;
	float: left;
    width: 100%;
}
.trms-sec2 h3{
	font-size:24px;
	font-weight:700;
	float:left;
	width:100%;
	margin:0px 0 10px;
}
.trms-sec2 p{
	    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    margin: 0px 0 20px;
}
.trms-sec2 ol{
	float:left;
	width:100%;
	padding:0 20px;
	}
.trms-sec2 ol li {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    margin: 0px 0 10px;
    list-style: auto;
}
.trms-sec2 h4, .trms-sec2 h5{
	font-size:20px;
	font-weight:600;
	float:left;
	width:100%;
	margin:10px 0;
	}
.trms-sec2 h5{ font-size:20px; font-weight:400;}
.top_sec {
    float: left;
    width: 100%;
    background: #d5171b;
    margin-bottom: 20px;
    text-align: left;
}
.trms-sec2 .top-txt {
        float: left;
    width: 100%;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    line-height: 31px;
    /* height: 37px; */
    font-size: 22px;
    padding: 5px 14px;
    margin: 0;
}
.ing-lft-bx {
    float: left;
    width: 100%;
    text-align: center;
}
.ing-lft-bx img {
    max-width: 100%;
}

@media only screen and (max-width: 767px){
	.tems_bg {    padding: 10px 0;}
	}

.upsell-conatin {
    float: left;
    width: 100%;
}
.cart-prd-opt {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
    flex-direction: row-reverse;
    margin-top: 20px;
}
.upsell-box {
    float: left;
    width: 100%;
    background: #f3f3f3;
    border: 1px solid #d0d0d0;
    overflow: hidden;
    border-radius: 10px;
}
.offerBox {
        float: left;
    width: 100%;
    cursor: pointer;
    position: relative;
	
}
.offerBox label {
    float: left;
    width: 100%;
    background: #f3f3f3;
    padding: 5px;
	cursor: pointer;
}
.ofrbx-top {
    float: left;
    width: 100%;
    background: rgb(158,64,241);
    background: #faaf40;
    padding: 5px 10px 5px;
    text-align: left;
    border-radius: 10px 10px 0 0;
}
.ofrbx-top .fieldToggle {
    float: left;
    color: #2d2d2d;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    margin: 5px 0;
    cursor: pointer;
    /* padding-left: 30px; */
    position: relative;
    font-weight: 500;
    width: 100%;
}	
.ofrbx-top .fieldToggle p {
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
}	
.offerBox input[type='checkbox'] {
   position: absolute;
    display: inline-block;
    left: 10px;
    top: 17px;
    margin: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #c9c9c9;
    z-index: 999;
    -webkit-appearance: none;
}

.offerBox input[type=checkbox]:checked {
       border: 2px solid #0cc34d;
}
.offerBox input[type=checkbox]:checked:after{
	    content: '';
    position: absolute;
    top: -9px;
    left: 3px;
    background: url(../images/checkmark.png) no-repeat center center;
    height: 26px;
    width: 26px;
}
.offerBox input[type=checkbox]:checked + .upsel-pack{
	background: #fde5e9;
}
.cart-upsell {
    float: left;
    width: 100%;
}	
.ofrbx-mdl {
        float: left;
    width: 100%;
    position: relative;
    text-align: left;
    padding-left: 150px;
}
.up-hed {
    float: left;
	background: #6f0101;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    text-align: left;
    padding: 10px 10px 10px 32px;
    border-radius: 5px;
}
.ofrbx-mdl .up-txt{
	float: left;
    width: 100%;
    color: #2c2c2c;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}
.pkgPrice {
    float: right;
    width: 30%;
    text-align: right;
    padding-right: 7px;
    color: #2c2c2c;
    font-size: 19px;
    line-height: 20px;
    font-weight: 500;
}
.offrBx-img1 {
	    position: absolute;
    max-width: 150px;
    margin: 21px 0 0;
    left: 0;
    top: 0;
}
.offrBx-img2{
	    right: 83px;
    max-width: 133px;
    top: 0px;
    position: relative;
}
.offrbx-txt2 {
    font-size: 16px;
    line-height: 26px;
    color: #363636;
    margin-top: 10px;
    float: left;
    width: 100%;
    padding: 0 10px 20px 0px;
}	
.offrbx-txt2 strong {
    font-size: 16px;
}
.sec1-shopnow {
    display: inline-block;
    margin-top: 15px;
    background: rgb(158,64,241);
    background: #19b50d;
    color: #fff;
    font-size: 27px;
    line-height: 54px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    height: 56px;
    width: 248px;
}
.offerBox .sec1-shopnow {
    padding: 0 40px;
    /* margin: 5px 0 0 0; */
    width: 85%;
}	
a.remove-from-cart {
    color: #f00;
    margin: 10px 0 0;
    font-size: 16px;
    text-decoration: underline;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto;
    z-index: 99;
}


@media only screen and (max-width: 767px){
	.offrBx-img1{max-width: 110px;}
	.ofrbx-mdl{padding-left: 120px;}
.up-hed{font-size: 13px;     padding: 10px 10px 10px 16px;}

}