.container {
	max-width: 1500px;
	min-width: 1240px;
	min-height: 100%;
	padding:0 0 450px;
	box-shadow: 0 0 30px #0001;
	margin: 0 auto;
	position: relative;
}
.grey .container, .cabinet .container, .cart .container {
	background: #f5f5f5;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
}
.left {
	float: left;
	width: 270px;
}
.right {
	float: right;
	width: 890px;
	padding: 30px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 24px 0 #0002;
}
.clear {
	clear: both;
}





header {
	background: #f5f5f5;
}
.fixed header {
	margin: 0 0 125px;
}
header .wrap {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666;
}
#city {
	display: inline-block;
	position: relative;
	margin: 0 0 0 35px;
	display: none;
}
#city span {
	color: #000;
	margin: 0 0 0 3px;
	cursor: pointer;
}
#city span:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(45deg);
	margin: 0 0 2px 5px;
}
#city div {
	text-align: right;
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	background: #fff;
	padding: 1px;
	border: 1px solid #ddd;
	background: #fff;
	transform: scale(1.1,0) translateY(-200%);
	transition:all .3s;
	z-index: 100;
}
#city.o div {
	box-shadow: 2px 3px 5px #0003;
	transform: none;
}
#city div a {
	display: block;
	padding: 4px 10px 2px;
	line-height: 1.5;
}
#city div a:hover {
	color: #fff;
	background: #2899f0;
}
header aside {
	float: right;
}
header aside a {
	color: #000;
	margin: 0 0 0 15px;
}


#header {
	background: #fff;
}
.fixed #header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 0 16px 0 #3a3a3a28;
	z-index: 90;
}
#header * {
	transition: all .5s;
}
#header .wrap {
	height: 90px;
}
.logo {
	float: left;
	width: 133px;
	height: 33px;
	background: url(../i/logo.svg);
	background-size: contain;
	margin: 28px 0;
}
#header aside {
	float: right;
	line-height: 90px;
	position: relative;
}
#header aside a {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
	margin: 0 0 0 40px;
	position: relative;
}
#header aside a img {
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
#header aside > a > i {
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(135deg);
	margin: 0 0 4px 5px;
}
#header aside a span {
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	height: 23px;
	background: #ffcb00;
	border-radius: 50%;
	font-size: 12px;
	line-height: 23px;
	text-align: center;
	margin: 0 0 4px 5px;
	transition: all .2s;
}
.cabinet #header aside a#login:before, .cabinet #header aside a#login:after, .cart #header aside a#cart:before, .cart #header aside a#cart:after {
	content: '';
	position: absolute;
}
.cabinet #header aside a#login:before, .cart #header aside a#cart:before {
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: #2899f0;
}
.cabinet #header aside a#login:after, .cart #header aside a#cart:after {
	left: 50%;
	bottom: -10px;
	border: 5px solid transparent;
	border-top-color: #2899f0;
	margin: 0 0 0 -5px;
}
#login-form, #login-popup {
	position: absolute;
	top: 90px;
	right: 0;
	width: 390px;
	padding: 20px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 24px 0 #00000028;
	font-size: 16px;
	line-height: 1.5;
	z-index: 68;
	transition: all .5s;
	transform: scaleY(0) translateY(-100%);
	opacity: 0;
}
#login-popup {
	color: #777;
}
#login-form.o, #login-popup.o {
	transform: none;
	opacity: 1;
}
#login-form div {
	margin: 0 0 1em;
}
#login-form .input {
	margin: 0 0 10px;
	transition: none;
}
#login-form button {
	display: block;
	width: 240px;
	margin: 15px auto;
}
#login-form p {
	text-align: center;
	margin: 15px 0;
}
#login-form p a {
	font-size: 16px;
	font-weight: 400;
	color: #2899f0;
	padding: 0;
	margin: 0 10px;
}
#login-form hr {
	height: 1px;
	background: #ddd;
}
#login-popup strong {
	display: block;
	color: #000;
}
#login-popup span {
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
}
#login-popup span b {
	color: #000;
}
#login-popup ul {
	margin: 25px 0 0;
}
#login-popup ul li {
	margin: 0 0 15px;
}
#login-popup ul li:last-child {
	margin: 25px 0 0;
}
#login-popup ul li a {
	font-size: 16px;
	color: #2899f0;
	padding: 0;
	margin: 0;
}
#login-popup ul li a i {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
}
#login-popup ul li a i img {
	display: block;
}


#top-search {
	float: left;
	margin: 20px 0 0 50px;
	position: relative;
}
.main #top-search {
	float: none;
	width: 800px;
	height: calc(100vh - 150px);
	line-height: calc(100vh - 150px);
	margin: 0 auto 10px;
/*	overflow: hidden;*/
}
.main #top-search form {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	line-height: 1.2;
	margin: 0 0 100px;
}
#top-search form label {
	display: inline-block;
	font-size: 14px;
	line-height: 2;
	font-weight: 700;
	padding: 0 15px;
	border: 1px solid #e6e6e6;
	border-radius: 15px;
	cursor: pointer;
	margin: 0 2px 0 3px;
	position: relative;
	transition:all .3s;
}
#top-search form label:hover {
	background: #f5f5f5;
}
#top-search form label.active {
	color: #fff;
	border-color: #2899f0;
	background: #2899f0;
}
#top-search form label.active:after {
	content: '';
	border: solid transparent;
	border-width: 3px 5px;
	border-top-color: #2899f0;
	position: absolute;
	left: 50%;
	bottom: -6px;
	margin: 0 0 0 -5px;
}
#top-search form label+label {
	display: none;
}
#top-search form div {
	position: relative;
}
.main #top-search form div {
	border: 3px solid #fff;
	border-radius: 10px;
	margin: 10px 0;
}
.main #top-search form.focus div {
	border-color: #e9f1f7;
	background: #FFFFFF;
	box-shadow: 0 11px 49px 0 rgba(46,46,46,.1);
}
#top-search form div input {
	width: 580px;
	height: 50px;
	border: 2px solid #2899f0;
	border-radius: 8px;
	font-size: 18px;
	margin: 0;
}
/*.fixed #top-search form div input {
	height: 60px;
}*/
.main #top-search form div input {
	width: 100%;
	height: 66px;
	border-width: 3px;
}
#top-search form div > i {
	width: 20px;
	height: 20px;
	background: url(../i/clear.svg);
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 120px;
	cursor: pointer;
	margin: -10px 0 0;
	transition: all .3s;
	opacity: 0;
}
.main #top-search form div > i {
	right: 150px;
}
#top-search form div > i.a {
	opacity: .5;
}
#top-search form div > i.a:hover {
	opacity: 1;
}
#top-search form div button {
	width: 105px;
	height: 46px;
	line-height: 46px;
	padding: 0;
	background: #2899f0;
	border-radius: 0 4px 4px 0;
	font-size: 14px;
	color: #fff;
	margin: 0;
	position: absolute;
	top: 2px;
	right: 2px;
}
/*.fixed #top-search form div button {
	width: 50px;
	height: 50px;
	top: 5px;
	right: 5px;
}*/
.main #top-search form div button {
	width: 137px;
	height: 60px;
	line-height: 60px;
	top: 3px;
	right: 3px;
}
#top-search form div button:hover {
	background: #2383cd;
}
#top-search form div button img {
	vertical-align: middle;
	height: 17px;
	margin: 0 5px 2px 0;
}
/*.fixed #top-search form div button img {
	margin: 0 0 4px;
}*/
.main #top-search form div button img {
	height: 23px;
	margin: 0 8px 4px 0;
}
#top-search form div section {
	font-size: 16px;
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
	min-height: 100px;
	background: url(../i/loader.gif) no-repeat 50% 50%, #fff;
	border: 1px solid #eee;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 6px 21px -2px #00000019;
	z-index: 30;
	display: none;
}
.main #top-search form div section {
	top: 60px;
	right: 140px;
}
#top-search form.focus div section {
	display: block;
}
#top-search form div section a {
	display: block;
	color: #777;
	line-height: 50px;
	padding: 0 30px;
	background: #fff;
}
#top-search form div section a:hover {
	background: #f7f7f7;
}
#top-search form div section a i {
	float: right;
	width: 20px;
	height: 20px;
	margin: 15px 0;
	position: relative;
	opacity: .5;
}
#top-search form div section a i:hover {
	opacity: 1;
}
#top-search form div section a i:before, #top-search form div section a i:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #000;
	position: absolute;
	left: 0;
	top: 9px;
}
#top-search form div section a i:before {
	transform: rotate(45deg);
}
#top-search form div section a i:after {
	transform: rotate(-45deg);
}
#top-search form div section a span {
	color: #551a8c;
}
#top-search form div section p {
	background: #fff;
	padding: 50px;
	text-align: center;
	margin: 0;
}
#top-search form aside {
	font-size: 16px;
	padding: 0 3px;
}
#top-search form aside i {
	font-size: 16px;
}
#top-search form aside span {
	color: #551a8c;
	font-size: 16px;
	margin: 15px 0 0;
}
#top-search form aside a {
	color: #777;
}
#top-search form aside a:hover {
	color: #2899f0;
}
#top-search form aside a i {
	color: #2899f0;
}
#top-search form aside a span {
	color: #551a8c;
	color: #2899f0;
}
#top-search > a {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 64px;
	text-align: center;
	background: #f5f5f5;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1200px;
	height: 64px;
	margin: 0 0 0 -600px;
}
#top-search > a span {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	transition: all .3s;
}
#top-search > a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(135deg);
	margin: 0 0 6px 10px;
	transition: all .3s;
}
#top-search > a.a {
	font-size: 0;
}
#top-search > a.a span {
	font-size: 20px;
}
#top-search > a.a:after {
	transform: rotate(-45deg);
	margin: 4px 0 0 10px;
}


