@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'century';
	src: url('fonts2/Centurygothic.eot');
	src: local('☺'), url('fonts2/GOTHIC.woff') format('woff'), url('fonts2/GOTHIC.TTF') format('truetype'), url('fonts2/GOTHIC.svg') format('svg');
}

@font-face {
  font-family: 'constantia';
  src: url('Constantia.eot?#iefix') format('embedded-opentype'),  url('Constantia.woff') format('woff'), url('Constantia.ttf')  format('truetype'), url('Constantia.svg#Constantia') format('svg');
  font-weight: 100;
  font-style: normal;
}


.fb-like { filter:hue-rotate(240deg); -webkit-filter: hue-rotate(240deg); }

.rwd-break{display:none;}

*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-size: 100%;
	-webkit-text-size-adjust: none;
	vertical-align: baseline;
	background: transparent;
	position: relative;
	font-weight: normal;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html { overflow-y: scroll; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100% }

html, body
{
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

.link{color:#060; text-decoration:none;}

body
{
	background: #d8f4e1;
	font-size:14px;
	line-height:22px;
	font-family:arial;
	color: #000;
	
}

p {
  margin: 0 0 11px;
	padding-bottom:20px;
  font-weight: 400;
}

.clickhere{font-size:16px; font-weight:bold; color:#F60; text-transform:uppercase; text-decoration:none; line-height:20px;}
a:hover.clickhere{ color:#333;}

.amd{font-size:11px; font-family:arial; text-decoration:none; color:#666; }
a:hover.amd{color:red;}

.brandname{line-height:30px; font-size:20px; top:10px; font-family:'constantia', Georgia, serif; font-weight:100; text-transform:uppercase;}
.hline{border-bottom:1px #096 solid; top:20px; opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5}

.submenu{line-height:35px; top:25px; z-index:10 ; margin-bottom:5px; padding-left:20px; padding-right:20px; font-size:14px; background-color:#cedac6; border-radius:18px; color:#568857; } /*box-shadow: inset 3px 2px 6px -3px #3d5c3e;
-webkit-box-shadow: inset 3px 2px 6px -3px #3d5c3e;
-moz-box-shadow: inset 3px 2px 6px -3px #3d5c3e;
-o-box-shadow: inset 3px 2px 6px -3px #3d5c3e;*/
.submenudown{line-height:35px; top:25px; z-index:10 ; padding-left:20px; padding-right:20px; font-size:14px; background-color:#619062; border-radius:18px; color:#fff;}
a.submenu{text-decoration:none; display:inline-block;  font-weight:bold; line-height:35px; transition: all 300ms ease-out;}
a:hover.submenu{background-color:#3d5c3e; color:#fff;}


.btnbuy{ background-image:url(imgs/icon-dinasou.png); background-repeat:no-repeat; background-size:22%; baseline-shift:baseline; font-size:20px; height:40px; line-height:18px; padding:10px; display:block;  background-color:#F60; border-radius:30px; padding-left:50px;  color:#fff; font-weight:bold; text-decoration:none; width:180px; transition: all 300ms ease-out; box-shadow: 6px 6px 5px -5px #626B5C;
-webkit-box-shadow: 6px 6px 5px -5px #626B5C;
-moz-box-shadow: 6px 6px 5px -5px #626B5C;
-o-box-shadow: 6px 6px 5px -5px #626B5C;}
a:hover.btnbuy{background-color:#3d5c3e; }

/* button on hp banner */
.hpmorebtnbox{ font-size:20px; font-weight:bold; padding:4px; display:block; width:160px; baseline-shift:baseline; height:35px; line-height:30px; text-align:center; background-color:#F90; color:#fff; z-index:1; position:absolute; border-radius:30px; transition: all 300ms ease-out;  box-shadow: 6px 6px 5px -5px #626B5C;
-webkit-box-shadow: 6px 6px 5px -5px #626B5C;
-moz-box-shadow: 6px 6px 5px -5px #626B5C;
-o-box-shadow: 6px 6px 5px -5px #626B5C;}
a:hover.hpmorebtnbox{background-color:#3d5c3e; }

.morebtn-group{top:290px;  left:60px;}
.morebtn-pp-mask{top:210px;  left:260px;}
.morebtn-lotion{top:240px;  left:460px;}
.morebtn-stempowered{top:400px; left:80px;}
.morebtn-ex-scrub{top:250px; left:470px;}

.colorhighlight{color:#767a53; font-family:'century', arial; font-size:18px; line-height:25px;}

.title{font-size:20px; magin-top:50px; line-height:28px;}

.ptitle{font-size:45px; font-family:'century', arial; line-height:45px; font-weight:100; top:0px; letter-spacing:-1px; }

.subtitle{font-size:30px; font-family:'century', arial; line-height:35px; font-weight:bold; letter-spacing:-1px; color:#9ca075; magin-top:15px; margin-bottom:15px; padding-bottom:15px;}

.protitle{font-size:28px; font-family:'century', arial; line-height:20px; font-weight:bold; letter-spacing:-1px; color:#9ca075; top:15px; bottom:0px; }

.header{ background-color:#383b2f; background-image:url(imgs/bg-header.jpg); background-position:center; background-repeat:no-repeat; height:80px;}
.header-tel{position:absolute;color:#fff; font-size:16px; font-family:arial; right:35px; text-align:right; top:20px;}
.header-logo{position:relative; margin:0px auto; top:-5px;" align="center;}


/*for artcles */
.articles-menu{ display:none;}



.copyright{font-size:11px; line-height:20px; font-weight:bold; }

#footer {
bottom:0px;
padding-top:25px;
height:35;
font-size:12px;
right:0%;
left:0%;
/*position:fixed!important;*/
position:absolute;
width=100%;
top:330px;
padding-left:50px;
top:expression((0-(footer.offsetHeight)+
(document.documentElement.clientHeight?
document.documentElement.clientHeight:
document.body.clientHeight)+(ignoreMe=document.documentElement.scrollTop?
document.documentElement.scrollTop:document.
body.scrollTop))+'px');
text-align:left;
visibility:visible;
}

.mfooter{display:none;  text-align:center; position:relative; font-size:12px; line-height:25px; margin:0px auto; }

.footer{ width:100%; float:left; line-height:25px; left:0px; font-size:12px;  padding-top:25px; position:relative;  z-index:10; padding-bottom:25px;}
.box-footer-txt{float:left; bottom:0px; left:25px; font-size:12px; line-height:16px;  height:22px; margin-bottom:30px;}


.row{width:1080px; left:0px; top:0px; margin:0px auto; padding:0px; 	}
.rowheader{width:1080px; left:0px; top:0px; margin:0px auto; padding:0px; }

.content{line-height:22px; font-size:14px; padding-top:15px; padding-bottom:15px; text-align:justify;}

.itemtitle{font-size:16px; font-family:'century',arial; color:#899280; text-transform:uppercase; float:right; position:relative; top:80px; width:180px; right:0px;}

.itemtitle-line{border-bottom:1px #0C9 solid; top:95px; z-index:-10; width:870px; left:10px;}

.titleimg{left:0px; float:left; position:relative; width:1000px;}

/* for product page */
.productcol{width:100%; position:relative; top:0px; left:0px; margin-bottom:5px; background-color:#96b797; background-image:url(imgs/product-tb-bg.jpg); background-repeat:repeat-x; height:160px; }

.contenttable{ width:1080px; padding:0px; margin-left:10px;  top:10px;  border-collapse: separate; border-spacing: 10px; background-color:transparent; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; white-space: nowrap; }
.tbrow{display:table-row; }
.tbcell{display:table-cell; width:260px; color:#fff; text-align:left; vertical-align:bottom; }

.thumbimg{float:left; width:128px; height:128px;}
.thumbproname { position:relative; bottom:0px;  top:35px; left:0px; font-size:18px; }

.thumblink{ display:block; opacity:0.85; color:#fff; width:90%; transition: all 300ms ease-out;}
a:hover.thumblink{opacity:1;}

/*product page img */
.proimg-ppmask{ right:0px; top:-30px;}
.proimg-bgmodel-ppmask{ background-image:url(imgs/bgmodel-ppmask.png); background-repeat:no-repeat; width:442px; height:626px; background-size:95%; background-position: bottom; top:500px; right:120px; z-index:-99; position:absolute; float:right}
.promote-label{position:absolute; top:0px; right:30px; z-index:10;}

/*product clear lotion */
.proimg-bgmodel-clear-lotion{ background-image:url(imgs/bgmodel-clear-lotion.png); background-repeat:no-repeat; width:550px; height:600px; background-size:80%; background-position: bottom; top:340px; left:480px; z-index:-99; position:absolute; float:left}
.proimg-clear-lotion{position:absolute; z-index:-1; width:710px; height:auto; left:-120px; top:-60px }
.proimg-clear-lotion-hide{display:none;position:absolute; z-index:-1px; width:710px; height:auto; left:-120px; top:-60px }
.prodisc-clear-lotion{top:60px; padding-bottom:180px;}

/* product exfoliating scrub */
.proimg-bgmodel-scrub{ background-image:url(imgs/bgmodel-scrub.png); background-repeat:no-repeat; width:500px; height:600px; background-size:75%; background-position: bottom; top:400px; left:480px; z-index:-99; position:absolute; float:left}


/* product stempowered essence */
.proimg-bgmodel-stempowered-essence{ background-image:url(imgs/bgmodel-stempowered-essence.png); background-repeat:no-repeat; width:500px; height:600px; background-size:75%; background-position: bottom right; top:400px; left:430px; z-index:-99; position:absolute; }




.divide{padding-top:15px; padding-bottom:40px;}
.pro-vspace{ padding-top:70px;}
.rightpanel{float:right; width:320px; right:0px; top:-30px; }

.videothumb{width:250px; height:auto; border:4px #fff solid; vertical-align:middle; background-color:#333}
.videotitle{font-size:16px; line-height:20px; font-family:'century', arial;}

.estore-logo{width:auto; height:40px; padding:4px; bottom:5px}

/* aboutus page */
.about-groupphoto{position:absolute; top:-150px}


.smallnote{font-size:12px; font-weight:bold; color:#F00; line-height:30px;}

.bold{font-weight:bold;}


/* responsive image */

img.diagram {
	margin:0px auto;
}

img {
	max-width: 100%;
	height: auto;
}



.hpbanner{display:block;}
.hpbanner-tryproduct{display:block; top:70px; padding-left:15px; padding-right:15px;}
.hpbanner-tryproduct-m{display:none;}

.hpimg-estore{ width:350px; height:auto;}

.righticon{ position:absolute; top:0px; float:right; right:30px; font-size:25px; color:#fcfcfc;  z-index:10; line-height:50px; display:none;}
.mlogo{display:none; z-index:99;  padding-right: 15px;  padding-left: 0px;  margin-right: auto;  margin-left: auto;; line-height:50px;}
.menubar{ width:100%; line-height:30px; height:40px; background-color:#fff;}
.icon-fb{position:relative; right:20px; top:4px; float:right; opacity:0.5 }
.icon-youtube{position:relative; right:10px; top:3px; float:right; opacity:0.5}
.icon-fb:hover, .icon-youtube:hover{opacity:1.0;}

.promotiontxt{position:absolute; float:right; z-index:20; font-weight:bolder; font-size:28px; letter-spacing:-1px; font-family:arial; right:25px; top:75px; color:#fff; text-transform:uppercase;}
.promobox{ background-image:url(imgs/bg-promotion.jpg); background-repeat:repeat-x; background-color:#415c00; border-radius:10px; width:650px; height:320px; top:50px; float:right; position:absolute; z-index:10; right:0px; bottom:20px;}
.fbbox{position:absolute; width:500px; right:30px; top:370px;}

.smallleaf{  position:absolute; width:220px; height:auto; z-index:20; left:420px; top:22px; }

.darkerbox-title{ font-size:25px; font-weight:bold; color:#fff; line-height:30px;}
.darkerbox{background-color:#313f1d; width:515px; height:300px; z-index:5; top:40px; left:35px; padding:20px; float:left; border-radius:10px 0px 0px 8px; position:relative; color:#fff;}

.mtitle{font-size:14px; color:#666; line-height:40px; display:none; z-index:9999; position:absolute; left:20px; top:50px; text-transform:uppercase;}

.menubarshadow{background-image:url(imgs/shadow-menubar.png); background-repeat:no-repeat; background-position:center; height:24px; z-index:1;}

.slider{ margin:0px auto;}


@media (max-width:309px){
		.rwd-break{display:block;}
	.smallleaf{position:absolute; left:0px; top:125px; width:35%; height:auto;}
  .about-groupphoto{position:relative; top:0px;}
	/* product exfoliating scrub */
.proimg-bgmodel-scrub{ none;}
.righticon{ display:block}

.hpbanner-tryproduct{display:none;}
.hpbanner-tryproduct-m{width:280px; height:auto; display:block;}

.hpbanner{display:none;}

}

/*iphond P */
@media (min-width:310px) and (max-width: 480px) {
	
	.rwd-break{display:block;}
	.slider{padding-left:0px;}
	
	.hpbanner-tryproduct{display:block; top:100px; padding-left:15px; padding-right:15px;}
	.hpbanner-tryproduct{display:none;}
	.hpbanner-tryproduct-m{width:350px; top:45px; height:auto; display:block; margin:0px auto;}
	
	.header{display:none;}
	.righticon{ display:block}
	.mlogo{display:block; top:0px; float:left; z-index:999; left:10px; position:absolute; line-height:50px;}
	.icon-fb, .icon-youtube{display:none;}
	.menubar{top:0px; background-color:#434b2c; z-index:9px; position:absolute; height:50px;}

	.row{top:50px; width:100%; padding-right:20px; padding-left:20px; }
  .rowheader{width:100%; top:50px; padding:0px;}

	.fbbox{display:none;}
	
  .smallleaf{position:absolute; left:0px; top:125px; width:160px; height:auto; }


	.about-groupphoto{position:relative; top:0px;}


	.promotiontxt{font-size:1.4em; top:160px; right:20px; }
	.promobox{width:100%;  position:absolute; top:150px; left:0px; float:left; border-radius:0px;  }
	.promote-label{position:absolute; float:right; top:-20px; right:-20px;}
	

	.darkerbox{width:100%; height:300px; position:absolute;  top:470px; left:0px; border-radius:0px; font-size:25px; line-height:30px;}
	.hpimg-estore{ width:350px; height:auto; margin:0px auto; display:block;}
	

.hpbanner{display:none;}

	.mtitle{display:block;}
	.itemtitle-line{display:none;}
	.itemtitle{display:none;}
	.ptitle{padding-top:50px; font-size:40px;}
	
  .titleimg{width:	auto;}
	.productcol{display:none;}
	
.proimg-ppmask{left:0px;px; top:50px; padding-bottom:50px; }	
.proimg-bgmodel-ppmask{display:none;}

/*product clear lotion */
.proimg-clear-lotion{display:none;}
.proimg-clear-lotion-hide{ display:block; position:relative;  z-index:0; width:auto; height:auto; left:-20px; top:0px }
.prodisc-clear-lotion{top:0px; left:0px;padding-bottom:0px}
.proimg-bgmodel-clear-lotion{display:none; }
	
.colorhighlight{ font-size:20px; line-height:22px;}

.pro-vspace{padding:15px;}
.rightpanel{margin-top:60px; top:0px; left:20px; width:100%; cursor:point; z-index:30;}

.mfooter{display:block; position:absolute; top:700px;}
#footer{display:none;}

.rightpanel{margin-top:20px; top:10px; left:0px; width:100%; z-index:30; padding-bottom:40px;}


/* product exfoliating scrub */
.proimg-bgmodel-scrub{ display:none;}

/* product stempowered essence */
.proimg-bgmodel-stempowered-essence{ display:none;}

}

/*iphone L */
@media  (min-width:481px) and (max-width:767px) {
	.rwd-break{display:block;}
	.hpbanner-tryproduct{display:block; top:120px; padding-left:15px; padding-right:15px;}




	.header{display:none;}
	.righticon{ display:block}
	.mlogo{display:block; top:0px; float:left; z-index:999; left:10px; position:absolute; line-height:50px;}
	.icon-fb, .icon-youtube{display:none;}

  .smallleaf{position:absolute; left:0px; top:115px; width:85%; height:auto; }

	.promobox{width:auto; height:370px; position:absolute; top:150px; left:0px; float:left; border-radius:0px; }
	.promotiontxt{font-size:1.8em; top:180px; }

	.darkerbox-title{ font-size:35px; font-weight:bold; color:#fff; line-height:40px;}
	.darkerbox{width:100%; height:370px; margin-top:480px; position:absolute; left:0px; border-radius:0px; }
  .hpimg-estore{ width:450px; height:auto; margin:0px auto; display:block;}
	
	.row{width:100%; top:50px; padding-left:20px; padding-right:20px; }
  .rowheader{width:100%; top:50px; padding:0px;}

	.menubar{top:0px; background-color:#434b2c; z-index:99px; position:absolute; height:50px;}
	.mtitle{display:block;}
	.productcol{top:50px; margin-bottom:30px;}
	.contenttable{width:auto;}
  .fbbox{display:none;}
	.productcol{display:none;}
	.thumbimg{width:60%; left:0px;}
	
	.titleimg{width:95%;}
	.itemtitle-line{width:95%}
	.itemtitle{display:none;}
	
	.about-groupphoto{position:relative; top:0px;}
	

	.proimg-ppmask{ top:0px; width:560px; height:auto; left:0px; margin-bottom:0px; }
	.proimg-bgmodel-ppmask{ width:400px; height:600px; background-size:95%; background-position:right bottom; right:0px;  top:910px; left:340px;}
	.promote-label{position:absolute; top:0px; right:50px; float:right}


.pro-vspace{padding:15px;}
.rightpanel{margin-top:50px; top:0px; left:0px; width:100%; z-index:30; padding-bottom:20px;}

.mfooter{display:block; top:820px; padding-bottom:15px;}
#footer{display:none;}

/*product clear lotion */
.proimg-clear-lotion{display:none;}
.proimg-clear-lotion-hide{ display:block; position:relative;  z-index:0; width:650px; height:auto; left:-20px; top:0px }
.prodisc-clear-lotion{top:0px; left:0px;padding-bottom:0px}
.proimg-bgmodel-clear-lotion{ background-image:url(imgs/bgmodel-clear-lotion.png); background-repeat:no-repeat; width:450px; height:600px; background-size:95%; background-position: bottom; top:700px; left:280px; z-index:-99; position:absolute; float:left}


/* product exfoliating scrub */
.proimg-bgmodel-scrub{ width:380px; height:680px; background-size:100%; background-position: bottom; top:720px; left:340px; z-index:-99; position:absolute; float:left}


/* product stempowered essence */
.proimg-bgmodel-stempowered-essence{ width:500px; height:680px; background-size:85%; background-position: bottom; top:720px; left:240px; z-index:-99; position:absolute; float:left}


}

/*ipad-p*/
@media  (min-width:768px) and (max-width:980px) {
	
		.hpbanner-tryproduct{display:block; top:100px; padding-left:15px; padding-right:15px;}
		.hpimg-estore{ width:500px; height:auto; text-align:center; padding-left:50px; padding-right:auto;}
		
		
	
	.header{display:none;}
	.righticon{ display:block}
	.mlogo{display:block; top:0px; float:left; z-index:99999; left:10px; position:absolute; line-height:50px; }
	.icon-fb, .icon-youtube{display:none;}
	.row{width:100%; top:50px; padding-left:20px; padding-right:20px; }
  .rowheader{width:100%; top:50px; padding:0px;}

	.smallleaf{ position:absolute; left:50px; top:110px; float:left; width:30%; height:auto;}
  .promotiontxt{font-size:28px; top:170px; margin-right:10%; }
	.promobox{width:720px; height:400px; position:relative; float:inherit; margin:0px auto;  top:120px; border-radius:12px;  }


	.darkerbox-title{ font-size:35px; font-weight:bold; color:#fff; line-height:40px;}
	.darkerbox{width:720px; height:380px; top:70px; position:relative; float:inherit; margin:0px auto; border-radius:12px; left:0px; }


	.menubar{top:0px; background-color:#434b2c; z-index:99px; position:absolute; height:50px;}
	.mtitle{display:block;}
	.productcol{top:50px; margin-bottom:30px;}
	.contenttable{width:auto;}
  .fbbox{display:none;}
	.productcol{display:none;}
	.thumbimg{width:60%; left:0px;}
	
	.titleimg{width:95%;}
	.itemtitle-line{width:95%;}
	.itemtitle{display:none;}
	
	.about-groupphoto{position:relative; top:0px;}
	
		
	.mfooter{display:block; margin-top:50px;}
	#footer{display:none;}
	
.pro-vspace{padding:15px;}
.rightpanel{float:left; left:0px; width:auto; top:10px; padding-bottom:50px; }

/*prodoct pp mask */
	.proimg-ppmask{ width:700px; height:auto; top:0px; left:0px; }
	.proimg-bgmodel-ppmask{ float:left; left:350px; top:1000px; width:380px; height:680px; background-size:100%; }
	.promote-label{position:absolute; float:right; top:40px; right:0px;}



/*product clear lotion */
.proimg-clear-lotion{display:none;}
.proimg-clear-lotion-hide{ display:block; position:relative;  z-index:0; width:auto; height:auto; left:-20px; top:0px }
.prodisc-clear-lotion{top:0px; left:0px;padding-bottom:0px}
.proimg-bgmodel-clear-lotion{ background-image:url(imgs/bgmodel-clear-lotion.png); background-repeat:no-repeat; width:400px; height:550px; background-size:100%; background-position: bottom; top:690px; left:330px; z-index:-99; position:absolute; float:left}


/* product exfoliating scrub */
.proimg-bgmodel-scrub{ width:380px; height:680px; background-size:100%; background-position: bottom; top:680px; left:350px; z-index:-99; position:absolute; float:left}


/* product stempowered Essence */
.proimg-bgmodel-stempowered-essence{ width:380px; height:680px; background-size:100%; background-position: bottom; top:680px; left:350px; z-index:-99; position:absolute; }


}


/*ipad L */
@media  (min-width:981px) and (max-width:1024px) {

	.hpbanner-tryproduct{display:block; top:120px; padding-left:15px; padding-right:15px;}

.header{display:none;}
.righticon{ display:block}
	.mlogo{display:block; top:0px; float:left; z-index:99999; left:10px; position:absolute; line-height:50px; }
	.icon-fb, .icon-youtube{display:none;}
	.row{width:100%; top:50px; padding-left:20px; padding-right:20px; }
  .rowheader{width:100%; top:50px; padding:0px;}

	.smallleaf{ position:absolute; left:50px; top:100px; float:left; width:90%; height:auto;}
  .promotiontxt{font-size:35px; top:170px; margin-right:80px; }
	.promobox{width:880px; height:450px; position:relative; float:inherit; margin:0px auto;  top:110px; border-radius:12px;  }

	.darkerbox-title{ font-size:35px; font-weight:bold; color:#fff; line-height:40px;}
	.darkerbox{width:880px; height:550px; top:70px; position:relative; float:inherit; margin:0px auto; border-radius:12px; left:0px; }
	.hpimg-estore{ width:700px; height:auto; margin:0px auto; display:block;}

	.menubar{top:0px; background-color:#434b2c; z-index:99px; position:absolute; height:50px;}
	.mtitle{display:block;}
	.productcol{top:50px; margin-bottom:30px;}
	.contenttable{width:auto;}
  .fbbox{display:none;}
	.productcol{display:none;}
	.thumbimg{width:60%; left:0px;}
	
	.titleimg{width:95%;}
	.itemtitle-line{width:95%;}
	.itemtitle{display:none;}
	
	
	.about-groupphoto{ top:-150px;}
	
	.proimg-ppmask{ width:450px; height:auto; top:20px; left:0px; }
	.proimg-bgmodel-ppmask{ float:right; right:50px; top:550px; width:400px; height:555px; background-size:90%; }
	.promote-label{position:absolute; float:right; top:10px; right:0px;}
	
	.mfooter{display:block; top:50px;}
	#footer{display:none;}
	
	.rightpanel{float:left; left:180px; width:auto; top:10px; padding-bottom:50px; }
	
	
	/*product clear lotion */
.proimg-clear-lotion{display:none;}
.proimg-clear-lotion-hide{ display:block; position:relative;  z-index:0; width:auto; height:auto; left:-20px; top:0px }
.prodisc-clear-lotion{top:0px; left:0px;padding-bottom:0px}
.proimg-bgmodel-clear-lotion{ width:550px; height:750px; background-size:70%; background-position:bottom; top:100px; left:540px; z-index:-99; position:absolute; }

/* product exfoliating scrub */
.proimg-bgmodel-scrub{ width:380px; height:680px; background-size:85%; background-position: bottom; top:200px; left:620px; z-index:-99; position:absolute; float:left}



/* product stempowered Essence */
.proimg-bgmodel-stempowered-essence{ width:550px; height:750px; background-size:65%; background-position:bottom; top:150px; left:540px; z-index:-99; position:absolute;}

	
}