@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;
}

body{font-family:TeXGyreAdventorRegular;overflow-x:hidden;margin:0;padding:0;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;}
input.error,select.error,textarea.error,checkbox.error{border:1px solid #FF5656!important;}
.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;}
.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;}

body.home .wraper .contaner{width:100%;background:#000;}
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;background:#000;margin:0 auto;/* padding:0 10px; */}

header div.hdr-left .logo{width:170px;height:74px;/* display:block; */margin-top:12px;}
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-right .login_user{float:right; margin-top:20px;}
header div.hdr-right .login_user ul, header div.hdr-right .login_user ul li{margin:0;padding:0; list-style:none;}
/* header div.hdr-right .login_user li:nth-child(1){padding-right:8px;} */
header div.hdr-right .login_user ul li { display:inline; float:left;border-right:1px solid #fff;}
header div.hdr-right .login_user ul li.last{border:none;}
header div.hdr-right .login_user ul li a, header div.hdr-right .login_user ul li a:visited { font-size:90%;padding:0 15px; line-height:12px;}

aside{width:1100px;text-align:center;margin:0 auto;}
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 small{display:block;width:100%;text-align:center;margin:2px 0;}

body.home aside{text-align:left;margin-bottom:50px;padding:30px 0;}
body.home aside h3,body.home aside.launch span:nth-child(2),body.home aside h2{margin-left:50px;}
body.home aside.launch h2{font-size:30px;font-weight:400;display:block;margin-top:80px;}
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 i{background-color:transparent; color:#E64575; font-size:100%; float:right;display:inline-block;} */
body.home aside.launch span{background:url(../../img/frontend/images/circle.png) no-repeat left center; display:inline-block; height:130px;width:130px;text-align:center;font-size:16px;margin:0 0 20px 0;padding:25px 0 0 0;}

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;text-align:center;margin:0;padding:0;}
body.home aside ul li{display:inline-block;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 span{float:left;display:block;width:100%;text-align:center;margin:2px 0;}
body.home .wraper footer span ul li{display:inline-block;margin:0 5px;}

aside h1{font-size:26px;font-weight:400;text-align:center;margin:45px 0;}
aside .skin-tone-select{text-align:center;display:inline-block;width:100%;margin:0 auto;}
aside .skin-tone-select span{display:inline-block;text-align:center;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{text-decoration:none;color:#000;width:100%;display:block;height:100%;border:3px solid #fff;}
aside .skin-tone-select span a img{display:block;margin:0 auto;}
aside .button-group{margin-top:80px;margin-bottom:20px;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:nth-child(2) ul li a{color:#B45275;margin:0 15px;}
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:90%;}

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:#f5f5f5;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin:0 auto;padding: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%;float:none;height:auto!important;min-height:370px;text-align:center;border:1px solid #e5e5e5;position:relative;margin:20px 0 0;padding:10px 0;}
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;float:left;margin:0 4px;padding:0;}
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:linear-gradient(tobottom,#fffcfc0%,#d8d8d8100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc',endColorstr='#d8d8d8',GradientType=0);}
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 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%;border-bottom:1px solid #ccc;text-align:left;margin:0;padding:0;}
body.home aside.form-control .form-wraper div.form-group .form-post span.login-register{border:none;border-radius:0;float:none;width:430px;height:82px;line-height:82px;vertical-align:middle;background:url(../../img/frontend/images/signin-register.png) no-repeat center top;margin:0;padding:0;}

body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type h2{display:block;width:auto;font-size:20px;text-align:left;color:#666;font-weight:400;margin:5px 25px;padding:0;}
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;}

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]{border-radius:5px;border:1px solid #ccc;background:#f5f5f5;padding:15px 5px;}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right label{background:none;margin:10px 0 5px;padding:0;}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type span.right input[type=button]{background:red;color:#fff;border:none;outline:none;font-size:18px;font-weight:400;border-radius:5px;float:right;margin-top:10px;cursor:pointer;padding:10px 40px;}
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:13px 5px;}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > input{border:1px solid #c6e2e6;}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label{background:none;height:auto;color:#666;margin:20px 0 5px;padding:0 23px;}
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;border-radius:5px;width:93%;display:block;margin:0 0 10px 20px;padding:0;}
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 input{width:85%;}
body.home aside.form-control .form-wraper div.form-group .form-post span.chose-type > label > input{background:none;border:none;padding:15px 5px;}
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;color:#fff;font-size:20px;cursor:pointer;padding:10px 40px;}
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{width:100%;margin:10px 0;}
body.home aside .signup span.signup-fbtw{display:block;margin:0 auto;}
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{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{display:inline-block;margin:0;}
header .navigation.sample-select nav > a:nth-child(1){height:25px;width:20px;background:#fff;margin-left:140px;}

aside.user .product-area{display:block;width:100%;}
aside.user .product-area div.product-name-desc{width:28%;display:inline-block;height:350px;border:3px solid #000;margin:15px 20px 0;}
aside.user .product-area div.product-name-desc > span{width:100%;text-align:center;border-radius:0;border-right:0;border-left:0;border-top:0;float:left;margin:0 auto;}
aside.user .product-area div.product-name-desc > span.product{height:240px;border-bottom:3px solid #000;}
aside.user .product-area div.product-name-desc > span.product img{display:block;vertical-align:baseline;margin:10px auto;}
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:14px;text-align:left;margin:0;}
aside.user div.submitbt{margin-top:50px;text-align:center;}
aside.user div.submitbt a.product-submit{background:#5477bb;color:#fff;border:none;outline:none;font-size:20px;border-radius:5px;text-decoration:none;margin-top:10px;padding:10px 40px;}
aside.user div.submitbt a.product-submit:hover{color:#b1c7f1;text-decoration:none;}
aside.user .select-stash-container .select-stash h2{width:100%;text-align:center;margin:0;}
aside.user .select-stash-container .select-stash > span{width:140px;height:140px;display:inline-block;float:none;border:2px solid #000;border-radius:0;margin:15px;padding:0;}
aside.user .select-stash-container > div{width:100%;padding:10px 20px;}
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 .payment-details select{width:38%;padding:5px;}
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;border:none;outline:none;font-size:20px;border-radius:5px;text-decoration:none;margin-top:10px;padding:10px 40px;}
aside.user .select-stash-container .confirm-order a:hover{color:#cdf1ff;}
hr.grey{border:0;background-color:#EBEBEB;height:5px;}

ul#slider {list-style:none; margin:0; padding:0; margin:0 auto;}
ul#slider li {list-style:none; margin:0; padding:0;}
.brandthumbs img{ width:100px; height:100px;}

.payment-details select option{padding:2px 7px;}
.login{color:#fff;font-size:25px;font-weight:700;text-decoration:none;}
.sample-pick a{width:49%;display:inline-block;background:#ccc;color:#000;font-size:25px;text-align:center;margin:0;padding:10px 0;}
.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;}
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;}

.profile-update > div{width:95%;padding:10px 20px;}
.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;overflow:hidden;margin:0;}
.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 .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{color:#000;font-size:30px;margin:0;padding:0;}
.profile-update a{float:right;display:block;color:red;font-size:20px;margin-top:-12px;}
.profile-update .profile-details .account-details table{margin-left:100px;}
.profile-update table tr td{padding: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;line-height:20px;padding:5px 0;}
.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 .year small:nth-child(2){border:1px solid #000;padding:10px;}
.profile-update .sample-history .month p{display:inline-block;border:1px solid #000;margin-right:5px;padding:10px 5px;}
.profile-update .sample-history .month p:nth-child(1){margin-right:20px;border:0;}
ul.bprofile li{list-style:none;height:220px;display:table;text-align:center;margin:0 10px 30px;padding:0;}
ul.sprofile li{list-style:none;display:table-cell;text-align:center;vertical-align:text-top;margin:0 10px 30px;padding:0;}
aside.user .profile-look > div{margin-bottom:35px;width:95%;padding:10px 20px;}
aside.user .profile-look .profile-details .profile-pic,aside.user .profile-look .profile-details .account-details{display:inline;}
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:#000;margin:0;}
aside.user .profile-look a{float:right;display:block;color:red;}
aside.user .profile-look .beauty-profile,aside.user .profile-look .Sample-profile{padding:0;}
aside.user .profile-look .beauty-profile label{width:120px;display:inline-block;text-align:center;margin:0 20px;}
aside.user .profile-look .Sample-profile label{width:120px;display:block;text-align:center;margin:10px 5px;}
aside.user .profile-look .beauty-profile label p,aside.user .profile-look .Sample-profile label p{display:block;width:100%;font-size:14px;margin:5px 0;}
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{vertical-align:top;padding:5px 0;}
aside.user .profile-look .profile-details .profile-pic figure{display:inline;width:150px;height:150px;border:4px solid #ccc;margin:25px 0 0;}
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:0;}
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:nth-child(1){padding:0 40px 0 0;}
aside.user .profile-look .sample-history > span label.year p:nth-child(2){border:2px solid #ccc;padding:10px 3px;}
aside.user .profile-look .sample-history > span.month p:nth-child(n+2){border:1px solid #ccc;margin:0 5px;padding:5px;}
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;border-radius:0;border:0;display:inline-block;text-align:center;font-size:20px;float:inherit;margin:10px;padding:0;}
body.home aside .makeup-room span > label{width:240px;border:2px solid #ccc;display:inline-block;}
body.home aside .makeup-room span > label p{text-align:left;font-size:14px;font-weight:400;margin:0;padding:0;}
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;}

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;}
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:.01px;background:transparent url(../../img/frontend/images/arrow-up-down.png) no-repeat 95% 50%;font-size:15px;z-index:11111111111;}
.wraper,.profile-update .sample-history .history,.profile-update .sample-history .month{width:100%;height:auto;margin:0;padding:0;}
header div.hdr-left .logo a,span.chose-type label.select section.chose-state:hover section.chose-dropdown{display:block;}
header div.hdr-left .menu ul li a,header div.hdr-left .menu ul li a:hover,header div.hdr-right .login_user li a,header div.hdr-right .login_user li a:hover{text-decoration:none;color:#fff;}
aside.launch div.banner .beauty-stash,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 aside.launch span:nth-child(6),span.chose-type label.select section.chose-state section.chose-dropdown ul li:last-child{border:none;}
aside .skin-tone-select span a.qactive,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.qactive img,aside .skin-tone-select span a img:hover{opacity:0.5;}

body.home .wraper footer span ul li a,body.home .wraper footer span ul li a:hover,
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,#login_frm span.login-register a,#login_frm span.login-register a:visited,.sample-pick a,.sample-pick a:hover{text-decoration:none;}

body.home aside.form-control .form-wraper div.logo,body.home aside.form-control .form-wraper div.form-group{width:100%;border:none;margin:10px 0;}
aside.user .product-area div.product-name-desc > span.product:hover,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 .select-stash-container .select-stash,.profile-update .subscribe,aside.user .profile-look .subscribe{width:100%;background:#f0f0f0;text-align:center;padding:10px 0;}
aside.user .select-stash-container h2.select,.profile-update h2.select,aside.user .profile-look h2.select{margin:0;}
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],.profile-update .shipping-address label input[type=text],aside.user .profile-look .shipping-address label input[type=text],.shipping-address 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,.profile-update .shipping-address label,.shipping-address label{width:45%;display:inline-block;}
.profile-update .subscribe h1,aside.user .profile-look .subscribe h1{width:85%;text-align:center;display:block;background:#CCC;font-size:55px;font-weight:400;margin:0 auto;padding:15px 0;}
.profile-update .profile-details .profile-pic section,.profile-update .profile-details .account-details section,.profile-update .profile-details .beauty-profile section{width:75%;margin-bottom:50px;}
.profile-update .sample-history .history .all-sample a,aside.user .profile-look .sample-history > span label.all-sample a{color:#000;float:inherit;}
ul.bprofile,ul.sprofile{list-style:none;margin:0;padding:0;}
ul.bprofile li h4,ul.sprofile li h4{height:40px;font-size:16px;vertical-align:bottom;font-weight:400;text-align:center;width:100px;display:table;line-height:100%;padding-bottom:10px;margin:5px auto;}
ul.bprofile li h4 span,ul.sprofile li h4 span{vertical-align:bottom;display:table-cell;text-align:center;width:100px;}
ul.bprofile li h5,ul.sprofile li h5{height:30px;font-size:100%;width:100px;display:table;font-weight:400;border:1px solid #000;text-align:center;margin:5px auto;}
ul.bprofile li img,ul.sprofile li img{width:100px;height:100px;border:1px solid #000;text-align:center;margin-bottom:5px;}
aside.user .profile-look .profile-details .profile-pic,label#monthc,label#yearc{width:20%;}
aside.user .profile-look .sample-history > span label.year p,aside.user .profile-look .sample-history > span.month p{display:inline-block;}


/****************** MEDIA ****************/

@media max-width479px {
header div.hdr-left,header div.hdr-right{/* width:100%; */text-align:center;}
header{height:175px;}
header div.hdr-left .logo{width:inherit;}
header div.hdr-right .login_user{float:none;margin-top:0;margin-bottom:10px;}
body.home .wraper .contaner header .banner{height:130px;}
}

@media min-width480px {
.navigation nav.desktop{visibility:visible;display:block;}
.navigation nav.responsive{visibility:hidden;display:none;}
}

@media min-width601px and max-width767px {
header .navigation.sample-select{width:75%;padding-left:21%;}
}

@media max-width1024px {
header,aside,body.home .wraper footer,body.home .wraper .contaner header{width:100%;margin:0;padding:0;}
}

@media max-width600px {
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-width1025px and max-width1120px {
body.home .wraper .contaner header,body.home aside,body.home .wraper footer{width:100%;}
body.home aside ul li{width:25%;}
}

@media max-width400px {
.statband table td{width:50%;}
}

@media max-width501px {
.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-width480px {
.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;}
.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%;}
}

@media max-width1023px {
.headerbottom,.div1,._right,#topnav,#search-q-main{display:none;}
}

@media min-width768px {
header .navigation.sample-select{width:78%;display:inline-block;}
}

@media max-width768px {
body.home aside{text-align:center;}
body.home aside span{float:none;margin:10px auto;}
body.home aside span:nth-child(2){margin-left:auto;}
body.home .wraper .contaner header .banner .beauty-stash{top:10%;left:15%;}
}

@media min-width480px and max-width767px {
body.home .wraper .contaner header .banner{height:255px;}
}

@media min-width768px and max-width1023px {
body.home .wraper .contaner header .banner{height:300px;}
}

@media min-width601px and max-width680px {
header .navigation.sample-select{width:auto;}
header .navigation nav ul li a,header .navigation nav ul li a:hover{font-size:95%;}
header .navigation{float:left;}
header .navigation.sample-select nav > a:nth-child(1),header .navigation nav > a,header .navigation nav > a:hover{margin-left:0;}
}

@media min-width992px {
.profile-update .profile-details .profile-pic{width:30%;}
.profile-update .profile-details .account-details{width:65%;margin-left:2%;}
}

@media max-width991px {
.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;overflow:inherit;margin:0 auto;}
.profile-update .profile-details .account-details section{margin-left:0;}
.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-width768px and max-width991px {
.profile-update > div{width:85%;}
}

@media max-width767px {
.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;}
body.home aside.form-control .form-wraper{width:95%;}
}