main {
	margin: 0 0 50px;
}
main .wrap {
}


.levam {
	margin: 30px 0;
	position: relative;
}
.levam h1 {
	width: auto;
}
._2DcnCzqTJKrTWusHYHyHEf {
	margin: 0;
}
._15YY4Hl-2b6wr1smId9ZlA {
	display: block;
	margin: 0 auto;
}
._2C8gf4AdCFSR8-CSmZOp9t {
	height: 40px;
}
.levam input, .levam select {
margin:0;
}
.levam .not-available {
position:absolute;
bottom:130px;
left:50%;
transform:translateX(-50%);
padding:10px 20px;
border:1px solid rgba(0, 64, 96, 0.2);
background:#fff;
}


#main-catalog {
	position: relative;
	text-align: center;
	padding: 50px 0;
}
#main-catalog .wrap {
	overflow: hidden;
}
#main-catalog .wrap > strong {
	display: block;
	font-size: 40px;
	margin: 0 0 .5em;
}
#main-catalog .wrap ul {
	width: 10000%;
	font-size: 0;
	text-align: left;
}
#main-catalog .wrap ul li {
	display: inline-block;
	vertical-align: top;
	width: 270px;
	margin: 0 40px 0 0;
}
#main-catalog .wrap ul li a {
	display: block;
	height: 360px;
	text-align: center;
	line-height: 1;
	color: #fff;
	position: relative;
}
#main-catalog .wrap ul li a:hover {
	color: #000;
}
#main-catalog .wrap ul li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #1a1a1a61;
	border-radius: 3px;
	transition: all .2s;
}
#main-catalog .wrap ul li a:hover:before {
/*	transform: scale(0);*/
	opacity: 0;
}
#main-catalog .wrap ul li a i {
	display: block;
	height: 250px;
	line-height: 250px;
	margin: 0 0 10px;
}
#main-catalog .wrap ul li a i img {
	display: inline-block;
	vertical-align: middle;
}
#main-catalog .wrap ul li a strong {
	display: block;
	font-size: 24px;
	position: relative;
}
#main-catalog .wrap ul li a span {
	position: relative;
	font-size: 16px;
	line-height: 2;
}
#main-catalog > i, #main-catalog > em {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #f2f5fa;
	position: absolute;
	top: 45%;
	cursor: pointer;
	transition: all .3s;
}
#main-catalog > i {
	left: 70px;
}
#main-catalog > em {
	right: 70px;
}
#main-catalog > i:hover, #main-catalog > em:hover {
	background: #2899f0;
}
#main-catalog > i:after, #main-catalog > em:after {
	content: '';
	width: 8px;
	height: 14px;
	background: url(../i/arr1.svg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
}
#main-catalog > i:after {
	transform: rotate(180deg);
}
#main-catalog > i:hover:after, #main-catalog > em:hover:after {
	background-position: 0 -14px;
}
#main-catalog > .button {
	margin: 50px 0 0;
}


.path {
/*	height: 26px;*/
	line-height: 26px;
	color: #a1a1a1;
	position: relative;
	margin: 10px 0 20px;
}
.path a {
	color: #a1a1a1;
}
.path a:hover {
	color: #000;
}
.path a:first-child {
/*	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 4px 0;*/
	position: absolute;
	top: -2px;
	left: -36px;
	opacity: .5;
}
.path a:first-child img {
	display: block;
}
.path a:first-child:hover {
	opacity: 1;
}
.path span {
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 10px;
	background: url(../i/path.svg);
	font-size: 0;
	margin: 0 8px 2px;
}
.wrap > p {
	width: 80%;
	margin: -1em 0 2em;
}
.wrap > p strong {
	color: #a12020;
}


.left nav {
	font-size: 16px;
}
.left nav a {
	display: block;
	padding: 8px 12px;
	border-radius: 8px;
	color: #2899f0;
}
.left nav a:hover {
	background: #fff;
}
.left nav a.active {
	background: #2899f0;
	color: #fff;
	font-weight: 700;
}


article {
	font-size: 16px;
}
article img {
	max-width: 100%;
	height: auto;
}


.catalog {
	font-size: 0;
	margin: -15px 0 30px;
}
.catalog aside {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 1.2;
}
.catalog aside strong {
	display: block;
	font-size: 32px;
	margin: 10px 0;
}
.catalog aside a {
	display: block;
	color: #2899f0;
	padding: 3px 0 3px 15px;
	position: relative;
}
.catalog aside a:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #ccc;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 0;
}
.catalog aside a span {
	color: #a1a1a1;
	margin: 0 0 0 5px;
	transition:all .3s;
}
.catalog aside a:hover {
	color: #000;
}
.catalog aside a:hover span {
	color: #666;
}
.catalog.list {
}
.catalog.list aside {
	width: 25%;
	padding: 20px 4% 30px 0;
}
.catalog.categories {
}
.catalog.categories aside {
	width: 30%;
	padding: 0 0 20px;
}
.catalog.brands {
}
.catalog.brands aside {
	width: 16.66%;
	padding: 20px 2% 30px 0;
}
.catalog hr {
	height: 1px;
	background: #eee;
	margin: -1px 0 0;
}
.catalog.brands hr:last-child {
	display: none;
}
.catalog-info {
	width: 75%;
	font-size: 16px;
	margin: 0 0 50px;
}


.product {
	font-size: 16px;
	position: relative;
}
.product:after {
	content: '';
	display: block;
	clear: both;
}
.product > aside {
/*	margin: -75px 0 50px 60%;*/
	position: absolute;
	top: -75px;
	right: 0;
	width: 40%;
}
#prod-cost {
	margin: 0 0 5px;
	position: relative;
}
#prod-cost span {
	font-size: 32px;
	font-weight: 700;
	position: relative;
	cursor: pointer;
	z-index: 60;
}
#prod-cost.one span {
	cursor: default;
}
#prod-cost span:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	margin: 0 0 8px 12px;
	transition:all .5s;
}
#prod-cost.o span:after {
	transform: rotate(-135deg);
	margin: 0 0 0 12px;
}
#prod-cost.one span:after {
	display: none;
}
#prod-cost div {
	position: absolute;
	top: -10px;
	left: -20px;
	width: 350px;
	padding: 70px 20px 30px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
	box-shadow: 0 6px 18px 0 #70707019;
	z-index: 58;
	transition: all .5s;
	transform: scaleY(0) translateY(-100%);
	opacity: 0;
}
#prod-cost.o div {
	transform: none;
	opacity: 1;
}
#prod-cost div p {
	margin: 0 0 .5em;
}
#prod-cost div p b {
	display: block;
}
#prod-cost div a {
	color: #2899f0;
}
#prod-buttons {
	position: relative;
}
#prod-buttons > span, #prod-buttons > a, .no_price_analog {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	height: 46px;
	font-size: 14px;
	line-height: 44px;
	text-align: center;
	border-radius: 8px;
	margin: 0 10px 0 0;
	cursor: pointer;
}
#prod-buttons > span {
	background: #2899f0;
	border: 1px solid #2899f0;
	color: #fff;
}
#prod-buttons > span img {
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
#prod-buttons > span:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	margin: 0 0 4px 8px;
	transition:all .5s;
}
#prod-buttons > a, .no_price_analog {
	border: 1px solid #ddd;
	color: #000;
}
.no_price_analog {
	float: left;
	margin: 53px 0 0 175px;
}
#prod-buttons > div, .search-result section .r-list li:nth-child(8) > div {
	position: absolute;
	top: 60px;
	left: -170px;
	width: 390px;
	min-height: 400px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 24px 0 #00000028;
	z-index: 58;
	transition: all .5s;
	transform: scaleY(0) translateY(-100%);
	opacity: 0;
}
.search-result section .r-list li:nth-child(8) > div {
	left: -265px;
}
#prod-buttons.o > div, .search-result section .r-list li:nth-child(8).o > div {
	transform: none;
	opacity: 1;
}
#prod-buttons > div:after, .search-result section .r-list li:nth-child(8) > div:after {
	content: '';
	width: 15px;
	height: 15px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f5f5f5;
	border-radius: 3px;
	position: absolute;
	top: -8px;
	right: 80px;
	transform: rotate(-45deg);
}
#prod-buttons > div > i, .search-result section .r-list li:nth-child(8) > div > i {
	width: 24px;
	height: 24px;
	background: url(../i/close.svg);
	position: absolute;
	top: 12px;
	right: 20px;
	cursor: pointer;
}
#prod-buttons > div div, #prod-buttons > div p, .search-result section .r-list li:nth-child(8) > div p, .search-result section .r-list li:nth-child(8) > div div {
	line-height: 50px;
	padding: 0 20px;
}
#prod-buttons > div div, .search-result section .r-list li:nth-child(8) > div div {
	background: #f5f5f5;
	border-radius: 8px 8px 0 0;
}
#prod-buttons > div p, .search-result section .r-list li:nth-child(8) > div p {
	background: #fff5cc;
	color: #777;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#prod-buttons > div ul, .search-result section .r-list li:nth-child(8) > div ul {
	padding: 0;
	background: #fff;
}
#prod-buttons > div ul li, .search-result section .r-list li:nth-child(8) > div ul li {
	width: auto;
	height: auto;
	display: block;
	line-height: 42px;
	padding: 8px 20px;
	overflow: hidden;
}
#prod-buttons > div ul li span, .search-result section .r-list li:nth-child(8) > div ul li span {
	float: left;
	width: 80px;
	height: 42px;
	line-height: 18px;
	padding: 3px 0;
	background: none;
	border: 0;
	border-radius: 0;
	text-align: left;
	cursor: default;
}
#prod-buttons > div ul li span:after, .search-result section .r-list li:nth-child(8) > div ul li span:after {
	display: none;
}
#prod-buttons > div ul li span b, .search-result section .r-list li:nth-child(8) > div ul li span b {
	display: block;
}
#prod-buttons > div ul li strong, .search-result section .r-list li:nth-child(8) > div ul li strong {
	float: left;
	width: 90px;
}
#prod-buttons > div ul li data, .search-result section .r-list li:nth-child(8) > div ul li data {
	float: left;
	width: 80px;
	height: 42px;
	position: relative;
}
#prod-buttons > div ul li data input, .search-result section .r-list li:nth-child(8) > div ul li data input {
	height: 42px;
	margin: 0;
}
#prod-buttons > div ul li a, .search-result section .r-list li:nth-child(8) > div ul li a {
	float: right;
	width: 95px;
	height: 42px;
	font-size: 14px;
	line-height: 42px;
	padding: 0;
	margin: 0;
}
.product > .stock, #quick-view-popup > aside .stock {
	color: #666;
