@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 / FFF3F8
Button Pink: (design D6387B) EF4573

*****/

body {
	font-family: 'TeXGyreAdventorRegular',Arial,sans-serif;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background:#FFF3F8;
}
hr {display:block; clear:both;padding:0;margin: 10px 0;border: none; background-color:#ebebeb; height:1px;}
.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;}
.fa {width: 40px;height: 40px;border-radius: 40px;line-height: 40px;font-size: 30px;}

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;
}
header div.hdr-left {
	width: 50%;
	float: left;
}
header div.hdr-left .logo {
	width: 170px;
	height: 74px;
	display: block;
	margin-top: 7px;
}
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: 50%;
	float: right;
}
header div.hdr-right .login_user {
	float: right;
	margin-right: 10px;
	margin-top: 20px;
}
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;
}

aside {
	width: 1100px;
	text-align: center;
	margin: 0 auto;
}
body.home aside {
	text-align: left;
	margin-bottom: 50px;
	padding: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 #E64575;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	margin: 0 40px 0 0;
	padding: 10px;
}*/
body.home aside.launch span {
	width: 115px;
	height: 105px;
	border-radius: 85px;
	border: 16px solid #E64575;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	/* float: left; */
	margin: 0 40px 0 0;
	padding: 20px 10px 10px 10px;
}

body.home aside.launch span:nth-child(5) {
	border: none;
}
/*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 #E64575;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	top: -35px;
	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);
	padding: 5px 60px;
}
.small {
	border-radius: 5px;
	font-weight: 700;
	font-size: 26px;
	padding: 5px 25px;
}
.big, .small {
	background: #e84677;
	border: none;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.large{font-size:120%;}
.larger{font-size:160%;}

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 {
	display:block;
	color: #000;
	height: auto;
	/* width: 1100px; */
	width:100%;
	margin: 0 auto;
	padding: 10px 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: 5px 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;
}
/************* 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 {
	width: 700px;
	height: auto;
	background: #fff;
	margin: 0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px 0;
}
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: 20px 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:left; 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: 0;
	vertical-align: middle;
	background: url(../../img/frontend/images/signin-register.png) no-repeat center top
}

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;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.left {
	width: 40%;
	margin-left: 25px;
}
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;
}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right {
	width: 40%;
}
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: 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;
}
body.home aside.form-control .form-wraper div.form-group .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%;
text-align: right;
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;
}
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;
}
body.home aside .signup span.devider {
	width: 100%;
	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: 380px;
	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;
}
aside.user .product-area {
	display: block;
	width: 100%;
}
aside.user .product-area div.product-name-desc {
	width: 20%;
	display: inline-block;
	/*height: 350px;*/
	/*border: 3px solid #000;*/
	margin: 15px 20px 0 20px;
	vertical-align:top;
}
/*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: 200px; }
aside.user .product-area div.product-name-desc > span.product img {display: block;margin: 10px auto;width: 150px; height: 150px;display: block; float: left; clear: both;}
aside.user .product-area div.product-name-desc > span.product:hover {background: url(../../img/frontend/images/green_check_mark.png) no-repeat 50% 50%;position: absolute;z-index: 99999;}
aside.user .product-area div.product-name-desc > span.product.active img {opacity: 0.3;}
aside.user .product-area div.product-name-desc > span.product.active {background: url(../../img/frontend/images/green_check_mark.png) no-repeat 50% 50%;position: absolute;}
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;display: block; float: left; clear: both;}
div.product-name-desc > span.description > p {width: 95%;padding-left: 3%;}
span.description small.pdisc {width: 100%;display: block; float: left; clear: both;}
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: 14px;text-align: left;margin: 0;}
aside.user div.submitbt {margin-top: 50px;text-align: center;}
*/

.product-name-desc {display: inline-table; font-size: 14px;}
.product-name-desc .product { height: 200px; display: block; padding:10px; background-color:#FCC; }
.product-name-desc .product:hover {background: url(../../img/frontend/images/green_check_mark.png) no-repeat 50% 50%;position: absolute;z-index: 99999;}
.product-name-desc .product.active {background: url(../../img/frontend/images/green_check_mark.png) no-repeat 50% 50%;position: absolute;}

.product-name-desc .product p { display: block; font-size: 120%;}
.product-name-desc .product img {display: block;width: 150px; height: 150px; float:left;}
.product-name-desc .product.active img {opacity: 0.3;}
.product-name-desc .product img:hover {opacity: 0.3;}
.product-name-desc .description {display: block;height: 50px;}

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: #f0f0f0;
	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;}

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

/* 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 > 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 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;
}
.profile-update .sample-history .month p:nth-child(1) {
	margin-right: 20px;
	border: 0;
}
/* *********************** */ 


ul.bprofile {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.bprofile li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	margin: 0 10px 30px;
	height: 220px;
	display: table;
	text-align: center;
}
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;
	list-style: none;
}
ul.sprofile li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	margin: 0 10px 30px; /*height:220px;*/
	display: table-cell;
	text-align: center;
	vertical-align: text-top;
}
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; float:left; margin-right:20px; }
.confirm-order span.selected-product ul li b{display:block; font-size:80%; text-align:left;}
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%;
}
}
 @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%;
}
}
@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%;
	}
	.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: none;
    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;
}
