@import url("fonts.css");

/* CSS Document */

body {

	top:0;

	bottom:0;

	left:0;

	right:0;

	margin:auto;

	padding:0;

	text-align:center;

	font-family: 'Open Sans', sans-serif;

}

/*

START UTILITY

*/

div, ul, h1, h2, h3, h5,li, p, img, form, input, textarea {

	margin:0;

	padding:0;

	}



a {

	outline: none;

	color:#333;

	text-decoration:underline;

	}



a:hover {

    outline: none;

	color:#000;

	text-decoration:none;

	}



img {

	border:none;

	}



li {

	list-style:none;

	}

	

.clearall {

	clear:both;

	font-size:1px;

	line-height:1px;

	height:1px;

	}

div#container{

	height:auto;

	width:100%;

	background:none;

	}

.contentWrap{

	width:1018px;

	margin:0 auto;

	position:relative;

	}	

.tophdr{

	height:35px;		

	background:#1f1f1f;

	width:100%;		

	}

.warning{	

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#fff;

	text-align:center;

	line-height:23px;

	padding-top:5px;	

	}

.warning span{

	text-transform:uppercase;

	color:#ff0000;

	}

div#secone, div#sectwo, div#secthree, div#secfour, div#secfive, div#secsix, div#secseven, #scetion-8, #section9-bg{

	min-width:1004px;

	}

	

/* ------------start section1 ------------*/

div#secone{

	/* height:797px; */

	background: url(../images/secone.jpg?v=1.0) center top no-repeat;
	height:840px;
	background-size: cover;

	}

.secone_product{

	position: absolute;

	width: 240px;

	left: 0px;

	top: 426px;

	}
	.gold_img {
		position: absolute;
		top: 315px;
		z-index: 1;
		max-width: 80px;
		left: 530px;
	}
.secone_product2{

	position: absolute;

	width: 200px;

	left: -100px;

	top: 475px;

	}

/* form start */

.form-position{

	height:420px;

	width:280px;

	float:left;

	/* margin:160px 0 0 715px; */
	margin:143px 0 0 715px;

	padding:110px 0 0 0;

	}

.frmElemts{

	display:inline-block;

	float:left;

	/* margin:6px 0 0 10px; */
	margin:2px 0 0 29px;

	}	

.frmElemts input, .frmElemts label, .frmElemts select  {

	display:inline-block;

	float:left;

	height:22px;

	line-height:22px;		

	}

.frmElemts label {

	line-height:22px;

	width:80px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000;

	text-align:right;

	margin-right:6px;		

	}	

.frmElemts input, .frmElemts select {

	background:none; 

	border:none;

	width:268px; 

	height:32px;

	background-color:#FFF;

	outline:none;

	padding-left:10px;

	padding-right: 30px;

	border:1px solid #ada9a9;

	border-radius:2px;

	font-size:14px;

	color:#000;	

	font-family: 'Open Sans', sans-serif;

	}

.frmElemts select{

	height:37px;

	}

.frmElemts span{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#fff;

	text-align:left;

	line-height:14px;

	padding-left:42px;

	}		

.submit{

	/* margin: 6px 0 0 7px; */

    background: url(../images/order-btn.png) 0 0 no-repeat;

    height: 95px;

    width: 279px;

    cursor: pointer;

    border: none;

    outline: none;

    float: left;
	margin: 0 0 0 27px;
	}	

				

/* form end */

/* ------------end section1 ------------*/



/* ------------start section2 ------------*/

div#sectwo{

	height:570px;

	background: url(../images/sectwo.jpg?v=1.0)center top no-repeat;	

	}

.sec2-hd{

	font-family: 'Conv_GothamNarrow-Black';

	font-size:36px;

	line-height:37px;

	text-align:center;

	color:#216c01;

	text-transform:uppercase;

	margin:0 auto;

	padding:27px 0 0 0;

	}

.sec2-hd span{

	color:#e17601;

	}

.s2-prt1, .s2-prt2{

	width:495px;

	display:inline-block;

	float:left;

	}	