/*	margin: -85px 0 40px;*/
	margin: 0 0 40px;
}
.product > .stock:before, #quick-view-popup > aside .stock:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #a1a1a1;
	margin: 0 5px 4px 0;
}
.product > .stock.in:before, #quick-view-popup > aside .stock.in:before {
	background: #20a122;
}
.product > .stock.out:before, #quick-view-popup > aside .stock.out:before {
	background: #a12020;
}
.product > .stock span, #quick-view-popup > aside .stock span {
	display: inline-block;
	margin: 0 30px 0 0;
}
#prod-spec {
	float: left;
	width: 370px;
	font-size: 0;
}
#prod-spec small {
	display: block;
	font-size: 10px;
	color: #666;
	text-transform: uppercase;
	margin: 20px 0 15px;
}
#prod-spec span, #prod-spec strong, #prod-spec a {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	font-size: 16px;
	line-height: 1;
}
#prod-spec span {
	color: #666;
	padding: 0 1em .5em 0;
}
#prod-spec strong {
	padding: 0 0 .5em;
}
#prod-spec a {
	padding: 0 0 .5em;
	margin: 0 0 0 50%;
	color: #2899f0;
}
#prod-spec section {
	display: none;
}
#prod-spec div {
	height: 46px;
	font-size: 14px;
	line-height: 44px;
	color: #666;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 23px;
	margin: 15px 0 0;
	cursor: pointer;
	transition:all .5s;
}
#prod-spec div:hover {
	background: #0001;
}
#prod-spec div del {
	font-size: 0;
	text-decoration: none;
	transition:all .5s;
}
#prod-spec div:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	transform: rotate(45deg);
	margin: 0 0 4px 5px;
	transition:all .5s;
}
#prod-spec.o div {
	font-size: 0;
}
#prod-spec.o div del {
	font-size: 14px;
}
#prod-spec.o div:after {
	transform: rotate(-135deg);
}
.prod-info {
	float: right;
	width: 785px;
}
#prod-img {
	text-align: center;
}
#prod-img:after {
	content: '';
	display: block;
	clear: both;
}
#prod-img aside {
	float: left;
	width: 620px;
	height: 500px;
	line-height: 500px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 6px 18px 0 #7773;
	position: relative;
}
#prod-img aside a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s;
	opacity: 0;
	z-index: 2;
}
#prod-img aside a.active {
	opacity: 1;
	z-index: 3;
}
#prod-img aside a img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
/*#prod-img aside a:after {
	content: '';
	width: 64px;
	height: 64px;
	background: url(../i/zoom.svg) no-repeat 50% 50% / 100% 100%;
	position: absolute;
	top: 15px;
	right: 15px;
}*/
#prod-img div {
	float: right;
	width: 140px;
	height: 500px;
	overflow: hidden;
	position: relative;
}
#prod-img div ul {
	position: relative;
}
#prod-img div ul li {
	height: 100px;
	border: 2px solid #e9e9e9;
	border-radius: 8px;
	margin: 0 0 15px;
	overflow: hidden;
	cursor: pointer;
}
#prod-img div ul li:hover {
	border-color: #ccc;
}
#prod-img div ul li.active {
	border-color: #fc0;
}
#prod-img div ul li img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
#prod-img div ul li.view-all {
	height: 40px;
	line-height: 36px;
}
#prod-img div i, #prod-img div em {
}
#prod-img div i {
}
#prod-img div em {
}
#prod-desc {
	margin: 40px 0 0;
}
#prod-desc > small {
	display: block;
	font-size: 10px;
	color: #666;
	text-transform: uppercase;
	margin: 20px 0 15px;
}
#prod-desc > span {
}
#prod-desc.o > span {
	display: none;
}
#prod-desc > section {
	/*display: none;*/
}
#prod-desc.o > section {
	display: block;
}
#prod-desc > section p {
	margin: 0 0 1em;
}
#prod-desc > .more {
	color: #666;
	display: none;
}
#prod-desc > .more span {
	font-size: 0;
	transition: all .3s;
}
#prod-desc.o > .more {
	font-size: 0;
}
#prod-desc.o > .more span {
	font-size: 16px;
}
#prod-desc > .tags {
	font-size: 16px;
	color: #666;
	margin: 20px 0 0;
}
#prod-desc > .tags span {
	margin: 0 5px;
}


#faq-link {
	text-align: center;
	margin: 30px 0;
}
#faq-link a {
	display: inline-block;
	vertical-align: top;
	height: 48px;
	padding: 0 20px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 23px;
	box-shadow: 0 4px 20px -12px #0008;
	line-height: 46px;
	font-size: 0;
}
#faq-link a:hover {
	background: #eee;
	box-shadow: 0 4px 20px -8px #0008;
}
#faq-link a i {
	display: inline-block;
	vertical-align: middle;
	padding: 0 8px;
	background: #20a122;
	border-radius: 8px;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	margin: 0 10px 0 0;
}
#faq-link a span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	border-bottom: 1px solid #d9d9d9;
}
.faq-list {
	list-style: none;
	counter-reset: f;
}
.faq-list > li {
	position: relative;
	padding: 0 35px;
	margin: 0 0 35px;
}
.faq-list > li img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 1em 0;
}
.faq-list > li a {
	text-decoration: underline;
}
.faq-list > li:before {
	counter-increment: f;
	content: counter(f);
	width: 26px;
	height: 26px;
	border: 1px solid #000;
	border-radius: 50%;
	position: absolute;
	top: -2px;
	left: 0;
	text-align: center;
	font-size: 12px;
	line-height: 2;
}
.cntcts {
	padding: 0 35px;
	margin: 35px 0;
}
.cntcts a {
	text-decoration: underline;
}
.faq-next {
	text-align: center;
	border-top: 1px solid #0002;
	line-height: 1;
	padding: 40px 0 0;
	margin: 40px 0 20px;
}
.faq-next div {
	font-size: 24px;
	font-weight: 700;
	margin: .5em 0 0;
}
.faq-next div a {
	display: inline-block;
	border-bottom: 1px solid #2899f055;
}
.faq-next div a:hover {
	border-color: #0005;
}
.warn {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 700;
	padding: 0 120px 0 35px;
	margin: 40px 0;
	position: relative;
}
.warn:before {
	content: '';
	width: 6px;
	background: #2899f0;
	border-radius: 3px;
	position: absolute;
	top: 0.2em;
	left: 0;
	bottom: 0.2em;
}


