@font-face {
	font-family: 'NovecentowideBook';
	src: url('Novecentowide-Book-webfont.eot');
	src: url('Novecentowide-Book-webfont.eot?#iefix') format('embedded-opentype'), url('Novecentowide-Book-webfont.woff') format('woff'), url('Novecentowide-Book-webfont.ttf') format('truetype'), url('Novecentowide-Book-webfont.svg#NovecentowideBook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TeXGyreAdventorRegular';
	src: url('texgyreadventor-regular-webfont.eot');
	src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), url('texgyreadventor-regular-webfont.woff') format('woff'), url('texgyreadventor-regular-webfont.ttf') format('truetype'), url('texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**** colors

Background Pink: FFF8FA
Button Pink: (design D6387B) EF4573

******/

body {
	font-family: TeXGyreAdventorRegular;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background:#FFF0F2;
}
a:hover {color:#e22c49; text-decoration:none;}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eeeeee;
}
.wraper {
	width: 100%;
	height: auto;
}
.wraper .contaner {
	width: 100%;
	background: #231f20;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: block;
	clear: both;
	height: -1px!important;
}
.button:hover {background:#666;}
.button.pink {margin:10px 0;display:inline-block; text-transform:uppercase; font-size:16px; letter-spacing:1px; font-weight:400; padding:10px 20px;}
.button.round {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.month .active {background-color:#EF4573;}

body.home .wraper .contaner {
	width: 100%;
	background: #000;
}
/*body.home .wraper .contaner header {
	height: 102px;
	width: 1100px;
	margin: 0 auto;
}*/
header:after, header:before, aside:after, aside:before, contaner:after, contaner:before {
	display: table-cell;
	content: "";
}
header:after, aside:after, contaner:after {
	clear: both;
}
header {
	/*height: 100px;*/
	width: 1100px;
	margin: 0 auto;
	padding: 0 10px;
	background: #000;
}
header div.hdr-left, header div.hdr-right {
	display: block;
}


.mobimenu { /*background:#ccc;*/ height:auto; padding:5px 0;}
.mobimenu .dhtmlgoodies_question { background:url(http://10.10.10.30/beautystash/assets/img/frontend/images/icon-toglle.png) no-repeat 96% 50%; color:#fff; text-align:left; padding-left:4%;}
.dhtmlgoodies_answer_content {padding:0 25px;}
.dhtmlgoodies_answer_content ul, .dhtmlgoodies_answer_content ul li { margin:0; padding:0; list-style-type:none;}
.dhtmlgoodies_answer_content ul li { list-style-type:none;}
.dhtmlgoodies_answer_content ul li a, .dhtmlgoodies_answer_content ul li a:hover { color:#fff; display:block; padding:8px 0; text-decoration:none; border-bottom:1px dashed #393232;}
.dhtmlgoodies_answer_content ul li a:hover { color:#db5b8f;}
.dhtmlgoodies_answer_content ul li a.none{ border:none;}
@media (max-width:767px) {
header div.hdr-left, header div.hdr-right {
	width: 100%;
	text-align: center;
}
header div.hdr-right .login_user {
	margin-top: 20px;
	margin-bottom: 20px;
}
header {
	height: auto;
}
header div.hdr-left .logo {
	display: block;
	margin-top: 7px;
}
.login_user { display:none; visibility:hidden;}
.mobimenu {display:block; visibility:visible;}
}
@media (min-width:768px) {
header div.hdr-left {
	width: 30%;
	float: left;
}
header div.hdr-right {
	width: 70%;
	float: right;
}
header div.hdr-right .login_user {
	float: right;
	margin-right: 10px;
	margin-top: 20px;
}
header {
	height: 100px;
}
header div.hdr-left .logo {
	width: 170px;
	height: 74px;
	display: block;
	margin-top: 7px;
}
.login_user { display:block; visibility:visible;}
.mobimenu {display:none; visibility:hidden;}
}


header div.hdr-left {
	/*width: 30%;
	float: left;*/
}

header div.hdr-left .logo a {
	display: block;
}
header div.hdr-left .menu {
	width: auto;
	height: 34px;
	display: block;
	clear: left;
}
header div.hdr-left .menu ul {
	list-style-type: none;
	margin-top: 10px;
	padding: 0;
}
header div.hdr-left .menu ul li {
	display: inline-block;
	margin-right: 10px;
}
header div.hdr-left .menu ul li a, header div.hdr-left .menu ul li a:hover {
	text-decoration: none;
	color: #fff;
}
header div.hdr-right {
	/*width: 70%;
	float: right;*/
}

header div.hdr-right .login_user ul, header div.hdr-right .login_user li {
	margin: 0;
	padding: 0;
}
header div.hdr-right .login_user li {
	display: inline-block;
	padding: 0 2px;
	vertical-align: middle;
}
header div.hdr-right .login_user li:nth-child(1) {
	/*padding-right: 8px;*/
}
header div.hdr-right .login_user li a.border {
	border-right: 1px solid #fff;
	padding-right: 9px;
}
/* header div.hdr-right .login_user li:nth-child(2) a { border-right:1px solid #fff; padding-right:6px;} */
header div.hdr-right .login_user li a, header div.hdr-right .login_user li a:hover {
	text-decoration: none;
	color: #fff;
	font-size:90%;
	display:block;
	height:13px;
	line-height:13px;
	text-transform: uppercase;
}
header div.hdr-right .login_user li a:hover { color:#e64575;}
header div.hdr-right .login_user li a img {margin-top:-17px;}
@media (max-width:479px) {
header div.hdr-left, header div.hdr-right {
	width: 100%;
	text-align: center;
}
header {
	/*height: 130px;*/
}
header div.hdr-left .logo {
	width: inherit;
}
header div.hdr-right .login_user {
	float: none;
	margin-top: 0;
	margin-bottom: 10px;
}
}
aside.launch div.banner {
	/*background: url(../../img/frontend/images/home-bg.jpg) no-repeat center top;
	background-size: 100% 100%;*/
	height: 333px;
	position: relative;
}
aside.launch div.banner .beauty-stash {
	width: 240px;
	height: auto;
	position: absolute;
	top: 190px;
	left: 115px;
	color: #e84677;
	font-size: 22px;
	font-weight: 400;
}
aside.launch div.banner .beauty-stash small {
	display: block;
	width: 100%;
	text-align: center;
	margin: 2px 0;
}
/*body.home .wraper .contaner header .logo {
	width: 22%;
	height: 112px;
	
	display: inline-block;
}
header .logo {
	width: 121px;
	height: 53px;
	float: left;
}
header .logo a img {
	width: 85%;
	margin-top: 10px;
}

body.home .wraper .contaner header .logo a {
	width: 210px;
	height: 102px;
	display: block;
	margin: 0 auto;
}
header .navigation nav {
	width: 100%;
}
header .navigation nav > a, header .navigation nav > a:hover {
	display: block;
	color: #fff;
	text-decoration: none;
	margin-left: 215px;
	padding: 10px;
}
header .navigation nav ul {
	margin-left: 18%;
	
	padding: 0;
	margin-top: 20px;
}
header .navigation nav ul li {
	display: inline-block;
	float: left;
	padding: 10px;
}
header .navigation nav ul li a, header .navigation nav ul li a:hover {
	color: #fff;
	text-decoration: none;
	font-size: 20px;
}*/
aside {
	width: 1100px;
	text-align: center;
	margin: 0 auto;
}
body.home aside {
	text-align: left;
	margin-bottom: 50px;
	padding: 30px 0;
}
body.home aside h3, body.home aside.launch span:nth-child(2), body.home aside h2 {
	/*margin-left: 50px;*/
}
body.home aside.launch h2 {
	font-size: 30px;
	font-weight: 400;
	/* width: 90%;margin-top: 80px; */
	display: block;
	
}
body.home aside.launch h3 {
	font-size: 25px;
	font-weight: 400;
	color: #E64575;
	width: 90%;
	display: block;
	overflow: hidden;
}
body.home aside.launch span {
	
	
	width: 115px;
height: 115px;
border-radius: 140px;
border: 16px solid #e22c49;
display: inline-block;
text-align: center;
/* font-size: 20px; */
/* float: left; */
margin: 0 40px 0 0;
padding: 10px;
/* clear: both; */
/* vertical-align: middle; */
/* line-height: 60px; */
	
	
}
@media (max-width:480px) {
	body.home aside.launch span { margin-bottom:20px;}
}

body.home aside.launch span:nth-child(5) {
	border: none;
	vertical-align: top;
margin-top: 30px;
}
@media (max-width:768px) {
	body.home aside.launch span:nth-child(5) {
	border: none;
	/*margin-left:-40px;*/
	width:100%;
}
	
	}

/*body.home aside.launch span:nth-child(5) {
	border: none;
	width: 250px;
	padding: 65px 0 20px 30px;
}*/
body.home aside span .curvedarrow {
	position: relative;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-right: 9px solid #e22c49;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	top: -48px;
	left: 155px;
}


body.home aside span .curvedarrow:after {
	content: "";
	position: absolute;
	border: 0 solid transparent;
	border-top: 3px solid #E64575;
	border-radius: 0;
	top: -11px;
	left: -9px;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
/*body.home aside ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
body.home aside ul li {
	display: inline-block;/*float:left;
	margin: 0 12px;
}*/
body.home aside ul li:hover {
	cursor: pointer;
}
body.home .wraper .contaner header .banner {
	width: 100%;
	height: 419px;
	float: left;
	margin-top: 20px;
	position: relative;
	background: url(../../img/frontend/images/home-bg.jpg) no-repeat center top;
	background-size: 100% auto;
}
body.home .wraper .contaner header .banner .beauty-stash {
	width: 240px;
	height: auto;
	position: absolute;
	top: 190px;
	left: 115px;
	color: #e84677;
	font-size: 22px;
	font-weight: 400;
}
body.home .wraper .contaner header .banner .beauty-stash span {
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	margin: 2px 0;
}
/*input[type=button]{background:#e84677;border:none;color:#fff;cursor:pointer;}*/
.big {
	font-weight: 400;
	font-size: 30px;
	-webkit-box-shadow: 3px 3px 1px 0 rgba(50,50,50,0.75);
	-moz-box-shadow: 3px 3px 1px 0 rgba(50,50,50,0.75);
	box-shadow: 3px 3px 1px 0 rgba(50,50,50,0.75);
	margin: 10px 0;
	letter-spacing: 1px;
	padding: 10px 20px;
	margin:10px 0;
	display:inline-block; 
	text-transform:uppercase; 
	background:#e22c49;
	text-decoration:none; color:#fff;
}
a.big:hover { color:#fff;background:#666;text-decoration:none; }
.small {
	border-radius: 5px;
	font-weight: 700;
	font-size: 26px;
	padding: 5px 25px;ackground: #e84677;
	border: none;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

aside h1 {
	font-size: 26px;
	font-weight: 400;
	margin: 45px 0;
	text-align: center;
}
aside .skin-tone-select {
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	width: 100%;
}
aside .skin-tone-select span {
	display: inline-block;
	text-align: center;/*float:left;*/
	margin: 0 5px;
}
aside .skin-tone-select.make-up span {
	border: 2px solid #000;
	-moz-border-radius: 100px /;
	-webkit-border-radius: 100px / 100px;
	border-radius: 100px / 100px;
	padding: 30px 50px;
}
aside .skin-tone-select span a.qactive {
	border-radius: 3px;
	border: 1px solid #c00;
	background: url(../../img/frontend/images/Check_mark.png) no-repeat 50% 35%;
	margin: 0 2px;
}
aside .skin-tone-select span a.qactive img {
	opacity: 0.5;
}
aside .skin-tone-select span a {
	text-decoration: none;
	color: #000;
	width: 100%;
	display: block;
	height: 100%;
	border: 3px solid #fff;
}
aside .skin-tone-select span a:hover, aside .skin-tone-select span a:active {
	border-radius: 3px;
	border: 1px solid #c00;
	background: url(../../img/frontend/images/Check_mark.png) no-repeat 50% 35%;
	margin: 0 2px;
}
aside .skin-tone-select span a img {
	display: block;
	margin: 0 auto;
}
aside .skin-tone-select span a img:hover {
	opacity: 0.5;
}
aside .button-group {
	margin-top: 80px;
	margin-bottom: 20px;/*display:inline-block;*/
	text-align: center;
}
aside .button-group a {
	margin: 0 25px;
}
aside .button-group input[type=image] {
	margin: 0 35px;
}
body.home .wraper footer {
	width: 1100px;
	color: #000;
	height: auto;
	margin: 0 auto;
	padding: 15px 0;
}
body.home .wraper footer span {
	width: 100%;
	float: left;
	text-align: center;
	display: block;
}
body.home .wraper footer span ul {
	list-style-type: none;
	margin: 10px auto;
	padding: 0;
}
body.home .wraper footer span ul li a, body.home .wraper footer span ul li a:hover {
	text-decoration: none;
}
body.home .wraper footer span:nth-child(2) ul li a {
	color: #B45275;
	margin: 0 10px;
	font-size:90%;
}
body.home .wraper footer span ul li a:hover {
	color: #fff;
}
body.home .wraper footer span:nth-child(3) {
	color: #fff;
	margin-top: 15px;
	font-size: 80%;
}
body.home .wraper footer span:nth-child(2) {
	font-size: 18px;
}
.clearfix, body.home .wraper footer span ul li {
	display: inline-block;
	/*margin: 0 5px;*/
}
@media (max-width:400px) {
	body.home .wraper footer span ul li { margin:0;}
	
	}
@media (min-width:401px) {
	body.home .wraper footer span ul li { margin: 0 5px;}
	
	}

/************* form-control *************/

body.home aside.form-control span {
	width: auto;
	height: auto;
	border-radius: 0;
	border: none;
	display: inline-block;
	text-align: none;
	font-size: 20px;
	float: none;
	margin: 0;
	padding: 0;
}
body.home aside.form-control {
	text-align: center;
}
body.home aside.form-control .form-wraper {
	
	height: auto;
	background: #fff;
	margin: 0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px 0;
}
@media (max-width:767px) {
body.home aside.form-control .form-wraper {width: 90%;
}
}

body.home aside.form-control .form-wraper div.logo {
	width: 100%;
	border: none;
	margin: 10px 0;
}
body.home aside.form-control .form-wraper div.form-group {
	width: 100%;
	border: none;
	margin: 10px 0;
}
body.home aside.form-control .form-wraper div.form-group .form-post > input[type="submit"] {
	width: auto;
	border: none;
	outline: none;
	background: #ed1f24;
	height: auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fff;
	font-size: 25px;
	padding: 8px 60px;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type {
	/*background: #fefefe;*/
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 90%;
	margin: 0 0 0 0;
	padding: 10px 0;
	float: none;
	height: auto !important;
	min-height: 370px;
	height: 370px;
	text-align: center;
	/*border: 1px solid #e5e5e5;*/
	position: relative;
}
.form-post span.chose-type p { text-align:center; display:block; color:#555; font-size:16px; padding-left:25px;}
.chose-type.register h4 {margin: 0;padding: 0 0 0 20px;text-align: left;}
/*body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type:before {
	content: "";
	display: block;
	border: 10px solid transparent;
	border-bottom: 10px solid #e5e5e5;
	border-top: 0;
	height: 0;
	width: 0;
	position: absolute;
	top: -11px;
	left: 50%;
}*/
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type label.select {
	width: 202px;
	display: inline-block;
	margin: 0 4px;
	padding: 0;
	float: left;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type label.select section.chose-state {
	width: 190px;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	padding-left: 10px;
	border-radius: 2px;
	border: 1px solid #ccc;
	background: #fffcfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fffcfc 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffcfc), color-stop(100%, #d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fffcfc 0%, #d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fffcfc 0%, #d8d8d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fffcfc 0%, #d8d8d8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fffcfc 0%, #d8d8d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#d8d8d8', GradientType=0 ); /* IE6-9 */
}
span.chose-type label.select section.chose-state small {
	width: 35px;
	height: 40px;
	border-left: 1px solid #ccc;
	display: block;
	float: right;
	background: url(../../img/frontend/images/arrow-up-down.png) no-repeat 50% 50%;
}
span.chose-type label.select section.chose-state small:hover {
	background: #fff url(../../img/frontend/images/arrow-up-down.png) no-repeat 50% 50%;
	border-bottom: 1px solid #fff;
}
span.chose-type label.select section.chose-state:hover section.chose-dropdown {
	display: block;
}
span.chose-type label.select section.chose-state section.chose-dropdown {
	display: none;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 200px;
	margin-left: -11px;
}
span.chose-type label.select section.chose-state section.chose-dropdown ul {
	width: 90%;
	margin: 0 auto;
}
span.chose-type label.select section.chose-state section.chose-dropdown ul li {
	display: inline-block;
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding: 0;
	text-align: left;
}
span.chose-type label.select section.chose-state section.chose-dropdown ul li:last-child {
	border: none;
}
/*body.home aside.form-control .form-wraper div.form-group .form-post span.login-register {border:none; float:none; margin:0; width:auto; height:50px; line-height:50px; vertical-align:middle;}
body.home aside.form-control .form-wraper div.form-group .form-post span.login-register label { display:inline-block; float:left;}
body.home aside.form-control .form-wraper div.form-group .form-post span.login-register label:nth-child(1) {  width:150px; background:#F00; color:#fff; height:40px; margin-right:-15px; margin-top:5px;}
body.home aside.form-control .form-wraper div.form-group .form-post span.login-register label:nth-child(2) {  width:50px; height:50px; background:#F00; color:#fff; border-radius:50px; }
body.home aside.form-control .form-wraper div.form-group .form-post span.login-register label:nth-child(3) {  width:150px; height:40px; background:#666; color:#fff; margin-top:5px; z-index:222222;}*/

body.home aside.form-control .form-wraper div.form-group .form-post span.login-register {
	border: none;
border-radius: 0;
float: none;
margin: 0;
/* width: 430px; */
/* height: 82px; */
/* line-height: 82px; */
padding: 23px 28px;
vertical-align: middle;
background: url(../../img/frontend/images/signin-register.png) no-repeat center top;
background-size: 100% 100%;
}

body.home aside.form-control .form-wraper div.form-group .form-post span.login-register a, body.home aside.form-control .form-wraper div.form-group .form-post span.login-register a:hover {
	text-decoration: none;
}
#login_frm span.login-register a, #login_frm span.login-register a:visited {
	text-decoration: none;
}
.login {
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	text-decoration: none;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type h2 {
	display: block;
	width: auto;
	margin: 5px 25px;
	font-size: 20px;
	padding: 0;
	text-align: left;
	color: #666;
	font-weight: 700;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span {
	display: inline-block;
	height: 250px;
	float: left;
}
.form-wraper div.form-group .form-post span.chose-type span.left {
	width: 40%;
	margin-left: 25px;
}
@media (min-width:768px)  {a.fb, a.twitter {width:245px;} a.forget { text-align:right;}
body.home aside.form-control .form-wraper {
	width: 700px;
}
}
@media (max-width:767px) {body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.left,
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right { width:100%; height:inherit; margin-left:inherit;}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.middle  { display:none;}
a.fb, a.twitter { width:inherit;}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right label, body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right input[type="text"], body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right input[type="password"] {
	display: block;
	width: 95%;
	text-align:inherit;
	
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right input[type="button"] { float:none;}
a.forget { text-align:center;}
body.home aside.form-control .form-wraper {
	width: 100%;
}}

a.fb, a.twitter {
	/*width: 245px;*/
	height: 49px;
	display: block;
	margin: 30px 0;
}
a.fb {
	background: url(../../img/frontend/images/login-fb.jpg) no-repeat center top;
}
a.twitter {
	background: url(../../img/frontend/images/login-twit.jpg) no-repeat center top;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.middle {
	width: 10%;
	background: url(../../img/frontend/images/devider-log.jpg) no-repeat center top;
}
.form-wraper div.form-group .form-post span.chose-type span.right {
	width: 40%;
}
.form-post span.chose-type span.right label, .form-post span.chose-type span.right input[type="text"], .form-post span.chose-type span.right input[type="password"] {
	display: block;
	width: 95%;
	text-align: left;
	font-size: 12px;
	color: #666;
	font-weight: 400;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right input[type="text"], body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right input[type="password"] {
	padding: 15px 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #f5f5f5;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right label {
	background: none;
	padding: 0;
	margin: 10px 0 5px 0;
}
.form-post span.chose-type span.right input[type="button"] {
	/* background: #F00;
	color: #fff;
	padding: 10px 40px;
	border: none;
	outline: none;
	font-size: 18px;
	font-weight: 400;
	border-radius: 5px;
	margin-top: 10px;
	cursor: pointer; */
	float: right;	
}
a.forget {float: right;
text-decoration: none;
font-size: 12px;
display: block;
width: 100%;

color: #000;}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label, body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > input {
	width: 91%;
	font-size: 15px;
	text-align: left;
	/*border-radius: 5px;*/
	padding: 4px 5px;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > input {
	border:1px solid #666;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label {
	padding: 0 23px;
	background: none;
	margin: 20px 0 5px 0;
	height: auto;
	color: #666;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label.name {
	height: 50px;
	background: #edf8f7;
	border: 1px solid #c6e2e6;
	padding: 0;
	margin: 0 0 10px 20px;
	border-radius: 5px;
	width: 93%;
	display: block;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type.register > label {
	width: 93%;
	display: block;
}

body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label.name:before { /*content:"Name |"; font-size:15px; margin-left:10px; vertical-align:middle; color:#6b7b8a;*/
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label.name input {
	width: 85%;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label > input {
	/* padding: 15px 5px;
	background: none; */
	border: none;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label > input[type="checkbox"] {
	height: 25px;
	width: 25px;
	background: #ccc;
	border-radius: 3px;
	border: none;
	outline: none;
	float: left;
}
/*
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label > input[type="button"] {
	background: #ec4949;
	border-radius: 5px;
	border: none;
	outline: none;
	float: right;
	padding: 10px 40px;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}*/
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label h5 {
	font-size: 10px;
	font-weight: 400;
	float: left;
	height: 15px;
	line-height: 0;
	margin-top: 20px;
}
body.home aside .signup h2 {
	margin: 10px 0;
	width: 100%;
}
body.home aside .signup span.signup-fbtw {
	margin: 0 auto;
	display: block;
}
body.home aside .signup span.signup-fbtw a {
	display: inline-block;
	height: 68px;
	width: 162px;
}
body.home aside .signup span.signup-fbtw a:nth-child(1) {
	background: url(../../img/frontend/images/fb-sign-up.png) no-repeat right top;
	margin-right: -3px;
	background-size:100% 100%;
}
body.home aside .signup span.signup-fbtw a:nth-child(2) {
	background: url(../../img/frontend/images/tw-sign-up.png) no-repeat left top;
	margin-left: -3px;
	background-size:100% 100%;
}
body.home aside .signup span.devider {
	width: 75%;
	background: url(../../img/frontend/images/or-sign-up.png) center top;
	height: 15px;
	margin-top: 15px;
	width: 327px;
}
body.home aside .signup span.input-type input[type="text"], body.home aside .signup span.input-type input[type="password"] {
	width: 90%;/*
	height: 35px;*/
	line-height: 35px;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 5px 0;
	padding: 5px 10px;
}

/*
body.home aside .signup span.input-type a {
	background: url(../../img/frontend/images/signup-signup.png) no-repeat center top;
	width: 258px;
	height: 70px;
	display: block;
	margin: 10px auto;
}*/
/*header .navigation.sample-select nav > a, header .navigation.sample-select nav > a:hover { margin:0; display:inline-block;}
header .navigation.sample-select nav > a:first-child { margin-left:186px;}*/
header .navigation.sample-select nav > a, header .navigation.sample-select nav > a:hover {
	margin: 0;
	display: inline-block;
}
header .navigation.sample-select nav > a:nth-child(1) {
	height: 25px;
	width: 20px;
	background: #fff;
	margin-left: 140px;
}
header .navigation.sample-select nav > a:nth-child(2) {
}
.sample-pick a {
	width: 49%;
	display: inline-block;
	background: #ccc;
	color: #000;
	margin: 0;
	padding: 10px 0;
	font-size: 25px;
	text-align: center;
}
.sample-pick a, .sample-pick a:hover {
	text-decoration: none;
}
.sample-pick a:hover {
	color: #666;
}
.sample-pick a:nth-child(1) {
	border-right: 4px solid #666;
	margin-right: -2px;
}
.sample-pick a:nth-child(2) {
	margin-left: -2px;
}

/* ************************** */
@media (max-width:767px) {
.sample-pick a:nth-child(1) {
	border-right:0;
	margin-right: 0;
	width:100%;
	font-size:125%;
}
.sample-pick a:nth-child(2) {
	margin-left:
	width:100%;
	display:none;
}
aside.user .product-area div.product-name-desc > span.product:hover {
	background: url(../../img/frontend/images/green_check_mark.png) no-repeat 50% 50%; background-size:50% 50%;
}
}

@media (max-width:479px) {aside.user .product-area div.product-name-desc { width:42%;}}
@media (min-width:480px) and (max-width:767px){aside.user .product-area div.product-name-desc { width:27%;}}
@media (min-width:768px) {
	aside.user .product-area div.product-name-desc { 
	width:20%;}
}

/* ************************** */

aside.user .product-area {
	display: block;
	width: 100%;
	text-align:center;
}
aside.user .product-area div.product-name-desc {
	/*width: 20%;*/
	display: inline-block;
	/*height: 350px;*/
	/*border: 3px solid #000;*/
	margin: 15px 20px 30px 20px;
	vertical-align:top;
	font-size:90%;
}
aside.user .product-area div.product-name-desc > span {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	border-radius: 0;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	float: left;
}
aside.user .product-area div.product-name-desc > span.product {
	height: 240px;
/* border-bottom: 3px solid #000; */
background: #fff;
vertical-align: middle;
display: block;
margin: 10px 0;
}
aside.user .product-area div.product-name-desc > span.product img {
	display: table-cell;
	margin: 10% auto;
	vertical-align: baseline;
	width: 90%;
	max-height:240px;
}
aside.user .product-area div.product-name-desc > span.product:hover {
	background: url(../../img/frontend/images/green_check_mark.png) no-repeat 50% 50%; background-size:100px 100px;
	height: 240px;
	z-index:111111;
/* border-bottom: 3px solid #000; */
}
aside.user .product-area div.product-name-desc > span.product.active {
	background: url(../../img/frontend/images/green_check_mark.png) no-repeat 50% 50%;
}
aside.user .product-area div.product-name-desc > span.product.active img,
aside.user .product-area div.product-name-desc > span.product img:hover {
	opacity: 0.3;
}
aside.user .product-area div.product-name-desc > span.description {
	/*height: 68px;*/
	border-bottom: 0;
}
div.product-name-desc > span.description > p {
	width: 95%;
	padding-left: 3%;
}
span.description small.pdisc {
	width: 100%;
}
span.description small.pdisc p {
	display: inline-block;
	height: auto;
	vertical-align: text-top;
}
span.description small.pdisc p:nth-child(1) {
	width: 30%;
}
span.description small.pdisc p:nth-child(2) {
	width: 65%;
}
aside.user .product-area div.product-name-desc > span.description p {
	font-size: 95%;
	/*text-align: left;*/
	margin: 0;/*padding: 0;*/
}
aside.user div.submitbt {
	margin-top: 50px;
	text-align: center;
}
aside.user div.submitbt a.product-submit {/*font-size:25px; padding:10px 20px; border:4px solid #000; display:block; width:100px; color:#000; text-align:center; margin:0 auto; 
background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 59%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(59%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 59%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 59%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 59%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 59%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );*/
	background: #5477bb;
	color: #fff;
	padding: 10px 40px;
	border: none;
	outline: none;
	font-size: 20px;
	border-radius: 5px;
	text-decoration: none;
	margin-top: 10px;
}
aside.user div.submitbt a.product-submit:hover {
	color: #b1c7f1;
	text-decoration: none;
}
/* selected stash */ 
aside.user .select-stash-container .select-stash {
	width: 100%;
	background: #FFE9EB;
	text-align: center;
	padding: 10px 0;
}
aside.user .select-stash-container .select-stash h2 {
	margin: 0;
	width: 100%;
	text-align: center;
}
aside.user .select-stash-container .select-stash > span {
	width: 140px;
	height: 140px;
	display: inline-block;
	margin: 15px;
	padding: 0;
	float: none;
	/* border: 2px solid #000; */
	border-radius: 0;
}
aside.user .select-stash-container > div {
	padding: 10px 20px;
	width: 100%;
}
aside.user .select-stash-container h2.select {
	margin: 0;
}
aside.user .select-stash-container .subscription label {
	float: left;
	width: 100%;
}
aside.user .select-stash-container .subscription label input[type="checkbox"] {
	width: 15px;
	height: 15px;
	background: none;
}
aside.user .select-stash-container .promocode input[type="text"] {
	width: 35%;
	height: 25px;
	line-height: 25px;
	padding: 5px 10px;
}
aside.user .select-stash-container .shipping-details label input[type="text"], aside.user .select-stash-container .billing-details label input[type="text"], aside.user .select-stash-container .payment-details label input[type="text"] {
	width: 80%;
	height: 20px;
	padding: 2px 7px;
}
aside.user .select-stash-container .shipping-details label, aside.user .select-stash-container .billing-details label, aside.user .select-stash-container .payment-details label {
	width: 45%;
	display: inline-block;
}
aside.user .select-stash-container .payment-details select {
	width: 38%;
	/* height: 20px; */
	padding: 5px;
}
.payment-details select option {
	padding: 2px 7px;
}
aside.user .select-stash-container .billing-details label:nth-child(2) {
	width: 90%;
	display: inline-block;
}
aside.user .select-stash-container .confirm-order {
	width: 220px;
	margin: 20px auto;
}
aside.user .select-stash-container .confirm-order a {
	background: #59c4ee;
	color: #fff;
	padding: 10px 40px;
	border: none;
	outline: none;
	font-size: 20px;
	border-radius: 5px;
	text-decoration: none;
	margin-top: 10px;
}
aside.user .select-stash-container .confirm-order a:hover {
	color: #cdf1ff;
}
.register input,
.register h5,
.register #uregister, .register #tnc {}

.profile-details h3,
.account-details h3,
.beauty-profile h3,
.Sample-profile h3,
.shipping-address h3,
.sample-history h3 {display:inline; vertical-align:middle;font-size:}

.profile-details .editlink,
.account-details .editlink,
.beauty-profile .editlink,
.Sample-profile .editlink,
.shipping-address .editlink,
.sample-history .editlink {display:inline; vertical-align:middle;}
.editlink:hover {color:#EF4573!important;}


/**************************/

/* profile update */ 
/*aside.user .profile-update .subscribe {
	width: 100%;
	background: #f0f0f0;
	text-align: center;
	padding: 10px 0;
}
aside.user .profile-update .subscribe h1 {
	margin: 0 auto;
	width: 85%;
	text-align: center;
	display: block;
	background: #CCC;
	font-size: 55px;
	padding: 15px 0;
	font-weight: 400;
}
aside.user .profile-update > div {
	padding: 10px 20px;
	width: 100%;
}
aside.user .profile-update h2.select {
	margin: 0;
}
aside.user .profile-update .profile-details .profile-pic, aside.user .profile-update .profile-details .account-details {
	display: inline-block;
}
aside.user .profile-update .profile-details .profile-pic {
	width: 20%;
}
aside.user .profile-update .profile-details .account-details {
	width: 75%;
	margin-left: 2%;
}
aside.user .profile-update h3 {
	font-size: 20px;
	font-weight: 700;
	color: #000000;
	margin: 0;
}
aside.user .profile-update a {
	float: right;
	display: block;
	color: #F00;
}
aside.user .profile-update table tr td {
	padding: 5px 0 5px 0;
}
aside.user .profile-update .profile-details .profile-pic figure {
	display: block;
	width: 150px;
	height: 150px;
	border: 4px solid #ccc;
	margin: 25px 0 0 0;
}
aside.user .profile-update .shipping-address label input[type="text"] {
	width: 80%;
	height: 20px;
	padding: 2px 7px;
}
aside.user .profile-update .shipping-address label {
	width: 45%;
	display: inline-block;
}
aside.user .profile-update .sample-history span {
	width: 200px;
	height: 200px;
	border-radius: 0;
	border: 2px solid #ccc;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	float: none;
	margin: 30px;
	padding: 0px;
}*/

ul#slider {list-style:none; margin:0; padding:0; margin:0 auto;}
ul#slider li {list-style:none; margin:0; padding:0;}

/* *********************** */ 
hr.grey {
	border: 0;
	background-color: #EBEBEB;
	height: 5px;
}
.profile-update .subscribe {
	width: 100%;
	background: #f0f0f0;
	text-align: center;
	padding: 10px 0;
}
.profile-update .subscribe h1 {
	margin: 0 auto;
	width: 85%;
	text-align: center;
	display: block;
	background: #CCC;
	/*font-size: 55px;*/
	padding: 15px 0;
	font-weight: 400;
}
.profile-update .subscribe h1:hover {background-color:#EF4573;}
.profile-update > div {
	padding: 10px 20px;
	width: 95%;
}
.profile-update h2.select {
	margin: 0;
}
.profile-update .profile-details .profile-pic, .profile-update .profile-details .account-details {
	display: inline;
	float: left;
}
.profile-update .profile-details .profile-pic figure {
	display: inline;
	float: left;
	width: 200px;
	height: 200px;
	border: 4px solid #ccc;
	margin: 0;
	overflow: hidden;
}
.profile-update .profile-details .profile-pic {/*width:30%;*/
}
.profile-update .profile-details .profile-pic section, .profile-update .profile-details .account-details section {
	width: 75%;
	margin-bottom: 50px;
}
.profile-update .shipping-address section, .profile-update .sample-history section {
	width: 30%;
	margin-bottom: 50px;
}
.profile-update .profile-details .account-details section {
	width: 41%;
	margin-left: 150px;
}
.profile-update .profile-details .account-details {/*width:65%; margin-left:2%;*/
}
.profile-update .beauty-profile section, .profile-update .Sample-profile section {
	width: 23%;
	margin-bottom: 30px;
}
.profile-update .profile-details .profile-pic section h3, .profile-update .profile-details .account-details section h3, .profile-update .beauty-profile section h3, .profile-update .Sample-profile section h3, .profile-update .shipping-address section h3, .profile-update .sample-history section h3 {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 120%;
}
.profile-update a,.profile-update a:visited { color: #CCC; font-size: 80%; /* margin-top: -12px; */ }

.profile-update .profile-details .account-details table { margin-left: 100px; }
.profile-update .profile-details .beauty-profile section { /*width: 75%; margin-bottom: 50px; }
.profile-update table tr td { padding: 5px 0 5px 0; }
.profile-update .beauty-profile table tr td, .profile-update .Sample-profile table tr td {  /*width: 15%;text-align: center; float: left;*/ }

.profile-update .beauty-profile table tr td h5, .profile-update .Sample-profile table tr td h5 {
	display: block;
	height: 30px;
}
.profile-update .beauty-profile table tr td section, .profile-update .Sample-profile table tr td section {
	width: 100%;
	height: 150px;
}
.profile-update .beauty-profile table tr td p, .profile-update .Sample-profile table tr td p {
	display: block;
	width: 90%;
	margin: 5px auto;
}
.profile-update .beauty-profile table tr td p:nth-child(2), .profile-update .Sample-profile table tr td p:nth-child(1) {
	width: 100px;
	height: 100px;
	border: 1px solid #000;
}
.profile-update .beauty-profile table tr td p:nth-child(3), .profile-update .Sample-profile table tr td p:nth-child(2) {
	width: 100px;
	height: auto;
	border: 1px solid #000;
	padding: 5px 0;
	line-height: 20px;
}
.profile-update .shipping-address label input[type="text"] {
	width: 80%;
	height: 20px;
	padding: 2px 7px;
}
.profile-update .shipping-address h3 { width:100%; /*display:block;*/ margin:0;}
.profile-update .shipping-address label {
	width: 45%;
	display: inline-block;
}
.profile-update .sample-history .history, .profile-update .sample-history .month {
	width: 100%;
	height: auto;
}
.profile-update .sample-history .history .year {
	width: 30%;
	display: inline-block;
}
.profile-update .sample-history .history .all-sample {
	width: 60%;
	display: inline-block;
	text-align: center;
}
.profile-update .sample-history .history .year small {
	display: inline-block;
	margin-right: 15px;
}
.profile-update .sample-history .history .all-sample a {
	color: #000;
	float: inherit;
}
.profile-update .sample-history .history .year small:nth-child(1) {
}
.profile-update .sample-history .history .year small:nth-child(2) {
	border: 1px solid #000;
	padding: 10px;
}
.profile-update .sample-history .month p {
	display: inline-block;
	border: 1px solid #000;
	padding: 10px 5px;
	margin-right: 5px;
	background-color:#;
}
.profile-update .sample-history .month p.plain {}
.profile-update .sample-history .month p:hover {}

.profile-update .sample-history .month p:nth-child(1) {
	margin-right: 20px;
	border: 0;
}


.beuty-input-check ul, li { margin:0; padding:0;}
.beuty-input-check ul.input-check, .beuty-input-check ul.input-check > li ul{ text-align:left; list-style-type:none; font-size:92%;}
.beuty-input-check ul.input-check > li { width:100%; display:inline-block; margin:5px 0;}
.beuty-input-check ul.input-check > li ul li{ width:150px; display:inline-block; margin:10px 0;}
.beuty-input-check ul.input-check > li ul li:first-child { width:18%; font-weight:bold;}
.beuty-input-check ul.input-check > li ul li input[type="radio"], 
.beuty-input-check ul.input-check > li ul li input[type="checkbox"] { margin-right:5px; height:15px; width:15px;}
.beauty-profile .beuty-input-check ul.input-check > li ul li { width:125px;}

input.address {width:65%;
height: 20px;
padding: 2px 7px;}
.account-details table tr td input{ margin:5px 0; float:left;}

@media (max-width:1023px) {
.beuty-input-check ul.input-check > li ul li:first-child { width:100%; }}


/* ************/ 
/*
ul.marquee0 > ul { margin:0; padding:0; list-style:none;overflow:inherit; width:100%;}
ul.marquee0 ul li {margin:0; padding:0; display:inline-block; list-style:none; width:120px; height:100px; background:#fff; margin:0 2px; }

ul.marquee0 ul li img {width:auto; display:block; margin:auto 3px; padding:0;}
*/

/* .marquee0 div {width:100px; height:100px; background-color:#FFF; display:inline-table;float:left;vertical-align:middle;} */
.marquee0 {width:100%;display:table;margin-top:20px;/* background:#FFD3E7; */}
.marquee0 div div {height:100px; background-color:#FFF; display:table;float:left;vertical-align:middle;}
.marquee0 div div i {/* border-right:solid 1px #FF9999; */display:table-cell;vertical-align:middle;height:100px;}


/* *********************** */ 


ul.bprofile {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.bprofile li {
	margin: 0;
	padding: 0;
	list-style: none;
	
	
	height: 220px;
	display: table;
	text-align: center;
	display: inline-block;/*float:left;*/
	margin: 0 12px;
}
ul.bprofile li h4 {
	height: 40px;
	font-size: 16px;
	vertical-align: bottom;
	font-weight: 400;
	margin: 5px auto;
	text-align: center;
	width: 100px;
	display: table;
	line-height: 100%;
	padding-bottom: 10px;
}
ul.bprofile li h4 span {
	vertical-align: bottom;
	display: table-cell;
	text-align: center;
	width: 100px;
}
ul.bprofile li h5 {
	height: 30px;
	font-size: 100%;
	width: 100px;
	display: table;
	font-weight: 400;
	margin: 5px auto;
	border: 1px solid #000;
	text-align: center;
}
ul.bprofile li img {
	width: 100px;
	height: 100px;
	border: 1px solid #000;
	text-align: center;
	margin-bottom: 5px;
}
ul.sprofile {
	
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.sprofile li {
	
	padding: 0;
	list-style: none;
	
	margin: 0 10px 30px; /*height:220px;*/
	display: table-cell;
	text-align: center;
	vertical-align: text-top;
	display: inline-block;
/* float: left; */
margin: 0 12px;
}
ul.sprofile li h4 {
	height: 40px;
	font-size: 16px;
	vertical-align: bottom;
	font-weight: 400;
	margin: 5px auto;
	text-align: center;
	width: 100px;
	display: table;
	line-height: 100%;
	padding-bottom: 10px;
}
ul.sprofile li h4 span {
	vertical-align: bottom;
	display: table-cell;
	text-align: center;
	width: 100px;
}
ul.sprofile li h5 {
	height: 30px;
	font-size: 100%;
	width: 100px;
	display: table;
	font-weight: 400;
	margin: 5px auto;
	border: 1px solid #000;
	text-align: center;
}
ul.sprofile li img {
	width: 100px;
	height: 100px;
	border: 1px solid #000;
	text-align: center;
	margin-bottom: 5px;
}
/* profile look */ 
aside.user .profile-look > div {
	margin-bottom: 35px;
}
aside.user .profile-look .subscribe {
	width: 100%;
	background: #f0f0f0;
	text-align: center;
	padding: 10px 0;
}
aside.user .profile-look .subscribe h1 {
	margin: 0 auto;
	width: 85%;
	text-align: center;
	display: block;
	background: #CCC;
	font-size: 55px;
	padding: 15px 0;
	font-weight: 400;
}
aside.user .profile-look > div {
	padding: 10px 20px;
	width: 95%;
}
aside.user .profile-look h2.select {
	margin: 0;
}
aside.user .profile-look .profile-details .profile-pic, aside.user .profile-look .profile-details .account-details {
	display: inline;
}
aside.user .profile-look .profile-details .profile-pic {
	width: 20%;
}
aside.user .profile-look .profile-details .account-details {
	width: 75%;
	margin-left: 4%;
}
aside.user .profile-look h3 {
	font-size: 20px;
	font-weight: 700;
	color: #000000;/* width: 90%; *//* display: block; *//* overflow: hidden; */
	margin: 0;
}
aside.user .profile-look a {
	float: right;
	display: block;
	color: #F00;
}
aside.user .profile-look .beauty-profile, aside.user .profile-look .Sample-profile {
	padding: 0 0;
}
aside.user .profile-look .beauty-profile label {
	width: 120px;
	margin: 0 20px;
	display: inline-block;
	text-align: center;
}
aside.user .profile-look .Sample-profile label {
	width: 120px;
	margin: 10px 5px 10px 5px;
	display: block;
	text-align: center; /*float:left;*/
}
aside.user .profile-look .beauty-profile label p, aside.user .profile-look .Sample-profile label p {
	display: block;
	width: 100%;
	margin: 5px 0;
	font-size: 14px;
}
aside.user .profile-look .beauty-profile label p:nth-child(1), aside.user .profile-look .Sample-profile label p:nth-child(1) {
}
aside.user .profile-look .beauty-profile label p:nth-child(2), aside.user .profile-look .Sample-profile label p:nth-child(2) {
	border: 1px solid #000;
	height: 100px;
}
aside.user .profile-look .beauty-profile label p:nth-child(3), aside.user .profile-look .Sample-profile label p:nth-child(3) {
	border: 1px solid #000;
	height: 20px;
}
aside.user .profile-look table tr td {
	padding: 5px 0 5px 0;
	vertical-align: top;
}
aside.user .profile-look .profile-details .profile-pic figure {
	display: inline;
	width: 150px;
	height: 150px;
	border: 4px solid #ccc;
	margin: 25px 0 0 0;
}
aside.user .profile-look .shipping-address label input[type="text"] {
	width: 80%;
	height: 20px;
	padding: 2px 7px;
}
aside.user .profile-look .sample-history span {
	width: 100%;
	height: auto;
	border-radius: 0;
	border: 0;
	display: inline-block;
	text-align: inherit;
	font-size: 20px;
	float: none;
	margin: 0;
	padding: 0px;
}
aside.user .profile-look .sample-history > span label {
	width: 49%;
	display: inline-block;
	text-align: left;
}
aside.user .profile-look .sample-history > span label.year p {
	display: inline-block;
}
aside.user .profile-look .sample-history > span label.year p:nth-child(1) {
	padding: 0 40px 0 0;
}
aside.user .profile-look .sample-history > span label.year p:nth-child(2) {
	padding: 10px 3px;
	border: 2px solid #ccc;
}
aside.user .profile-look .sample-history > span label.all-sample a {
	color: #000;
	float: inherit;
}
aside.user .profile-look .sample-history > span.month p {
	display: inline-block;
}
aside.user .profile-look .sample-history > span.month p:nth-child(n+2) {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 5px;
}
/* *********************** */ 

.shipping-address label input[type="text"] {
	width: 80%;
	height: 20px;
	padding: 2px 7px;
}
.shipping-address label {
	width: 45%;
	display: inline-block;
}
/* makeup-room */
body.home aside .img-header {
	width: 100%;
	text-align: center;
}
body.home aside .makeup-room h2 {
	text-align: center;
	margin: 15px 0;
}
body.home aside .makeup-room span {
	width: 31%;
	height: auto;
	margin: 10px;
	padding: 0;
	border-radius: 0;
	border: 0;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	float: inherit;
}
body.home aside .makeup-room span > label {
	width: 240px;
	border: 2px solid #ccc;
	display: inline-block;
}
body.home aside .makeup-room span > label p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
}
body.home aside .makeup-room span > label:nth-child(1) {
	height: 200px;
}
body.home aside .makeup-room span > label:nth-child(2) {
	height: 50px;
	border-top: none;
}
body.home aside .makeup-room span > label:nth-child(2) p:nth-child(2) {
	padding-top: 15px;
}
body.home aside .makeup-room span > label:nth-child(2) p:nth-child(2) a:nth-child(1) {
	float: left;
}
body.home aside .makeup-room span > label:nth-child(2) p:nth-child(2) a:nth-child(2) {
	float: right;
}
/**************************/

/************* CONFIRM PAYEMNT *************/
.confirm-order span, .confirm-order label { display:block;}
.confirm-order input,.confirm-order select  { width:98%; border: 1px solid #ccc; padding: 5px; line-height: 18px;}
.confirm-order { width:1100px; height:auto; margin:0 auto;}

.confirm-order span.selected-product { width:100%;margin-bottom:20px;}
.confirm-order span.selected-product ul, .confirm-order span.selected-product ul li {margin:0; padding:0; list-style:none;}
.confirm-order span.selected-product ul li {display:inline-block; float:left;text-align:center; /* margin-right:20px;  */}
.confirm-order span.selected-product ul li b{display:table; height:50px; font-size:80%; }

body.home aside .confirm-order h2,
body.home aside .confirm-order h3 {margin-left:0;}

.confirm-order span.shipping-address, .confirm-order span.billing-address { width:49.81111111%; display:inline-block; float:left;}

.confirm-order span.billing-address p strong.red { color:#F00;}
.confirm-order hr { height:5px;}
.confirm-order span.payment-details span.cardhleft { width:54.5%; margin-right:3%;}
.confirm-order span.payment-details span.cardhright { width:40.5%;}
.confirm-order span.payment-details span.cardhleft, .confirm-order span.payment-details span.cardhright { display:inline-block; vertical-align:top;}
.confirm-order span.payment-details span.cardhleft label.name { width:100%;}
.confirm-order span.payment-details span.cardhleft label.cardno, .confirm-order span.payment-details span.cardhleft label.cardcvvno { width:34%; display:inline-block; margin-right:3%;} 
.confirm-order span.payment-details span.cardhright label.cardtype { width:75%;}
.confirm-order span.payment-details span.cardhright label.expirydate, .confirm-order span.payment-details span.cardhright label.year { width:34%; display:inline-block; margin-right:3%;} 
.confirm-order span.payment-details label.checkbox p input { width:15px; height:15px; margin-right:10px;}
.confirm-order span.payment-details label.checkbox p { height:15px; line-height:15px; display:block;}
.confirm-order span.confirm-submit { text-align:center; margin:25px 0;}

/**************************/

 @media (min-width:480px) {
.navigation nav.desktop {
	visibility: visible;
	display: block;
}
.navigation nav.responsive {
	visibility: hidden;
	display: none;
}
}
@media (min-width:601px) and (max-width:767px) {
header .navigation.sample-select {
	width: 75%;
	padding-left: 21%;
}
}
@media (max-width:1024px) {
header, aside, body.home .wraper footer, body.home .wraper .contaner header {
	width: 100%;
	margin: 0;
	padding: 0 5px 0 0;
}
}
/*@media (max-width:600px){
	body.home .wraper .contaner header .logo { width:100%; background: url(../../img/frontend/images/beauty-logo.jpg) no-repeat 50%;}
	body.home .wraper .contaner header { height:250px;}
	body.home header .navigation nav.responsive div.dhtmlgoodies_question {background:url(../../img/frontend/images/icon-toglle.png) no-repeat 350px 60px;text-align: left;padding-left: 15px; background:#ccc; cursor:pointer; }	
	body.home .wraper .contaner header .navigation nav.responsive { visibility:visible; display:block;}
	body.home .wraper .contaner header .navigation nav.desktop { visibility:hidden; display:none;}
	}*/

@media ( max-width:600px) {
/*header {
	text-align: center;
	height: auto;
	padding-bottom: 5px;
}
header .logo {
	width: 100%;
	background: url(../../img/frontend/images/logo.jpg) no-repeat 50%;
}
header .navigation {
	float: none;
	width: 100%;
}
header .navigation nav ul li {
	float: none;
}
header .navigation nav {
	width: 100%;
}
aside .button-group a img {
	width: 30%;
}
.navigation nav.responsive {
	visibility: visible;
	display: block;
}
.navigation nav.desktop {
	visibility: hidden;
	display: none;
}*/
/*.navigation nav.responsive div.dhtmlgoodies_question {
	color: #fff;
	cursor: pointer;
	padding: 10px 0;
	background: url(../../img/frontend/images/icon-toglle.png) no-repeat 95% 60px;
	text-align: left;
	padding-left: 15px;
}
.navigation nav.responsive div.dhtmlgoodies_answer {
	height: auto;
}
.navigation nav.responsive div.dhtmlgoodies_answer ul {
	margin: 0 auto;
	padding: 0;
	width: 95%;
	background: #393334;
}
.navigation nav.responsive div.dhtmlgoodies_answer ul li {
	width: 100%;
	display: inline-block;
	padding: 5px 0;
	text-align: center;
	margin: 0;
	border-bottom: 1px solid #666;
	cursor: pointer;
}
.navigation nav.responsive div.dhtmlgoodies_answer ul li:hover {
	width: 100%;
	display: inline-block;
	padding: 5px 0;
	text-align: center;
	background: #666;
}
body.home .wraper .contaner header .logo {
	width: 100%;
}
body.home .wraper .contaner header {
	height: auto;
}
body.home .wraper .contaner header .navigation nav.responsive div.dhtmlgoodies_question {
	background: url(../../img/frontend/images/icon-toglle.png) no-repeat 95% 120px;
}*/
body.home .wraper footer span:nth-child(2) ul li {
	width: 90%;
	margin-bottom: 5px;
	border-bottom: 1px dotted #666;
}
body.home .wraper footer span:nth-child(2) ul li:last-child {
	border: none;
}
}
@media (min-width:1025px) and (max-width:1120px) {
body.home .wraper .contaner header, body.home aside, body.home .wraper footer {
	width: 100%;
}
body.home aside ul li {
	width: 25%;
}
}
 @media (max-width:400px) {
.statband table td {
	width: 50%;
}
body.home aside .signup span.signup-fbtw a {
	display: inline-block;
	height: 52px;
	width: 116px;
}

}
@media (min-width:401px) {
.body.home aside .signup span.signup-fbtw a {
	display: inline-block;
	height: 68px;
	width: 162px;
}
}





 @media (max-width:400px) {
.statband table td {
	width: 50%;
}
body.home aside .signup span.signup-fbtw a {
	display: inline-block;
	height: 52px;
	width: 116px;
}

}
 @media (max-width:501px) {
.sortby div:nth-child(1), .sortby div:nth-child(2) {
	width: 100%;
	float: left;
}
.sortby div:nth-child(2) div.sortby_btn {
	margin-left: 55px;
}
.sortby div:nth-child(2) div.sortby_label {
	margin-top: -15px;
	margin-left: 4px;
}
}
@media (max-width:480px) {
.compname, .phone, td.list_bottom_tr table tr td {
	width: 100%;
	float: left;
	text-align: left;
}
td.list_bottom_tr table tr td div {
	float: left;
}
}
 @media (max-width:1023px) {
.headerbottom, .div1, ._right, #topnav, #search-q-main {
	display: none;
}
}
@media (min-width:768px) {
header .navigation.sample-select {
	width: 78%;
	display: inline-block;
}
header .navigation {
/*float: right;
	width: 317px;*/
}


}
 @media (max-width:768px) {
body.home aside {
	text-align: center;
}
body.home aside span {
	float: none;
	margin: 10px auto;/*display: block;*/
}
body.home aside span:nth-child(2) {
	margin-left: auto
}
body.home .wraper .contaner header .banner .beauty-stash {
	top: 10%;
	left: 15%;
}
body.home aside { text-align:center;}
}
@media (min-width:480px) and (max-width:767px) {
body.home .wraper .contaner header .banner {
	height: 255px;
}
}
@media (max-width:479px) {
body.home .wraper .contaner header .banner {
	height: 130px;
}
}
@media (min-width:768px) and (max-width:1023px) {
body.home .wraper .contaner header .banner {
	height: 300px;
}
}
 @media (min-width:601px) and (max-width:680px) {
header .navigation.sample-select nav > a:nth-child(1) {
	margin-left: 0;
}
header .navigation.sample-select {
	width: auto;
}
header .navigation nav ul li a, header .navigation nav ul li a:hover {
	font-size: 95%;
}
header .navigation nav > a, header .navigation nav > a:hover {
	margin-left: 0;
}
header .navigation {
	float: left;
}
}
input.error, select.error, textarea.error, checkbox.error {
	border: 1px solid #FF5656!important;
}
nav.desktop span.login_user {
	width: 222px;
	text-align: right;
	display: block;
	float: right;
}
nav.desktop span.login_user a {
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
}
nav.desktop span.login_user a img {
	margin-top: 5px;
	margin-bottom: -12px;
}
nav.desktop span.login_user a:hover {
	color: #fff;
	text-decoration: none;
}
nav.desktop span.login_user a.border {
	border-right: 1px solid #fff;
}
nav.desktop span.login_user a:nth-child(2), nav.desktop span.login_user a:nth-child(3) {
	margin-top: -10px;
}
body.home aside#q1 .steps span {/* width: 115px; */
/* height: 115px; */
/* border-radius: 140px; */
/* border: 16px solid #E64575; */
/* display: inline-block; */
/* text-align: center; */
/* font-size: 20px; */
/* float: left; */
/* margin: 0 40px 0 0; */
/* padding: 10px; */}
 @media (min-width:992px) {
.profile-update .profile-details .profile-pic {
	width: 30%;
	margin-bottom:25px;
}
.profile-update .profile-details .account-details {
	width: 65%;
	margin-left: 2%;
}
}
@media (max-width:991px) {
.profile-update .profile-details .profile-pic, .profile-update .profile-details .account-details {
	width: 100%;
	display: block;
	text-align: center;
}
.profile-update .profile-details .profile-pic section, .profile-update .profile-details .account-details section {
	width: 100%;
}
.profile-update .profile-details .profile-pic figure {
	display: block;
	float: none;
	margin: 0 auto;
	overflow: inherit;
}
.profile-update .beauty-profile table tr td, .profile-update .Sample-profile table tr td {
}
.profile-update .profile-details .account-details section {
	margin-left: 0;
}
.profile-update .beauty-profile section, .profile-update .Sample-profile section {
	width: 50%;
}
.profile-update .beauty-profile section, .profile-update .Sample-profile section {
	width: 97%;
}
.profile-update .shipping-address section, .profile-update .sample-history section  .profile-update .beauty-profile table tr td, .profile-update .Sample-profile table tr td {
	margin: 0 5px;
}
header .navigation nav ul {
	margin-left: 30px;
}
}
@media (min-width:768px) and (max-width:991px) {
.profile-update > div {
	width: 85%;
}
}



@media (max-width:767px) {
.profile-update .beauty-profile table tr td, .profile-update .Sample-profile table tr td {
	width: 30%;
	display: inline-block;
}
.profile-update .profile-details .account-details table {
	margin-left: 0;
}
header .navigation nav ul li a, header .navigation nav ul li a:hover {
	font-size: 90%;
}
nav.desktop span.login_user {
	float: none;
}
}
@media (max-width:480px) {
.profile-update .beauty-profile table tr td, .profile-update .Sample-profile table tr td {
	width: 44%;
	display: inline-block;
}
.profile-update .shipping-address section, .profile-update .sample-history section {
	width: 100%;
}
}
label#monthc, label#yearc {
	width: 20%;
}
label#yearc {
	margin-left: -10px;
}
label#monthc #ExpMonth, label#yearc #ExpYear {
	width: 86%;
}
.chose-type label select {
	width: 200px;
	height: 40px;
	 -webkit-appearance: none;
    -moz-appearance: window;
    appearance: none;
	text-indent:0.01px;
	text-overflow:'';
	background: transparent url(../../img/frontend/images/arrow-up-down.png) no-repeat 95% 50%;
	font-size: 15px;
	z-index: 11111111111;
}


aside.user .success table tr td table tr td, aside.user .success table tr td table tr th{ border:1px solid #d76e97; }
aside.user .success table tr td table tr th { color:#d76e97;}
aside.user .success tbody tr td { background:#fff;}
aside.user .success table tr td table tr td span.selected-product img { border-right:1px dashed #edc9d7; padding-right:5px; margin-right:5px;}
aside.user .success table tr td table tr td span.selected-product img:last-child { border:none;}
p.link a, p.link a:hover{ color:#000; text-decoration:none;}
p.link a:hover { color:#d76e97;}





/******* new form ***********/

.form-wraper{width:60%;height:auto;font-family:sans-serif;font-size:15px;margin:0 auto;padding:20px 0;}
.form-wraper a{text-decoration:none;color:#000;}
.form-wraper a:hover {color:#e22c49;}
.form-wraper .form-logo a{display:block;background:url(images/logo-frm.png) no-repeat center top;height:74px;}
.form-wraper label{width:100%;display:block;}
.form-wraper label:after, .form-wraper label:before{ content:""; display:table;}
.form-wraper label:after { clear:both;}
.form-wraper label p {margin:12px 0 5px 0; padding:0;}
.form-wraper label input[type="text"], .form-wraper label input[type="password"]{width:96.444%;background:#fff;border:1px solid #ccc;line-height:18px; padding:3px;}
.form-wraper input[type="checkbox"]{ height:20px; width:20px;}
.form-wraper a.btn{color:#fff;background:#d76e97;}
.form-wraper .title { margin:0; padding:0;}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
	clear:both;
}


/* LOGIN */
.form-wraper .login-input{width:60%;margin:0 auto;}
.form-wraper .title.ctg1{margin:20px 100px;}
.form-wraper .title small{height:72px;width:8px;background:#e22c49;float:left;margin-right:10px;}
.form-wraper .title p{font-size:16px;display:block;margin:0;padding:9px 0;}
.form-wraper .login-input label input[type=text]{height:20px;line-height:20px;padding:12px 5px;}
.form-wraper .login-input label a.login{font-size:19px;border:none;outline:none;padding:10px 20px;}
.form-wraper .login-input label a.login:hover{color:#F90;}
.form-wraper .login-input label:nth-child(3) p{width:49.3333%;display:inline-block;margin:25px 0;}
.form-wraper .login-input label:nth-child(3) p:nth-child(2){text-align:right;}
/**********************/

/*CREAT AN ACCOUNT*/
.form-wraper .creat-account label a.complete-signup { padding:5px 10px; float:left; margin:15px 0;}

/***************************/

/*FORGOT PASSWORD*/
.form-wraper .forgot-password{width:60%;margin:0 auto;}
.form-wraper .forgot-password input[type="text"], .form-wraper .forgot-password input[type="password"] {padding: 10px 5px;line-height: 35px;}
.form-wraper .forgot-password a.new-password { float:right; padding:5px 10px; margin-top:10px; margin-bottom:15px;}
/***************************/

/*UPPER LOGIN*/
.form-wraper .upper-login{width:60%;background:#000;position:relative;margin:0 auto; height:auto; padding:15px 20px;}
.form-wraper .upper-login:before{content:"";display:block;border:15px solid transparent;border-bottom:10px solid #000;border-top:0;height:0;width:0;position:absolute;top:-10px;left:85%;}
.form-wraper .upper-login p { color:#fff; width:49.33333%; display:inline-block;}
.form-wraper .upper-login label { margin:10px 0;}
.form-wraper .upper-login input[type="text"], .form-wraper .upper-login input[type="password"] {padding: 10px 5px;line-height: 45px; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.form-wraper .upper-login p a.login, .form-wraper .upper-login p a.signup { padding:15px 40px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#d73b7c;}
.form-wraper .upper-login label:nth-child(4) p:nth-child(2) {text-align:right;}
/***************************/

/*LOGIN OR REGISTER*/

.form-wraper .login-regiser { background:url(images/devider-lr.png) no-repeat 49% 73%; background-size:3% 74%;width:90%; margin:0 auto; position:relative; border:1px solid #ccc; border-radius:5px; padding:3%; margin-top:20px;}
.form-wraper .login-regiser  h3 { color:#666;}
.form-wraper .login-regiser:before{content:"";display:block;border:15px solid transparent;border-bottom:10px solid #ccc;border-top:0;height:0;width:0;position:absolute;top:-10px;left:48%;}
.form-wraper .title.ctg2{width:399px;margin:0 auto; position:relative; height:95px; margin-top:15px;}
.form-wraper .title.ctg2 a, .form-wraper .title.ctg2 small { display:inline-block; position:absolute; font-size:160%; text-align:center; vertical-align:text-bottom; line-height:50px; margin:0; padding:0; color:#fff; } 
.form-wraper .title.ctg2 a.login-or, .form-wraper .title.ctg2 a.register-or {width:172px; position:absolute;top:15px; }
.form-wraper .title.ctg2 a.login-or:hover, .form-wraper .title.ctg2 a.register-or:hover { color:#faaccb;}
.form-wraper .title.ctg2 a.login-or{ left:0;  border-bottom-left-radius:10px; border-top-left-radius:10px; background:#db5b8f;}
.form-wraper .title.ctg2 small.or-or { left:160px; top:0; width:80px; height:80px; border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px; line-height:80px; z-index:1;background:#db5b8f; font-size:	110%; }
.form-wraper .title.ctg2 a.register-or {right:0;  border-bottom-right-radius:10px; border-top-right-radius:10px; background:#737f87;}
.form-wraper .login-regiser .social, .form-wraper .login-regiser .field { width:47%; display:inline-block; float:left;}
.form-wraper .login-regiser .social a.login-fb, .form-wraper .login-regiser .social a.login-tw { display:block; width:93%; border-radius:5px; position:relative; height:60px; margin-bottom:25px;}
.form-wraper .login-regiser .social a.login-fb { background:#3c5a98;} .form-wraper .login-regiser .social a.login-tw { background:#00abf0;}
.form-wraper .login-regiser .social a.login-fb small, .form-wraper .login-regiser .social a.login-tw small  { position:absolute; top:0; left:0; width:60px; height:60px; border-bottom-left-radius:5px;border-top-left-radius:5px;}
.form-wraper .login-regiser .social a.login-fb small {background:#324e89 url(images/fb-icon.png) no-repeat 50% 50%; }
.form-wraper .login-regiser .social a.login-tw small {background:#009ad9url(images/tw-icon.png) no-repeat 50% 50%; }
.form-wraper .login-regiser .social p{ display:block; position:absolute; margin:0; padding:0; left:70px; line-height:58px; color:#fff; }
.form-wraper .login-regiser .social p strong{ font-size:120%;}
.form-wraper .login-regiser .social p:hover{ color:#ccc;}
.form-wraper .login-regiser .field { margin-left:32px;}
.form-wraper .login-regiser .field input {padding: 10px 5px;border-radius: 5px;background: #f5f5f5; margin-bottom:10px;}
.form-wraper .login-regiser .field p { margin:0; padding:0; margin-bottom:5px;}
.form-wraper .login-regiser .field label a.login { background:#db5b8f; padding:10px 40px ; float:right; font-size:18px; color:#fff;}
.form-wraper .login-regiser .field label a.forgot { float:right; margin:10px 0;}
.form-wraper .login-regiser .field label a.forgot:hover { color:#db5b8f;}
.form-wraper .login-regiser .field label a.login:hover { color:#ccc;}

/***************************/

.button.pink {margin:10px 0;display:inline-block; text-transform:uppercase; font-size:16px; letter-spacing:1px; font-weight:400; padding:10px 20px;}
.button.round {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
/**** colors

Background Pink: fbe9ef
Button Pink: D6387B

******/

@media (max-width:767px) {.form-wraper{width:100%;}	}