.s2-prt1-txt, .s2-prt2-txt{

	/* width:282px; */

	text-align:left;

	font-size:16px;

	line-height:19px;

	color:#484847;

	margin:0;

	padding:41px 0 0 213px;

	}	



/* ------------end section2 ------------*/



/* ------------start section3 ------------*/

div#secthree{

	height:561px;

	background: url(../images/secthree.jpg)center top no-repeat;	

	}

.sec3-hd{

	font-family: 'Conv_GothamNarrow-Black';

	font-size:48px;

	line-height:48px;

	text-align:center;

	color:#59900d;

	margin:0 auto;

	letter-spacing:-1px;

	padding:20px 0 0 0;

	}

.sec3-text{

   font-size: 18px;

    line-height:24px;

    text-align: center;

    color: #4a4a4a;

    width:815px;

    margin: 0 auto;

    padding: 14px 0 0 0;

	}	

ul.s3list{

	margin:0;

	padding:310px 0 0 0;}

ul.s3list li{

	display:inline-block;

	width:247px;

	font-weight:600;

	font-size:24px;

	text-transform:uppercase;

	text-align:center;

	line-height:26px;

	color:#000;

	margin:0;

	padding:0 0 0 0;

	}	

/* ------------end section3 ------------*/



/* ------------start section4 ------------*/

div#secfour{

	height:1009px;

	background: url(../images/secfour.jpg) center top no-repeat;

	position:relative;

	}

.secfour_prod1{

	position:absolute;

	width: 160px;

	right:0;

	top: 445px;

	}

.secfour_prod2{

	position:absolute;

	width: 190px;

	right: 85px;

	top: 415px;

	}

.secfour_prod3{

	position:absolute;

	width: 160px;

	right: 195px;

	top: 445px;

	}

.s4-txt-width{

	height:800px;

	width:640px;

	float:left;}

.s4-txt1, .s4-txt3{

	font-size:24px;

	line-height:26px;

	color:#4a4a4a;

	text-align:left;

	font-style:italic;

	font-weight:600;

	margin:0;

	padding:130px 5px 0 7px;

	}	

.s4-txt3{

	padding:30px 0 0 7px;}	

.s4-txt1 span, .s4-txt3 span{

	color:#e67701;}	

.s4-txt2{

	font-size:18px;

	text-align:left;

	line-height:21px;

	color:#4a4a4a;

	margin:0;

	padding:30px 0 0 7px;

	}

.s4-txt4{

	font-size: 17px;

    text-align: left;

    line-height: 21px;

    color: #282828;

    font-style: italic;

    font-weight: bold;

    margin: 0;

    padding:85px 0 0 237px;

	}	

.s4-txt5{

	font-size: 18px;

    text-align: left;

    line-height: 22px;

    color: #4a4a4a;

    margin: 0;

    float: left;

    width: 672px;

	padding:70px 0 0 172px;

	}

.s4-txt5 span{

	font-size:20px;

	font-weight:bold;

	line-height:41px;

	text-transform:uppercase;

	}	

.sec4-btn{

	margin:90px 0 0 0;

	}

	

/* ----------end section4 ------------*/



/* ------------start section5 ------------*/

div#secfive{

	height:838px;

	background:url(../images/sec-five.jpg)center top no-repeat;	

	position:relative;	

	}

.secfive_prod1{

    position: absolute;

    width: 140px;

    left: 150px;

    top: 620px;

    }

.secfive_prod2{

    position: absolute;

    width: 160px;

    left: 220px;

    top: 600px;

  	}



.sec5-hd{

	font-family: 'Conv_GothamNarrow-Black';

	font-size:66px;

	color:#e67701;

	text-align:center;

	letter-spacing:-2px;

	margin:0 auto;

	line-height:normal;

	padding:20px 0 0 0;}

.sec5-hd sup{ line-height:100%; position:relative; top:10px;}	

.s5-txt1{

	font-size: 18px;

    line-height: 25px;

	color:#4a4a4a;

	text-align:center;

	font-style:italic;

	font-weight:600;

	margin:0 auto;

	padding:0 0 0 0;}	