.search-result {
	font-size: 16px;
}
.search-result .found, .search-result .sort {
	color: #666;
	height: 24px;
}
.search-result .found {
	float: right;
	margin: -50px 0 0;
}
.search-result .sort {
/*	float: right;*/
	text-align: right;
	margin: -30px 0 10px;
}
.search-result .sort span {
	position: relative;
	z-index: 10;
	cursor: pointer;
}
.search-result .sort span img {
	vertical-align: middle;
	margin: 0 0 2px 3px;
}
.search-result h2, .search-result h3 {
	font-size: 24px;
	margin: 0 0 .5em;
}
.orders > label {
	display: inline-block;
	font-size: 18px;
	color: #777;
	margin: -20px 0 20px;
}
.orders-history > span {
	display: block;
	font-size: 18px;
	margin: 0 0 1em;
}
.orders-history > span strong {
	font-size: 20px;
	margin: 0 10px;
}
.search-result section, .orders section, .orders-history section, .log section {
	clear: both;
	background: #f5f5f5;
	border: 1px solid #ececec;
	border-radius: 8px;
	margin: 15px 0 30px;
}
.orders section, .orders-history section, .log section {
	background: #fff;
}
.orders section table, .orders-history section table, .log section table {
	width: 100%;
}
.search-result section ul, .orders section ul, .orders-history section ul, .log section ul {
	font-size: 0;
	padding: 0 10px;
}
.search-result section ul li, .orders section ul li, .orders-history section ul li, .log section ul li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 5px 10px;
}
.search-result section ul li:nth-child(1){
	width: 8.5%;
}
.search-result section ul li:nth-child(2) {
	width: 8.5%;
}
.search-result section ul li:nth-child(3) {
	width: 6.8%;
}
.search-result section ul li:nth-child(4) {
	width: 7.6%;
}
.search-result section ul li:nth-child(5) {
	width: 37%;
}
.search-result section ul li:nth-child(6) {
	width: 9.3%;
}
.search-result section ul li:nth-child(7) {
	width: 6.2%;
}
.search-result section ul li:nth-child(8) {
	width: 16.1%;
}
.search-result section .r-list li:nth-child(1) {
	width: 4.8%;
}
.search-result section .r-list li:nth-child(2) {
	width: 13%;
}
.search-result section .r-list li:nth-child(3) {
	width: 18.2%;
}
.search-result section .r-list li:nth-child(4) {
	width: 6.4%;
}
.search-result section .r-list li:nth-child(5) {
	width: 7.2%;
}
.search-result section .r-list li:nth-child(6) {
	width: 20%;
}
.search-result section .r-list li:nth-child(7) {
	width: 8.9%;
}
.search-result section .r-list li:nth-child(8) {
	width: 5.8%;
	overflow: visible;
}
/*.search-result section.noplus .r-list li:nth-child(1) {
	display: none;
}
.search-result section.noplus .r-list li:nth-child(6) {
	width: 28.8%;
}*/
.search-result section .r-list li:nth-child(2):hover, .search-result section .r-list li:nth-child(3):hover {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px #0002;
}
.search-result section .r-list li:nth-child(2):hover a, .search-result section .r-list li:nth-child(3):hover a {
	color: #000;
}
.search-result section .r-list li:nth-child(9) {
	width: 15.7%;
}
.search-result section .r-list li:nth-child(1) a.f {
	display: block;
	width: 32px;
	height: 32px;
	background: #fc0;
	border-radius: 8px;
	margin: 5px 0;
	position: relative;
	cursor: pointer;
}
.search-result section.noplus .r-list li:nth-child(1) a.f {
	display: none;
}
.search-result section .r-list li:nth-child(1) a.f:before, .search-result section .r-list li:nth-child(1) a.f:after {
	content: '';
	width: 12px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 15px;
	left: 10px;
}
.search-result section .r-list li:nth-child(1) a.f:before {
	box-shadow: 1px 1px 0 #0004;
}
.search-result section .r-list li:nth-child(1) a.f:after {
	box-shadow: 1px -1px 0 #0004;
	transform: rotate(90deg);
}
.search-result section .r-list li:nth-child(1) a.f.o:after {
	display: none;
}
.search-result section.similar ul li:nth-child(1){
	width: 13%;
}
.search-result section.similar ul li:nth-child(2) {
	width: 18.2%;
}
.search-result section.similar ul li:nth-child(3) {
	width: 48.8%;
}
.search-result section.similar ul li:nth-child(4) {
	width: 20%;
}
.orders section ul li:nth-child(1){
	width: 10%;
}
.orders section ul li:nth-child(2) {
	width: 48%;
}
.orders section ul li:nth-child(3) {
	width: 10%;
}
.orders section ul li:nth-child(4) {
	width: 10%;
}
.orders section ul li:nth-child(5) {
	width: 9%;
}
.orders section ul li:nth-child(6) {
	width: 13%;
}
.orders section figure ul li:nth-child(1){
	width: 12%;
}
.orders section figure ul li:nth-child(2) {
	width: 15%;
}
.orders section figure ul li:nth-child(3) {
	width: 43%;
}
.orders section figure ul li:nth-child(4) {
	width: 10%;
}
.orders section figure ul li:nth-child(5) {
	width: 10%;
}
.orders section figure ul li:nth-child(6) {
	width: 10%;
}
.orders-history section ul li:nth-child(1){
	width: 30%;
}
.orders-history section ul li:nth-child(2) {
	width: 30%;
}
.orders-history section ul li:nth-child(3) {
	width: 40%;
}
.log section ul li:nth-child(1){
	width: 20%;
}
.log section ul li:nth-child(2) {
	width: 80%;
}
.search-result section > ul, .orders section > ul, .orders-history section > ul, .log section > ul {
}
.orders section > div figure > strong {
	display: block;
	font-size: 18px;
	padding: 10px 20px;
}
.orders section > div figure > a.button {
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	margin: 10px;
}
.search-result section > ul li, .orders section > ul li, .orders section > div figure ul.title li, .orders-history section > ul li, .log section > ul li {
	font-size: 10px;
	height: auto;
	text-transform: uppercase;
	color: #666;
	line-height: 2;
}
.orders section ul li span {
	display: block;
	font-size: 18px;
	font-weight: 700;
	position: relative;
}
.orders section ul li span:before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ccc;
	position: absolute;
	top: 15px;
	left: -14px;
}
.orders section.paid ul li span:before {
	background: #20a122;
}
.orders section.not_paid ul li span:before {
	background: #a12020;
}
.search-result section > div, .orders section > div, .orders-history section > div, .log section > div {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 8px;
	margin: 0 -1px -1px;
}
.search-result section > div ul, .orders section > div ul, .orders-history section > div ul, .log section > div ul {
	transition: all .3s;
}
.search-result section > div ul.hidden {
	border-bottom: 1px solid #0002;
	background: #fff;
	box-shadow: 0 -1px 0 #fff;
	display: none;
}
.search-result section.noplus > div ul.hidden {
	display: block;
}
.search-result section > div ul:hover, .orders section > div ul:hover, .orders-history section > div ul:hover, .log section > div ul:hover {
	padding: 0;
	background: #f5f5f5;
	border-radius: 8px;
	margin: 0 10px;
}
.search-result section > div ul li, .orders section > div ul li, .orders-history section > div ul li, .log section > div ul li {
	height: 52px;
	font-size: 16px;
	line-height: 42px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s;
}
.log section > div ul li {
	height: auto;
	line-height: 1.5;
	padding: 10px;
}
.orders section > div ul li:first-child {
	overflow: visible;
}
.orders section > div > ul li:last-child {
	font-weight: 700;
	line-height: 21px;
}
.orders section.paid > div > ul li:last-child {
	color: #20a122;
}
.orders section.not_paid > div > ul li:last-child {
	color: #a12020;
}
.orders section > div > ul li a {
	cursor: pointer;
}
.orders .ll {
	overflow: visible;
}
.orders .ll form {
	position: absolute;
	right: 0;
	top: 100%;
	width: 450px;
	background: #fff;
	padding: 20px;
	box-shadow: 2px 2px 10px #0008;
	border-radius: 10px;
	z-index: 100;
	display: none;
}
.orders .ll form strong {
	display: block;
	margin: 0 0 1em;
}
.orders .ll form strong b {
	font-size: 1.5em;
	margin: 0 0 0 5px;
}
.orders .ll form button {
	margin: 10px 20px 0 0;
}
.search-result section > div ul li a {
	color: #2899f0;
}
.search-result section > div ul li b.min {
	color: #a12020;
}
.search-result section > div ul li b.yes {
	color: #20a122;
}
.search-result section > div ul li b.out {
	color: #bbb;
}
.search-result section > div ul li b.none {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 2px;
	background: #bbb;
}
.search-result section > div ul li figure {
	overflow: hidden;
	text-overflow: ellipsis;
}
.search-result section > div ul li:hover figure {
	margin: 0 150px 0 0;
}
.search-result section > div ul li aside {
	width: 150px;
	position: absolute;
	top: 5px;
	right: 10px;
	display: none;
}
.search-result section > div ul li:hover aside {
	display: block;
}
.search-result section > div ul li aside a {
	display: block;
	line-height: 30px;
	font-size: 12px;
	color: #444;
	text-align: center;
	border: 1px solid #444;
	border-radius: 3px;
	margin: 5px -10px 5px 10px;
}
.search-result section > div ul li aside a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 8px;
	background: url(../i/visible.svg) no-repeat 0 0 / contain;
	opacity: .7;
	margin: 0 0 2px 5px;
}
.search-result section > div ul li aside a:hover {
	background: #fff;
	color: #000;
	border-color: #000;
}
.search-result section > div ul li aside a:hover:after {
	transition: all .3s;
	opacity: 1;
}
.search-result section > div ul li span {
	display: block;
	line-height: 40px;
	background: #fff;
	border: 1px solid #b2dbfa;
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
}
.search-result section > div ul li span img {
	vertical-align: middle;
	margin: 0 0 4px;
}
.search-result section > div ul li span:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #2899f0;
	border-right: 1px solid #2899f0;
	transform: rotate(45deg);
	margin: 0 0 4px 4px;
}
.search-result section > div ul li .button {
	display: block;
	height: 42px;
	font-size: 14px;
	line-height: 42px;
	color: #fff;
	padding: 0;
	margin: 0;
}
.search-result section > div ul li .button:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(-45deg);
	margin: 0 0 2px 8px;
	transition: all .3s;
}
.search-result section > div ul li .button:hover:after {
	border-color: #fff;
}
.search-result section > div ul li data {
	display: block;
	height: 42px;
	position: relative;
	z-index: 10;
	margin: 0 -40px 0 0;
}
.search-result section > div ul li data input,
#prod-buttons > div ul li data input, .search-result section .r-list li:nth-child(8) > div ul li data input,
#quick-view-popup > section ul li data input {
	height: 100%;
	padding: 0;
	border-color: #ddd;
	text-align: center;
	margin: 0;
	transition: all .3s;
}
.search-result section > div ul li data:hover input,
#prod-buttons > div ul li data:hover input, .search-result section .r-list li:nth-child(8) > div ul li data:hover input,
#quick-view-popup > section ul li data:hover input {
	border-color: #000;
}
.search-result section > div ul li data i, .search-result section > div ul li data em,
#prod-buttons > div ul li data i, #prod-buttons > div ul li data em,
.search-result section .r-list li:nth-child(8) > div ul li data i, .search-result section .r-list li:nth-child(8) > div ul li data em,
#quick-view-popup > section ul li data i, #quick-view-popup > section ul li data em
{
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	transition: all .3s;
}
.search-result section > div ul li data:hover i, .search-result section > div ul li data:hover em,
#prod-buttons > div ul li data:hover i, #prod-buttons > div ul li data:hover em,
.search-result section .r-list li:nth-child(8) > div ul li data:hover i, .search-result section .r-list li:nth-child(8) > div ul li data:hover em,
#quick-view-popup > section ul li data:hover i, #quick-view-popup > section ul li data:hover em
{
	opacity: 1;
}
.search-result section > div ul li data i,
#prod-buttons > div ul li data i,
.search-result section .r-list li:nth-child(8) > div ul li data i,
#quick-view-popup > section ul li data i
{
	left: 0;
}
.search-result section > div ul li data em,
#prod-buttons > div ul li data em,
.search-result section .r-list li:nth-child(8) > div ul li data em,
#quick-view-popup > section ul li data em
{
	right: 0;
}
.search-result section > div ul li data i:before, .search-result section > div ul li data em:before, .search-result section > div ul li data i:after, .search-result section > div ul li data em:after,
#prod-buttons > div ul li data i:before, #prod-buttons > div ul li data em:before, #prod-buttons > div ul li data i:after, #prod-buttons > div ul li data em:after,
.search-result section .r-list li:nth-child(8) > div ul li data i:before, .search-result section .r-list li:nth-child(8) > div ul li data em:before, .search-result section .r-list li:nth-child(8) > div ul li data i:after, .search-result section .r-list li:nth-child(8) > div ul li data em:after,
#quick-view-popup > section ul li data i:before, #quick-view-popup > section ul li data em:before, #quick-view-popup > section ul li data i:after, #quick-view-popup > section ul li data em:after
{
	content: '';
	width: 16px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 20px;
}
.search-result section > div ul li data i:before, .search-result section > div ul li data i:after,
#prod-buttons > div ul li data i:before, #prod-buttons > div ul li data i:after,
.search-result section .r-list li:nth-child(8) > div ul li data i:before, .search-result section .r-list li:nth-child(8) > div ul li data i:after,
#quick-view-popup > section ul li data i:before, #quick-view-popup > section ul li data i:after
{
	left: 10px;
}
.search-result section > div ul li data em:before, .search-result section > div ul li data em:after,
#prod-buttons > div ul li data em:before, #prod-buttons > div ul li data em:after,
.search-result section .r-list li:nth-child(8) > div ul li data em:before, .search-result section .r-list li:nth-child(8) > div ul li data em:after,
#quick-view-popup > section ul li data em:before, #quick-view-popup > section ul li data em:after
{
	right: 10px;
}
.search-result section > div ul li data em:after,
#prod-buttons > div ul li data em:after,
.search-result section .r-list li:nth-child(8) > div ul li data em:after,
#quick-view-popup > section ul li data em:after
{
	transform: rotate(90deg);
}
.search-result section > div ul li .button.tocart {
	margin: 0 0 0 40px;
}
.search-result section > div ul li .button.tocart img {
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
.search-result section > div ul li .button.tocart:after {
	display: none;
}
.search-result section.no {
	padding: 40px;
	background: #fff;
	text-align: center;
	font-size: 16px;
}
.search-result section.no img {
}
.search-result section.no p {
	margin: 1em 0 0;
}
.search-result section .r-list li small {
display:none;
}


.search-result section > div .show-others, .orders section > div .show-others, .orders-history section > div .show-others, .log section > div .show-others {
	display: block;
	width: 360px;
	height: 44px;
	background: #f1f8fe;
	border-radius: 22px;
	font-size: 18px;
	line-height: 44px;
	font-weight: 700;
	color: #2899f0;
	text-align: center;
	margin: 20px auto;
	cursor: pointer;
	transition: all .3s;
}
.search-result section > div .show-others:after, .orders section > div .show-others:after, .orders-history section > div .show-others:after, .log section > div .show-others:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-right: 2px solid #2899f0;
	border-bottom: 2px solid #2899f0;
	margin: 0 0 6px 12px;
	transform: rotate(45deg);
	transition: all .3s;
}
.search-result section > div .show-others.o:after, .orders section > div .show-others.o:after, .orders-history section > div .show-others.o:after, .log section > div .show-others.o:after {
	margin: 0 0 -2px 12px;
	transform: rotate(-135deg);
}
.search-result section > div .show-others:hover, .orders section > div .show-others:hover, .orders-history section > div .show-others:hover, .log section > div .show-others:hover {
	background: #d6ecff;
}
.search-result section > div .others, .orders section > div .others, .orders-history section > div .others, .log section > div .others {
	display: none;
}
.search-result section > div .others.o, .orders section > div .others.o, .orders-history section > div .others.o, .log section > div .others.o {
	display: block;
}


