@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, 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;
	cursor: pointer;
}
.mobimenu .dhtmlgoodies_question {
	background: url(../../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;
}

.product-area {width: 100%; display: block;}
.product-area .productsample { width: 28%; display: inline-block;border: 1px solid #F7E2EC;padding: 10px; margin: 1%; float: left; position:relative;}
.product-area .productsample img {display: table-cell;vertical-align: top; width: 120px; float: left; margin-right: 10px;}
.product-area .productsample h4 {margin: 0; padding:0; margin-bottom: 7px;}
.product-area .productsample p {margin: 3px 0;}

.go {width:130px; height:55px; display:inline-block; background:url(../../img/frontend/images/go_button_off.png) no-repeat;}
.go:hover,
.go.active {background:url(../../img/frontend/images/go_button_on.png) no-repeat;}
.go.back {background-position: 0 0;}
.go.next {background-position: 0 -55px;}


/************* 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) {
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: 20px 0;
}
body.home aside.launch {
	text-align: center;
}
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;
	display: block;
	margin: 20px auto;
	width: 80%;
	text-align: left;
}
}
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 55px 0 0;
	padding: 10px;/* clear: both; */
/* vertical-align: middle; */
/* line-height: 60px; */
	
	
}
@media (max-width:480px) {
	body.home aside.launch span {margin-bottom: 20px;}
	.product-area .productsample { width:93%;}
}

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: 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;margin: 0 2px;*/
	background: url(../../img/frontend/images/Check_mark.png) no-repeat 50% 35%;
	margin: 0;
}
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;margin: 0 2px; */
	background: url(../../img/frontend/images/Check_mark.png) no-repeat 50% 35%;
	margin: 0;
}
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: 40px;
	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: 80%;
}
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: 70%;
}
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;
}
}

@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: 10px 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #f5f5f5;
}
.form-post span.chose-type span.right a { float:right;}
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;
	border: 1px solid #fcdcdd;
	position: relative;
}
aside.user .product-area div.product-name-desc > span.product img {
	width: 90%;
	max-height: 240px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
}
aside.user .product-area div.product-name-desc > span.product:hover {
	background: #fff 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: bottom;
	margin-left:5px;
}
.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: 160px;
	height: 160px;
	border: 4px solid #ccc;
	margin: 0;
	overflow: hidden;
}
.profile-update .profile-details .profile-pic figure img{ margin-top: -15px; margin-left: -30px;}
.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: 30px;
}
.profile-update .shipping-address section, .profile-update .sample-history section {
	width: 30%;
	margin-bottom: 20px;
}
.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: 20px;
}
.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: 110%;
}
.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;
}
ul.input-check li:hover {background-color:#FFEDEF;}
 @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: 30px;
	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: 90%;*/
	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%;
	margin: 0 auto;
}
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;
}

div.error{ color: #B94A48; }

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%;
}
.profile-update .profile-details .account-details td{font-size: 90%;}
}
@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;
	border:1px solid #ccc;
}
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;
	background:#fff;
	height: auto;
background: #fff;
margin: 0 auto;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 10px 0;
}
}
.form-wraper a {
	text-decoration: none;
	color: #000;
}
.form-wraper a:hover {
	color: #e22c49;
}
.form-wraper .form-logo a {
	display: block;
	background: url(../../img/frontend/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(../../img/frontend/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(../../img/frontend/images/fb-icon.png) no-repeat 50% 50%;
}
.form-wraper .login-regiser .social a.login-tw small {
background:#009ad9url(../../img/frontend/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;
}

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