.s5-txt1 span{

	color:#e67701;}	

.s5-part{

	padding:0 0 0 346px;}

.list1, .list2{

	display:inline-block;

	float:left;}

.list1{

	 width: 315px;

    float: left;

    margin: 0;

    padding:70px 9px 0 38px;}

.list2{

	width: 357px;

    float: left;

    margin: 0;

    padding:68px 0 0 0px;}	

ul.s5list1{

	margin:0;

	padding:0;}	

ul.s5list1 li{

	list-style:none;

	font-style:italic;

	font-weight:bold;

	color:#e67701;

	font-size:24px;

	text-align:left;

	line-height:26px;

	margin:0;

	padding:0 0 23px 0;}	

ul.s5list2{

	margin:0;

	padding:0;}	

ul.s5list2 li{

	list-style: none;

    font-style: italic;

    color: #2c2c2c;

    font-size: 16px;

    text-align: left;

    line-height: 16px;

    margin: 0;

    padding: 0 0 24px 0;}				

.s5-text2{

	font-style: italic;

    color: #282828;

    font-size: 18px;

    text-align: left;

    line-height: 20px;

	font-weight:bold;

    margin: 0;

    padding:32px 0 0 43px;}	

.s5-btn{

	margin:15px 292px 0 0;}				

/* ------------end section5 ------------*/



/* ------------start section6 ------------*/

div#secsix{

	height:1343px;

	background: url(../images/secsix.jpg)center top no-repeat;

position:relative;

}

.s6-height{

	height:1101px;}

.sec6-hd{

	font-family: 'Conv_GothamNarrow-Black';

	font-size:66px;

	line-height:66px;

	color:#e67701;

	text-align:center;

	letter-spacing:-2px;

	margin:0 auto;

	padding:30px 0 0 0;}	

.s6-txt1{

	font-size:24px;

	line-height:26px;

	color:#4a4a4a;

	text-align:center;

	font-style:italic;

	font-weight:600;

	margin:0 auto;

	padding:0 0 0 0;}	