ul.r-list li div {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: -2px 0 0 3px;
	cursor: pointer;
	position: relative;
	transition: all .3s;
}
.noplus ul.r-list li div {
	display: none;
}
ul.r-list li div:after {
	content: '';
	border: 3px solid transparent;
	border-top-color: #777;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -2px 0 0 -3px;
}
ul.r-list li div.asc, ul.r-list li div.desc {
}
ul.r-list li div.asc {
	margin: -3px 0 0 3px;
	transform: rotate(180deg);
}
ul.r-list li div.asc:after, ul.r-list li div.desc:after {
	border-width: 4px;
	border-top-color: #000;
	margin: -2px 0 0 -4px;
}


.users-table {
	margin: 1em 0;
}
table.users, .users-table table, .operator-cabinet table {
	width: 100%;
	background: #fff;
	border: 1px solid #ececec;
	margin: 0 0 20px;
}
.operator-cabinet table {
	margin: 30px 0;
}
table.users th, table.users td, .users-table table th, .users-table table td {
	padding: 10px 20px;
}
.operator-cabinet table th, .operator-cabinet table td {
	padding: 10px;
}
table.users th, .users-table table th, .operator-cabinet table th {
	text-align: left;
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	color: #666;
	border-bottom: 1px solid #ececec;
}
table.users td, .users-table table td, .operator-cabinet table td {
}
table.users a {
	color: #000;
}
.operator-cabinet table td input {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 30px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	margin: 0 2px;
}
.operator-cabinet table td input.error {
	border-color: #f00;
}
.operator-cabinet table td input+div {
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	color: #f00;
	padding: 0 2px;
	display: none;
}
.operator-cabinet table td input.error+div {
	display: block;
}
.nowrap {
	white-space: nowrap;
}


form[name="recalc"] {
	overflow: hidden;
	margin: -10px 0 50px;
}
form[name="recalc"] button[type="submit"] {
	float: right;
	margin: 0;
}
form[name="recalc"] button[type="button"] {
	margin: 0;
}


.users-table table.editable {
}
.users-table table.editable tr:nth-child(2n+1):not(:first-child) {
	background: #2899f011;
}
.users-table table.editable th, .users-table table.editable td {
	padding: 5px;
}
.users-table table.editable th {
}
.users-table table.editable th:nth-child(2n+1) {
	background: #2899f011;
}
.users-table table.editable td {
	font-size: 13px;
}
.users-table table.editable td:nth-child(2n+1) {
	background: #00000008;
}
.users-table table.editable td+td+td+td {
	white-space: nowrap;
}
.users-table table.editable input, .users-table table.editable select {
	display: inline-block;
	vertical-align: middle;
	height: 35px;
	padding: 5px;
	border-width: 2px;
	font-size: 13px;
	margin: 0;
}
.users-table table.editable input {
	width: 60px;
}
.users-table table.editable input+i {
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	background: url(../i/ok.png) no-repeat 50% 50%;
	cursor: pointer;
}
.users-table table.editable input[readonly]+i {
	background: url(../i/edit.png) no-repeat 50% 50%;
}
.users-table table.editable select {
	width: 150px;
}
.users-table table.editable input[readonly], .users-table table.editable select[readonly] {
	border-color: transparent;
	background: none;
}


.add-form {
	width: 550px;
}


#open-edit {
	margin: 0;
}
.user-form, .order-form {
	width: 600px;
	padding: 30px;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 8px;
	margin: 30px;
}
.user-form {
	display: none;
}


.personal {
}
.personal .links {
	font-size: 0;
	margin: 0 -20px;
}
.personal .links a {
	display: inline-block;
	vertical-align: top;
	width: calc(33.33% - 40px);
	height: 180px;
	padding: 40px;
	background: #fff;
	border-radius: 8px;
	margin: 0 20px;
}
.personal .links a:hover {
	box-shadow: 0 0 10px #0002;
}
.personal .links a strong {
	display: block;
	font-size: 24px;
	margin: 0 0 .3em;
	transition: all .3s;
}
.personal .links a:hover strong {
	text-indent: .5em;
}
.personal .links a strong:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 9px;
	border-top: 2px solid #2899f0;
	border-right: 2px solid #2899f0;
	margin: 0 0 2px 5px;
	transition: all .3s;
	transform: rotate(45deg);
}
.personal .links a:hover strong:after {
	border-color: #000;
	margin: 0 0 2px 20px;
}
.personal .links a span {
	display: block;
	font-size: 16px;
	color: #777;
	transition: all .3s;
}
.personal .links a:hover span {
	color: #000;
}
.personal .links a span img {
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
.personal .tl {
	margin: 10px 0 40px;
}
.personal .tl a {
	font-size: 28px;
	font-weight: 700;
	color: #777;
	margin: 0 15px 0 0;
}
.personal .tl a.active {
	color: #000;
}
.h1 a {
	color: #000;
	opacity: .3;
	margin: 0 30px 0 0;
}
.h1 a.active {
	opacity: 1;
}
.personal-data {
	padding: 60px 30px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 24px 0 #0002;
}
.personal-data form {
	width: 550px;
	margin: 0 auto;
}
.personal-data form .input, #edit-data-popup > .input {
	margin: 0 0 20px;
}
.personal-data form button, #edit-data-popup > button {
	display: block;
	padding: 0 60px;
	background: #ffcb00;
	color: #000;
	margin: 30px auto;
}
.personal-data form button:hover, #edit-data-popup > button:hover {
	background: #db0;
}
.personal-data form.inc-form {
	width: auto;
}
.personal-data form.inc-form .input, .personal-data form.inc-form button {
	display: inline-block;
	vertical-align: top;
}
.personal-data form.inc-form .input {
	width: 20%;
	margin: 0 1% 0 0;
}
.personal-data form.inc-form button {
	width: 14%;
	padding: 0;
	margin: 0;
}
.personal-data form p, #edit-data-popup > p {
	text-align: center;
	font-size: 12px;
}
.personal-data form p img, #edit-data-popup > p img {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}
.two-cols, .three-cols, .four-cols {
	font-size: 0;
	margin: 0 -10px;
}
.two-cols > div, .three-cols > div, .four-cols > div {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 20px!important;
}
.two-cols > div {
	width: calc(50% - 20px);
}
.three-cols > div {
	width: calc(33.33% - 20px);
}
.four-cols > div {
	width: calc(25% - 20px);
}
.personal-data .good, .personal-data .error {
	font-size: 22px;
	text-align: center;
	margin: -20px 0 20px;
}
.personal-data .good {
	color: #090;
}
.personal-data .error {
	color: #f00;
}
.add-request-item {
	display: block;
	height: 71px;
	border-top: 1px solid #d8d8d8;
	line-height: 70px;
	font-size: 16px;
	text-align: center;
	color: #000;
	margin: 20px -30px -60px;
}
.add-request-item:hover {
	background: #eee;
}
.add-request-item i {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 0 5px 2px 0;
	position: relative;
}
.add-request-item i:before, .add-request-item i:after {
	content: '';
	width: 16px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 7px;
	left: 0;
}
.add-request-item i:before {
}
.add-request-item i:after {
	transform: rotate(90deg);
}
.request-form {
}
.request-form section {
	padding: 45px 325px 0;
	border-top: 1px solid #d8d8d8;
	margin: 45px -325px 0;
	position: relative;
}
.request-form section:first-child {
	padding: 0;
	border: 0;
	margin: 0;
}
.request-form section del {
	position: absolute;
	top: 50px;
	right: 10%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(../i/trash.svg) no-repeat 50% 50%, #f5f5f5;
	cursor: pointer;
}
.request-form section:first-child del {
	display: none;
}
.request-form .input span {
	display: block;
	width: 80px;
	height: 42px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	left: auto;
}
.request-form .input span i, .request-form .input span em {
	float: left;
	width: 40px;
	height: 42px;
	background: none;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}
.request-form .input span i:hover, .request-form .input span em:hover {
	background: #fff;
	box-shadow: 0 0 5px #0001;
}
.request-form .input span i {
}
.request-form .input span em {
}
.request-form .input span i:before, .request-form .input span em:before, .request-form .input span i:after, .request-form .input span em:after {
	content: '';
	width: 16px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 20px;
	left: 12px;
}
.request-form .input span i:before, .request-form .input span em:before {
}
.request-form .input span i:before {
}
.request-form .input span em:before {
}
.request-form .input span i:after, .request-form .input span em:after {
}
.request-form .input span i:after {
}
.request-form .input span em:after {
	transform: rotate(90deg);
}


.operator-cabinet .order-form {
	float: right;
	padding: 15px;
	margin: 0;
}
.operator-cabinet .order-form .input {
	padding: 5px;
	margin: 0 0 10px;
}
.operator-cabinet .order-form .two-cols, .operator-cabinet .order-form .three-cols, .operator-cabinet .order-form .four-cols {
	margin: 0 -5px;
}
.operator-cabinet .order-form .two-cols .input, .operator-cabinet .order-form .three-cols .input, .operator-cabinet .order-form .four-cols .input {
	margin: 0 5px 10px!important;
}
.operator-cabinet .order-form .two-cols > div {
	width: calc(50% - 10px);
}
.operator-cabinet .order-form .three-cols > div {
	width: calc(33.33% - 10px);
}
.operator-cabinet .order-form .four-cols > div {
	width: calc(25% - 10px);
}
.operator-cabinet .order-form .ab {
	float: right;
	width: 330px;
	font-size: 13px;
	line-height: 1.3;
}
.operator-cabinet .order-form button {
	margin: 0;
}