.s6-txt1 span{

	color:#e67701;}	

.s6-txt2{

	font-size:18px;

	text-align:left;

	line-height:26px;

	color:#4a4a4a;

	height:180px;

	margin:10px 0 0;

	padding:12px 136px 0 232px;}

.s6-txt2 span{

	color:#e67701;}	

ul.s6-text3{

	margin:0;

	/* padding:90px 0 0 0; */
	padding:73px 0 0 0;
}	

ul.s6-text3 li{

	font-size: 18px;

    line-height: 20px;

    color: #5a5755;

    text-align: left;

    font-weight: 600;

    width: 704px;

    margin: 0;

    /* height: 142px; */

    padding: 0 0 14px 254px;

	height: 164px;

}	

ul.s6-text3 li span{

	font-size:36px;

	font-weight:bold;

	color:#000;

	line-height:50px;}

.s6-txt4{

	font-size: 18px;

    text-align: left;

    line-height: 21px;

    color: #4a4a4a;

    margin: 0;

    float: left;

    width: 680px;

    padding:73px 0 0 180px;}

.s6-txt4 span{

	font-size:20px;

	font-weight:bold;

	line-height:41px;

	text-transform:uppercase;}	

.sec6-btn{

	margin:87px 0 0 0;}		

					 						

/* ------------end section6 ------------*/

/* ------------start section7 ------------*/

div#secseven{

	height:1158px;

	background: url(../images/sec-seven.jpg)center top no-repeat;

	position:relative;			

	}

.secseven_prod1{

    position: absolute;

    width: 210px;

    right: 130px;

    top:420px;

   }

.secseven_prod2{

    position: absolute;

    width: 230px;

    right: -10px;

    top: 400px;

   }

.sec7-hd{

	font-family: 'Conv_GothamNarrow-Black';

	font-size:61px;

	color:#e67701;

	text-align:center;

	letter-spacing:-2px;

	margin:0 auto;

	line-height:normal;

	padding:0 0 0 0;}	

.sec7-hd sup{ line-height:100%;position:relative; top:10px;}

.s7-txt1{

	font-size:24px;

	line-height:26px;

	color:#4a4a4a;

	text-align:center;

	font-style:italic;

	font-weight:600;

	margin:0 auto;

	padding:0 0 0 0;}	



.s7-txt1 span{

	color:#e67701;}	

.s7-txt2{

    font-size:17px;

    color: #fff;

    line-height:20px;

    text-align: left;

    width: 390px;

    margin: 0;

    padding:18px  0 0 20px;

}

.s7-txt3{

   font-size: 18px;

    color: #4a4a4a;

    line-height: 23px;

    text-align: left;

    width: 1046px;

    margin: 0;

    padding: 465px 15px 0 575px;

}

.s7-txt3 span{

	color:#e67701;

	font-weight:bold;}

.s7-txt4{

    font-size: 18px;

    color: #fff;

    line-height: 22px;

    text-align: center;

    margin: 0;

    padding:55px 40px 0 40px;

}	

/* ------------end section7 ------------*/	



/* ------------start section8 ------------*/	

#scetion-8{

	background: url(../images/sec-8.jpg) center top no-repeat;

	height:826px;}

.sec8-hd{

	font-family: 'Conv_GothamNarrow-Black';

	font-size:66px;

	color:#e67701;

	text-align:center;

	letter-spacing:-2px;

	margin:0 auto;

	line-height:normal;

	padding:0 0 0 0;}

.sec8-hd sup{ line-height:100%; position:relative; top:10px;}	

.s8-txt1{

	font-size:24px;

	line-height:26px;

	color:#4a4a4a;

	text-align:center;

	font-style:italic;

	font-weight:600;

	margin:0 auto;

	padding:0 0 0 0;}	



.s8-txt1 span{

	color:#e67701;}

.s8-txt2, .s8-txt3{

	font-weight:bold;

	font-size:22px;

	line-height:26px;

	text-align:left;

	color:#fff;

	width: 568px;

	margin:0;

	padding:80px 0 0 225px;}

.s8-txt3{

	padding:100px 0 0 460px;
	width: 800px;

}	

.s8-txt4{

	font-size:20px;

	font-weight:bold;

	font-style:italic;

	color:#402a5e;

	line-height:24px;

	text-align:left;

	margin:0;

	padding:54px 0 0 224px;}				

/* ------------end section8 ------------*/

/* ------------start section9 ------------*/

#section9-bg{

	background:url(../images/sec9-bg.jpg) center top no-repeat;

	height:779px;

	position:relative;

}

.secnine_prod1{

    position: absolute;

    width: 220px;

    left: 110px;

    top: 400px;

   }

.secnine_prod2{

    position: absolute;

    width: 250px;

    left: 200px;

    top: 360px;

   }

.sec9-btn{

	margin:640px 0 0 161px;

	}	

/* ------------end section9 ------------*/		

/* ------------start footer ------------*/

div#footer{	

	padding:10px 0 10px 0;

	clear:both;

	border-top:1px solid #e8e8e8;

	}

.ftrtxt{

	font-size:12px;

	color:#858585;

	text-align:center;

	line-height:20px;

	padding:25px 0 20px 0;

	margin:0;

	}

.ftrtxt a, .ftrtxt a:hover{

	color:#858585;

	font-size:14px;

	text-decoration:none;

	}

.ftrtxt span{

	font-size:14px;

	text-transform:uppercase;

	}

/* ------------end footer ------------*/


.ingred_box {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.65);
	overflow: hidden;	
	opacity: 0;
	visibility: hidden;
	transition: transform 0.3s ease-in-out;
}
.ingred_box.show {	
	opacity: 1;
	visibility: visible;
}
.ingred_box .wrap-body {
	position: relative;
	transform: translateY(-100%);
    transition: transform 0.45s ease-in-out;
}
.ingred_box.show .wrap-body {
	transform: translateY(0);
}
.ingred_box a.close_i {
	position: absolute;
	right: -15px;
	top: -15px;
	background: #000;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	border: 2px solid #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.35);
	font-weight: bold;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ingred_box img {
	max-width: 80vw;
	max-height: 90vh;
}