.order {
	position: relative;
	font-size: 16px;
}
#order-block {
	width: 790px;
}
#order-block > .ot {
	height: 32px;
	font-size: 24px;
	font-weight: 700;
	line-height: 34px;
	margin: 50px 0 20px;
}
#order-block > .ot:first-child {
	margin: 0 0 20px;
}
#order-block > .ot span {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: #000;
}
#order-block #cart {
}
#order-block #cart section {
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
}
#order-block #cart section label {
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px 0 0;
}
#order-block #cart section a {
	color: #a12020;
}
#order-block #cart ul {
}
#order-block #cart ul li {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	margin: 0 0 0 35px;
	position: relative;
}
#order-block #cart ul li > label {
	position: absolute;
	top: 15px;
	left: -35px;
}
#order-block #cart ul li > aside {
	display: inline-block;
	vertical-align: top;
	width: 430px;
}
#order-block #cart ul li > aside > span {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#order-block #cart ul li > aside > span a {
}
#order-block #cart ul li > aside > strong {
}
#order-block #cart ul li > aside > p {
	color: #666;
	margin: 0;
}
#order-block #cart ul li > aside > p span {
	display: inline-block;
	vertical-align: top;
	width: 285px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#order-block #cart ul li > span {
	display: inline-block;
	vertical-align: top;
	width: 84px;
	position: relative;
	margin: 0 20px 0 0;
}
#order-block #cart ul li > span input {
	height: 42px;
	font-size: 16px;
	text-align: center;
	box-shadow: 0 2px 4px 0 #0002;
	margin: 0;
}
#order-block #cart ul li > span i, #order-block #cart ul li > span em {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0;
	border-radius: 5px;
	cursor: pointer;
}
#order-block #cart ul li > span i {
	left: 0;
}
#order-block #cart ul li > span em {
	right: 0;
}
#order-block #cart ul li > span i:hover {
	background: linear-gradient(to right, #2899f022, #0000);
}
#order-block #cart ul li > span em:hover {
	background: linear-gradient(to left, #2899f022, #0000);
}
#order-block #cart ul li > span i:before, #order-block #cart ul li > span i:after, #order-block #cart ul li > span em:before, #order-block #cart ul li > span em:after {
	content: '';
	width: 16px;
	height: 2px;
	background: #000;
	position: absolute;
	left: 12px;
	top: 20px;
}
#order-block #cart ul li > span em:after {
	transform: rotate(90deg);
}
#order-block #cart ul li > strong {
	display: inline-block;
	vertical-align: top;
}
#order-block #cart ul li > strong span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #666;
}
#order-block #cart ul li > del {
	float: right;
	text-decoration: none;
}
#order-block #cart ul li > del a {
}
#order-block #cart > button {
	float: right;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	display: none;
}
#order-block #cart:after {
	content: '';
	display: block;
	clear: both;
}
#order-block > section {
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 24px 0 #0002;
	margin: 0 0 20px;
}
#order-block #delivery {
}
#order-block #delivery > div {
	padding: 0 0 0 30px;
	background: url(../i/!.svg) no-repeat 0 2px;
	margin: 0 0 30px;
}
#order-block > section > small, #getting small {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	color: #666;
	margin: 0 0 20px;
}
#delivery_method label {
	font-size: 16px;
	margin: 0 0 20px;
}
#delivery_method label i {
	float: left;
	margin: 2px 0 0;
}
#delivery_method label strong {
	display: block;
	font-size: 18px;
	margin: 0 0 0 30px;
}
#delivery_method label p {
	margin: 0 0 0 30px;
}
#delivery_method label span {
	display: block;
	color: #777;
	margin: 0 0 0 30px;
}
#getting {
}
#getting .input {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 0 15px 30px 0;
}
#getting .input+.input {
	width: 60%;
}
#delivery_method .no {
	border: 1px solid #900;
	color: #900;
	padding: 10px 20px;
	margin: -10px 0 0;
}
#order-block #data {
}
#order-block #data > div {
	width: 70%;
	background: #f5f5f5;
	border-radius: 8px;
	padding: 10px 15px;
	cursor: pointer;
}
#order-block #data > div.error {
	border: 1px solid #f00;
	background: #fee;
}
#order-block #data > div p {
	margin: .5em 0;
}
#order-block #data > div p i {
	opacity: .4;
}
#order-block #data > a {
	display: inline-block;
	margin: 15px 0 0 15px;
}
#order-block #method {
}
#order-block #method label, .orders .ll form label {
	width: 70%;
	padding: 2px 62px;
	border: 1px solid #ddd;
	border-radius: 8px;
	line-height: 66px;
	margin: 0 0 15px;
	position: relative;
	cursor: pointer;
}
.orders .ll form label {
	width: auto;
}
#order-block #method label.active, .orders .ll form label.active {
	padding: 0 60px;
	border: 3px solid #2899f0;
}
#order-block #method label:hover, .orders .ll form label:hover {
	background: #00000005;
}
#order-block #method label i, .orders .ll form label i {
	position: absolute;
	top: 50%;
	left: 22px;
	margin: 0;
	transform: translateY(-50%);
}
#order-block #method label.active i, .orders .ll form label.active i {
	left: 20px;
}
#order-block #method label img, .orders .ll form label img {
	position: absolute;
	top: 50%;
	right: 22px;
	transform: translateY(-50%);
}
#order-block #method label.active img, .orders .ll form label.active img {
	right: 20px;
}

#total-block {
	width: 370px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 24px 0 #0002;
	margin: 52px 0 0;
}
#total-block h2 {
	font-size: 24px;
}
#total-block ul {
}
#total-block ul li {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	margin: 0 0 15px;
}
#total-block ul li span {
	float: right;
}
#total-block ul li img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
#total-block ul li p {
	font-size: 16px;
	font-weight: 400;
	color: #777;
	margin: 0;
}
#total-block ul li.weight-calc {
border:1px solid #ddd;
border-radius:10px;
padding:10px 15px;
font-size:14px;
font-weight:400;
overflow:hidden;
}
#total-block ul li.weight-calc label {
margin:10px 0;
font-size:14px;
}
#total-block ul li.weight-calc label i {
margin:0 5px 4px 0;
}
#total-block ul li.weight-calc b {
margin:10px -15px -10px;
padding:10px 15px;
background:#ffcb0033;
color:#000;
font-size:14px;
}
#total-block ul li.total {
	font-size: 32px;
	padding: 30px 0;
	border-top: 3px solid #000;
	margin: 30px 0 0;
}
#total-block button {
	display: block;
	width: 100%;
	margin: 10px 0 0;
}
#total-block button.yellow {
background:#ffcb00;
color:#000;
}
#total-block b {
	display: block;
	color: #f00;
	font-size: 15px;
	line-height: 1.3;
	margin: 1em 0 0;
}
#total-block b a {
	color: #f00;
	text-decoration: underline;
	cursor: pointer;
}


#edit-data-shadow, #quick-view-shadow, #change-delivery-shadow {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../i/p.png);
	background: #0008;
	padding: 30px 0;
	z-index: 120;
	overflow: auto;
	display: none;
}
#edit-data-popup, #quick-view-popup, #change-delivery-popup {
	position: relative;
	left: 50%;
	width: 630px;
	background: #fff;
	border-radius: 8px;
	padding: 40px;
	font-size: 16px;
	margin: 0 0 30px -315px;
	z-index: 122;
}
#quick-view-popup {
	width: 800px;
	margin: 0 0 100px -400px;
	overflow: hidden;
}
#edit-data-popup > i, #quick-view-popup > i, #change-delivery-popup > i {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: -50px;
	cursor: pointer;
	opacity: .5;
	transition: all .5s;
}
#edit-data-popup > i:hover, #quick-view-popup > i:hover, #change-delivery-popup > i:hover {
	opacity: 1;
}
#edit-data-popup > i:before, #edit-data-popup > i:after, #quick-view-popup > i:before, #quick-view-popup > i:after, #change-delivery-popup > i:before, #change-delivery-popup > i:after {
	content: '';
	width: 100%;
	height: 4px;
	background: #fff;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -2px 0 0;
}
#edit-data-popup > i:before, #quick-view-popup > i:before, #change-delivery-popup > i:before {
	transform: rotate(45deg);
}
#edit-data-popup > i:after, #quick-view-popup > i:after, #change-delivery-popup > i:after {
	transform: rotate(-45deg);
}
#edit-data-popup > strong, #change-delivery-popup > strong {
	display: block;
	font-size: 32px;
}
#edit-data-popup > span, #change-delivery-popup > span {
	display: block;
	color: #777;
	margin: 0 0 2em;
}
#edit-data-popup > .input, #change-delivery-popup > .input {
}
#edit-data-popup > button, #change-delivery-popup > button {
}
#edit-data-popup > p, #change-delivery-popup > p {
}
#quick-view-popup {
	padding: 0;
}
#quick-view-popup > aside {
	float: left;
	width: 50%;
	height: 660px;
	padding: 30px;
	border-left: 1px solid #fff;
	margin: 0 0 0 -1px;
	position: relative;
	transition: all .5s;
}
#quick-view-popup.o > aside {
	transform: translateX(20%);
}
#quick-view-popup > aside+aside {
	border-color: #ddd;
	overflow: hidden;
}
#quick-view-popup > aside+aside:after {
	content: '';
	height: 100px;
	background: linear-gradient(to top, #fff, #0000);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
#quick-view-popup > aside > a {
	display: block;
	line-height: 600px;
	text-align: center;
}
#quick-view-popup > aside > a+a {
	display: none;
}
#quick-view-popup > aside > a img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
#quick-view-popup > aside > h1 {
	width: auto;
	margin: 0 0 20px;
}
#quick-view-popup > aside .stock {
	margin: 0 0 30px;
}
#quick-view-popup > aside .stock span {
	white-space: nowrap;
}
#quick-view-popup > aside #prod-cost {
	margin: 0 0 20px;
}
#quick-view-popup > aside #prod-cost span {
	cursor: default;
}
#quick-view-popup > aside #prod-cost span:after {
	display: none;
}
#quick-view-popup > aside .buttons {
	margin: 0 0 40px;
}
#quick-view-popup > aside .buttons a {
	display: block;
	font-size: 16px;
	line-height: 64px;
	text-align: center;
	margin: 0 0 15px;
}
#quick-view-popup > aside .buttons a img {
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
#quick-view-popup > aside .buttons a+a {
	border: 1px solid #ddd;
	border-radius: 5px;
	color: #000;
	line-height: 62px;
}
#quick-view-popup > aside .buttons a+a:hover {
	background: #eee;
}
#quick-view-popup > aside #prod-spec {
	float: none;
	width: auto;
}
#quick-view-popup > aside #prod-spec small {
}
#quick-view-popup > aside #prod-spec span {
	padding: 0 1em .8em 0;
}
#quick-view-popup > aside #prod-spec strong {
	padding: 0 1em .8em 0;
}
#quick-view-popup > a {
	display: block;
	width: 100%;
	background: #f4f4f4;
	font-size: 18px;
	line-height: 70px;
	font-weight: 700;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #ddd;
}
#quick-view-popup > a:hover {
	background: #eee;
}
#quick-view-popup > a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 9px;
	border-top: 2px solid #2899f0;
	border-right: 2px solid #2899f0;
	margin: 0 0 2px 5px;
	position: relative;
	left: 0;
	transition: all .3s;
	transform: rotate(45deg);
}
#quick-view-popup > a:hover:after {
	border-color: #000;
	left: 5px;
}
#quick-view-popup > section {
	background: #fff;
	border-radius: 8px;
	box-shadow: -15px 0 77px 0 #0008;
	position: absolute;
	top: 0;
	left: 50px;
	right: 0;
	bottom: 0;
	padding: 40px 80px;
	z-index: 130;
	transition: all .5s;
	transform: translateX(120%);
	overflow: auto;
}
#quick-view-popup.o > section {
	transform: none;
}
#quick-view-popup > section h1 {
	margin: 0 0 .5em;
	position: relative;
}
#quick-view-popup > section h1 img {
	position: absolute;
	top: 3px;
	left: -46px;
	cursor: pointer;
}
#quick-view-popup > section p {
	color: #777;
	margin: 0 0 1em;
}
#quick-view-popup > section ul {
	margin: 0 0 30px;
}
#quick-view-popup > section ul li {
	font-size: 0;
	border-top: 1px solid #eee;
	padding: 10px 0;
}
#quick-view-popup > section ul li:first-child {
	border: 0;
}
#quick-view-popup > section ul li > * {
	display: inline-block;
	vertical-align: top;
	height: 42px;
	line-height: 42px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#quick-view-popup > section ul li div {
	width: 100%;
	font-size: 18px;
}
#quick-view-popup > section ul li strong {
	width: 24%;
	font-size: 16px;
}
#quick-view-popup > section ul li b {
	width: 15%;
	font-size: 16px;
}
#quick-view-popup > section ul li data {
	width: 14%;
	margin: 0 2% 0 0;
	position: relative;
}
#quick-view-popup > section ul li button {
	width: 25%;
	height: 42px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
#quick-view-popup > section ul li button img {
	vertical-align: middle;
	margin: 0 5px 4px 0;
}


.cart .success {
	padding: 60px 50px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-radius: 10px;
	font-size: 18px;
	box-shadow: 0 6px 18px #70707019;
	margin: 80px 183px;
	position: relative;
}
.cart .success img {
	width: 76px;
	height: 76px;
	position: absolute;
	top: -35px;
	left: 50%;
	margin: 0 0 0 -38px;
}
.cart .success h2 {
	font-size: 32px;
	margin: .5em 0;
}
.cart .success p {
	width: 400px;
	color: #777;
	margin: 1em auto;
}
.cart .success ul {
}
.cart .success ul li {
	margin: .2em 0;
}
.cart .success ul li:before {
	content: '•';
	font-size: 1.5em;
	margin: 0 5px 0 0;
}
.cart .success .button {
	position: relative;
	left: 50%;
	height: 70px;
	padding: 0 100px;
	color: #000;
	background: linear-gradient(to top, #fedc16, #fee149);
	border: 1px solid #f0c90f;
	box-shadow: 0 -4px 0 #e1c030 inset;
	margin: 30px 0 0;
	transform: translateX(-50%);
}
.cart .success .button:hover {
	background: linear-gradient(to top, #fee149, #fedc16);
}





.p-filter {
	font-size: 0;
	margin: 20px 0;
}
.p-filter aside {
	display: inline-block;
	vertical-align: top;
	width: 17.5%;
	padding: 0 10px 0 0;
}
.p-filter aside label {
	font-size: 12px;
	line-height: 1;
	margin: 0 0 3px;
}
.p-filter aside input, .p-filter aside select {
	width: 100%;
	margin: 0;
	font-size: 15px;
}
.p-filter button {
	width: 12.5%;
	height: 50px;
	line-height: 50px;
	padding: 0;
	margin: 15px 0 0;
}





.auth {
}
.auth .container {
	background: url(../i/bg.png) no-repeat 0 0, #2899f0;
}
.auth .wrap {
	padding: 180px 0;
	position: relative;
}
.auth .logo {
	width: 203px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
}
.auth form {
	width: 450px;
	padding: 20px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
	box-shadow: 0 6px 18px 0 #70707019, 0 53px 123px 0 #23232343;
	margin: 0 auto;
}
.auth form > a {
	line-height: 26px;
	color: #777;
}
.auth form > a img {
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
.auth form > b {
	float: right;
	font-size: 16px;
}
.auth form > hr {
	height: 20px;
}
.auth form > strong {
	display: inline-block;
	font-size: 16px;
	margin: 20px 0;
}
.auth form > div {
}
.auth form > button {
	display: block;
	width: 240px;
	margin: 15px auto;
}
.auth form > p {
	text-align: center;
	font-size: 16px;
	margin: 0;
}


.ui-autocomplete {
	z-index: 150!important;
}


footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../i/footer.png) no-repeat 50% 0;
	margin: 30px 0 0;
}
footer .wrap {
	padding: 150px 0 30px;
	overflow: hidden;
	color: #fff;
}
footer .wrap a {
	color: #fff;
}
footer .wrap > div {
	float: left;
	margin: 0 0 30px;
}
footer .wrap > div > .logo {
	width: 203px;
	height: 50px;
	background: url(../i/blogo.svg);
	margin: 0;
}
footer .wrap > div > span {
	float: left;
	line-height: 2;
	border-left: 1px solid #fff7;
	padding: 0 0 0 20px;
	margin: 10px 0 10px 25px;
}
footer .wrap > div > nav {
	clear: both;
/*	width: 100%;*/
	padding: 30px 0 0;
	overflow: hidden;
	font-size: 16px;
	font-weight: 700;
}
footer .wrap > div > nav a {
	margin: 0 20px 0 0;
}
footer .wrap > aside {
	float: right;
	margin: 0 0 30px;
	text-align: right;
}
footer .wrap > aside > span {
	display: block;
	font-size: 32px;
	line-height: 1;
}
footer .wrap > aside > span a {
}
footer .wrap > aside > p {
	color: #fff9;
	margin: 0;
}
footer .wrap > aside > a {
	display: inline-block;
	line-height: 50px;
	padding: 0 30px;
	border: 1px solid #fff5;
	border-radius: 25px;
	margin: 15px 0 0;
}
footer .wrap > aside > a:hover {
	background: #fff2;
}
footer .wrap > aside > a img {
	vertical-align: middle;
	margin: 0 3px 2px 0;
}
footer .wrap > section {
	clear: both;
	border-top: 1px solid #fff4;
	padding: 30px 0 0;
}
footer .wrap > section p {
	display: inline-block;
	color: #fffb;
	margin: 0 0 1em;
}
footer .wrap > section .webpay {
	float: right;
	width: 30%;
	padding: 10px;
	background: #fff2;
	border-radius: 5px;
}
footer .wrap > section .webpay img {
	display: block;
	width: 100%;
}


#to-top {
	width: 64px;
	height: 64px;
	background: url(../i/totop.svg) no-repeat 50% 50%, #fff;
	border-radius: 50%;
	box-shadow: 0 0 20px 0 #6161611e;
	position: fixed;
	bottom: 40px;
	right: 2%;
	cursor: pointer;
	z-index: 150;
	transition: all .5s;
	transform: scale(0);
	opacity: 0;
}
#to-top.a {
	transform: none;
	opacity: 1;
}
#to-top:hover {
	box-shadow: 0 0 20px 0 #0005;
}
#to-top span {
	width: 100%;
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 2px;
	position: absolute;
	bottom: -25px;
	left: 0;
	text-align: center;
	background: #fff;
	border-radius: 8px;
	color: #2899f0;
	transition: all .5s;
	transform: scaleX(0);
	opacity: 0;
}
#to-top:hover span {
	transform: none;
	opacity: 1;
}


#move-top-cart {
	position: absolute;
	background: #2899f0;
	z-index: 200;
	transition: all .5s;
}


#delete_confirm {
	position: absolute;
	width: 400px;
	padding: 30px 50px 30px 30px;
	background: #fff;
	border: 2px solid #2899f0;
	box-shadow: 10px 10px 50px #000;
	text-align: center;
	margin: -50px 0 0 -150px;
	transition: all .5s;
	transform: scale(0);
}
#delete_confirm.o {
	transform: none;
	margin: -70px 0 0 -420px;
}
#delete_confirm i {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
#delete_confirm i:before, #delete_confirm i:after {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 20px;
	height: 2px;
	background: #000;
}
#delete_confirm i:before {
	transform: rotate(45deg);
}
#delete_confirm i:after {
	transform: rotate(-45deg);
}
#delete_confirm p {
	margin: 0 0 1em;
}
#delete_confirm .button {
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	margin: 0;
}


.pay_in {
	background: #eff;
}
.pay_out {
	background: #f8f8f8;
}
.pay_in td, .pay_out td {
	padding: 5px;
}


.mfeedback {
}
.mfeedback span {
color:#f00;
margin:0 0 0 5px;
}
.mfeedback input, .mfeedback textarea {
width:50%!important;
margin:0 0 15px;
}
.mfeedback input {
}
.mfeedback textarea {
height:120px!important;
}




.widget_oem_catalog .container, .widget_oem_catalog .align-center, .widget_oem_catalog .container {
	min-width: 0;
	box-shadow: none;
}
.widget_oem_catalog .layout.wrap {
	width: auto;
}
.widget_oem_catalog .oem_widget_std_block {
	width: calc(20% - 16px)!important;
}
.widget_oem_catalog .oem_widget_node_block_wrap {
	width: calc(25% - 16px)!important;
}
.widget_oem_catalog .oem_widget_left_sidebar {
	width: auto!important;
	max-width: 350px;
}