@import '/js/magnific-popup/magnific-popup.css';
@import '/js/ui/jquery-ui.min.css';
@import 'MuseoSans.css';
@color_error:#e03c42;
@color_success:#4fad51;
@color_white:#ffffff;
@color_black:#000000;
@color_gray:#cccccc;
@color_text:#1b1b1b;
@color_link:#0e77af;
@color_orange:#f99d1c;
@font_300:"MuseoSansLight";
@font_400:"MuseoSansRegular";
@font_500:"MuseoSansMedium";
.border_radius(@radius:4px){
	-webkit-border-radius:@radius;
	-moz-border-radius:@radius;
	border-radius:@radius;
}
*{
	font-size:1em;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,
kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,label,legend,caption{
	border:0px;
	margin:0px;
	outline:0px;
	padding:0px;
}
html,body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
html{
	overflow-y:scroll;
}
body{
	margin:0;
	padding:0;
	font-family:@font_300;
	font-size:14px;
	line-height:20px;
	color:@color_text;
	min-width:1140px;
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
input[type=submit],input[type=button],button{
	-webkit-appearance:none;
	.border_radius(0);
	padding:0;
}
a{
	color:@color_link;
	text-decoration:underline;
	&:hover{
		text-decoration:none;
	}
}
article{
	p{
		margin-bottom:10px;
	}
	ul,ol{
		margin-left:20px;
		margin-bottom:10px;
	}
	h1,h2,h3{
		line-height:1.2em;
		margin-bottom:10px;
		color:@color_orange;
		font-family:@font_500;
	}
	b,strong{
		font-family:@font_500;
	}
	h1{
		font-size:24px;
	}
	h1{
		font-size:21px;
	}
	h3{
		font-size:18px;
	}
	&.seo{
		border:1px solid fade(@color_gray,50%);
		padding:20px;
		color:@color_link;
		font-size:12px;
		line-height:16px;
	}
	table{
		margin-bottom:20px;
		border-collapse:collapse;
		border-color:@color_gray;
		tr{
			td{
				border-color:@color_gray;
				padding:10px;
				p{
					margin:0;
				}
			}
			&:nth-child(even){
				background:fade(@color_gray,20%);
			}
		}
	}
}
.clear{
	clear:both;
}
.mess_err{
	color:@color_error;
	font-weight:bold;
}
.mess_ok{
	color:@color_success;
	font-weight:bold;
}
.wronginput{
	border:1px solid @color_error;
}
.hidden{
	display:none;
}
input[name=surname]{
	display:none;
}
.wrap{
	width:1120px;
	margin:0 auto;
	position:relative;
}
#body{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	height:auto;
	background:url("/images/footer.png") no-repeat center bottom;
}
#modal_bg{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:700;
	background:fade(@color_black,50%);
}
.modal{
	position:absolute;
	width:270px;
	padding:20px;
	z-index:800;
	display:none;
	background:@color_white;
	border:1px solid @color_text;
	form{
		text-align:center;
	}
	.h3{
		font-size:24px;
		line-height:24px;
		margin-bottom:10px;
		color:@color_link;
		text-align:left;
	}
	input[type=text],input[type=password],input[type=email],textarea{
		font-size:12px;
		width:250px;
		height:40px;
		margin-bottom:5px;
		border:1px solid @color_gray;
	}
	input[type=text],input[type=password],input[type=email]{
		padding:0 10px;
	}
	textarea{
		padding:5px 10px;
		resize:none;
	}
	textarea.mess{
		height:80px;
	}
	input[type=submit]{
		background:@color_orange;
		height:40px;
		color:@color_white;
		text-transform:uppercase;
		font-size:14px;
		border:0px;
		padding:0 20px;
		cursor:pointer;
		&:hover{
			background:@color_link;
		}
	}
	input[type=text]#keystring{
		width:80px;
		margin-top:10px;
	}
	.modal_close,.modal_close_small{
		cursor:pointer;
		position:absolute;
		top:10px;
		right:10px;
	}
	.modal_close{
		width:20px;
		height:20px;
		background:url('/images/icon_close.png');
	}
	.modal_close_small{
		width:10px;
		height:10px;
		background:url('/images/icon_close_10.png');
	}
}
input,textarea{
	font-family:@font_300;
}
header{
	background:url("/images/header.png") no-repeat center top;
	padding-bottom:20px;
	.top{
		border-bottom:1px solid @color_gray;
		line-height:40px;
		height:40px;
		.hours{
			float:left;
			margin-left:80px;
		}
		.langs{
			float:right;
			margin-right:50px;
			margin-left:20px;
			a{
				color:@color_text;
				display:inline-block;
				vertical-align:top;
				margin-right:5px;
				text-decoration:none;
				&:hover{
					color:@color_link;
				}
				&.active{
					text-decoration:underline;
				}
			}
		}
		.basket{
			float:right;
			margin-left:30px;
			a{
				display:block;
				width:60px;
				height:40px;
				text-decoration:none;
				background:url("/images/icon_cart.png") no-repeat center center;
				border-bottom:5px solid @color_orange;
				border-left:1px solid @color_gray;
				border-right:1px solid @color_gray;
				position:relative;
				span{
					position:absolute;
					right:10px;
					top:50%;
					width:18px;
					height:18px;
					line-height:18px;
					text-align:center;
					font-size:12px;
					margin-top:-9px;
					background:url("/images/icon_n.png") no-repeat;
					color:@color_white;
				}
			}
		}
		nav{
			float:right;
			margin-left:20px;
			.opener{
				display:none;
				width:20px;
				height:18px;
				background:url("/images/icon_opener.png") no-repeat;
				margin-top:12px;
				margin-left:12px;
				cursor: pointer;
			}
			ul{
				list-style:none;
				li{
					display:inline-block;
					vertical-align:top;
					margin-left:20px;
					a{
						text-decoration:none;
						color:@color_text;
					}
					&.active a,a:hover{
						color:@color_link;
					}
				}
			}
		}
		.facebook{
			float:right;
			padding-top:7px;
			a{
				display:inline-block;
				width:23px;
				height:23px;
				background:url("/images/icon_facebook.png") no-repeat;
			}
		}
	}
	.header{
		padding:20px 0;
		#logo{
			float:left;
		}
		.search{
			float:right;
			margin-right:55px;
			margin-top:30px;
			form{
				display:block;
				position:relative;
				margin-bottom:2px;
				input[type=text]{
					width:220px;
					height:30px;
					border:1px solid @color_gray;
					box-sizing:border-box;
					padding:0 30px 0 15px;
					background:@color_white;
				}
				input[type=submit]{
					width:17px;
					height:17px;
					background:url("/images/icon_search.png") no-repeat;
					position:absolute;
					top:7px;
					right:15px;
					border:0;
					cursor:pointer;
				}
			}
			.desc{
				font-size:12px;
				color:#9c9c9c;
				padding-left:15px;
				span{
					color:@color_link;
					border-bottom:1px dotted @color_link;
					cursor:pointer;
					&:hover{
						border-color:transparent;
					}
				}
			}
		}
		.contacts{
			float:right;
			text-align:right;
			margin-right:150px;
			margin-top:20px;
		}
	}
	.nav{
		height:48px;
		background:url("/images/bg_menu.png") no-repeat center center;
		nav{
			.opener{
				display:none;
			}
			ul{
				list-style:none;
				text-align:center;
				li{
					display:inline-block;
					vertical-align:top;
					line-height:48px;
					text-transform:uppercase;
					padding:0 15px;
					position:relative;
					a{
						color:@color_text;
						text-decoration:none;
						&:hover{
							color:@color_link;
						}
					}
					span{
						cursor:pointer;
					}
					&.active{
						&>a,&>span{
							color:@color_link;
						}
					}
					&.childs{
						background:url("../images/arrow_menu.png") no-repeat center right;
					}
					&:hover{
						ul{
							display:block;
						}
					}
					ul{
						display:none;
						width:215px;
						z-index:999;
						text-align:left;
						position:absolute;
						left:0;
						top:43px;
						border:1px solid #c6e1ec;
						background:@color_white;
						padding:10px 0;
						li{
							display:block;
							text-transform:none;
							line-height:18px;
							padding:5px 15px;
						}
					}
				}
			}
		}
	}
}
.contacts{
	p{
		&.phone{
			font-size:18px;
			font-family:@font_400;
			display:block;
			position:relative;
			padding-left:25px;
			a{
				text-decoration:none;
				color:@color_text;
				border:0;
			}
			span{
				display:block;
				font-size:12px;
				position:absolute;
				top:0;
				left:0;
			}
		}
		a{
			text-decoration:none;
			border-bottom:1px dotted @color_link;
			&:hover{
				border-color:transparent;
			}
		}
	}
}
#slider{
	height:185px;
	position:relative;
	margin-bottom:20px;
	.viewport{
		float:left;
		width:1120px;
		height:185px;
		overflow:hidden;
		position:relative;
	}
	.buttons{
		position:absolute;
		top:50%;
		width:30px;
		height:60px;
		margin-top:-30px;
		display:block;
		z-index:101;
		background-image:url("/images/arrows_white.png");
		background-repeat:no-repeat;
		background-color:fade(#825310,80%);
	}
	.prev{
		background-position:left center;
		left:0px;
	}
	.next{
		right:0px;
		background-position:right center;
	}
	.disable{
		opacity:0.5;
	}
	.overview{
		list-style:none;
		position:absolute;
		padding:0;
		margin:0;
		width:1120px;
		left:0;
		top:0;
		li{
			width:370px;
			height:185px;
			overflow:hidden;
			float:left;
			box-sizing:border-box;
			margin-right:10px;
			overflow:hidden;
			img{
				width:100%;
				min-width:100%;
				min-height:100%;
			}
		}
	}
}
.main_title{
	margin-bottom:25px;
	.h3{
		background:url("/images/bg_title.png") no-repeat center left;
		line-height:38px;
		padding-left:60px;
		font-size:16px;
		text-transform:uppercase;
		font-family:@font_400;
	}
}
#news_main,#catalog_main{
	position:relative;
	margin-bottom:30px;
	.viewport{
		float:left;
		width:1120px;
		overflow:hidden;
		position:relative;
	}
	.buttons{
		display:block;
		position:absolute;
		top:50%;
		margin-top:-15px;
		width:17px;
		height:31px;
		background-image:url("/images/arrows_news.png");
		background-repeat:no-repeat;
	}
	.prev{
		background-position:left center;
		left:-30px;
	}
	.next{
		right:-30px;
		background-position:right center;
	}
	.disable{
		visibility:hidden;
	}
	.overview{
		list-style:none;
		position:absolute;
		padding:0;
		margin:0;
		width:1120px;
		left:0;
		top:0;
		li{
			width:240px;
			float:left;
			margin:0;
			padding:0 20px;
			border-right:1px solid fade(@color_gray,50%);
		}
	}
	.modal{
		top:150px;
		margin-top:0 !important;
	}
}
#news_main{
	height:240px;
	.viewport{
		height:240px;
	}
	.overview{
		li{
			height:240px;
			.name{
				font-family:@font_500;
				margin-bottom:10px;
				text-transform:uppercase;
				a{
					text-decoration:none;
					&:hover{
						text-decoration:underline;
					}
				}
			}
			.annotation{
				text-align:justify;
			}
		}
	}
}
#catalog_main{
	height:450px;
	.viewport{
		height:450px;
	}
	.overview{
		li{
			height:450px;
			.item{
				padding:0;
			}
		}
	}
}
.catalog{
	.item{
		display:inline-block;
		vertical-align:top;
		width:240px;
		padding:0 20px;
		text-align:center;
		margin-bottom:20px;
		.photo{
			position:relative;
			.labels{
				position:absolute;
				bottom:15px;
				left:15px;
				z-index:20;
				.label{
					width:98px;
					height:69px;
					background-repeat:no-repeat;
					background-position:center center;
					&.action{
						background:url("/images/label_action_text.png");
					}
					&.new{
						background:url("/images/label_new_text.png");
					}
					&.sale{
						background:url("/images/label_sale_text.png");
					}
				}
			}
			img{
				max-width:100%;
			}
		}
		.name{
			font-family:@font_400;
			a{
				color:@color_text;
				text-decoration:none;
				&:hover{
					color:@color_link;
				}
			}
		}
		.price{
			line-height:30px;
			padding:5px 0;
			.cost{
				font-size:30px;
			}
			.old{
				text-decoration:line-through;
				padding-left:5px;
			}
		}
		.buy{
			padding-bottom:5px;
			input[type=submit]{
				height:50px;
				padding:0 25px;
				border:0;
				background:@color_link;
				color:@color_white;
				text-transform:uppercase;
				font-size:16px;
				cursor:pointer;
				&:hover{
					background:@color_orange;
				}
			}
		}
		.oneclick{
			font-size:12px;
			a{
				color:@color_text;
				text-decoration:none;
				border-bottom:1px dotted @color_text;
				&:hover{
					color:@color_link;
					border-color:@color_link;
				}
			}
		}
	}
}
#content{
	padding-bottom:300px;
}
.page_bc,.catalog_bc{
	a{
		text-decoration:none;
		color:@color_text;
		&.bc_home{
			background:url("/images/icon_home.png") no-repeat center left;
			padding-left:20px;
		}
		&:hover{
			color:@color_link;
		}
	}
}
.page_bc{
	margin-bottom:20px;
}
.catalog_top{
	margin-bottom:20px;
	line-height:32px;
	.catalog_bc{
		float:left;
	}
	.sort{
		float:right;
		label{
			margin-right:5px;
		}
	}
}
.filter_block{
	float:left;
	width:250px;
	.h3{
		font-size:16px;
		text-transform:uppercase;
		margin-bottom:15px;
		font-family:@font_400;
	}
	.filter_clear{
		margin-bottom:15px;
		a{
			display:inline-block;
			background:url("/images/icon_clear.png") no-repeat center left;
			padding-left:20px;
			text-decoration:none;
			color:@color_text;
			&:hover{
				text-decoration:underline;
			}
		}
	}
	.catalog_filters{
		padding-left:20px;
		margin-bottom:40px;
		div{
			margin-bottom:15px;
			label{
				display:block;
				padding-left:20px;
				a{
					color:@color_text;
					text-decoration:none;
					&:hover{
						color:@color_link;
					}
				}
			}
		}
		.filter_item{
			background:url('/images/filter_open.png') no-repeat left top;
			padding-left:22px;
			line-height:16px;
			cursor:pointer;
			margin-bottom:10px;
			&.fhide{
				background-image:url('/images/filter_close.png');
			}
		}
		.range_cnt{
			padding:10px 20px 0;
			div{
				margin:0;
			}
			.ui-slider-horizontal{
				height:4px !important;
				background:@color_gray !important;
				border:0 !important;
				border-radius:0 important;
			}
			.ui-slider-handle{
				border:0 !important;
				border-radius:50% !important;
				width:12px !important;
				height:12px !important;
				top:-4px !important;
				background:@color_link !important;
			}
			.ui-slider-range{
				background:@color_link !important;
			}
		}
		.range_left,.range_right{
			font-size:12px;
			line-height:20px;
			margin:0;
			input[type=text]{
				width:40px;
				height:20px;
				text-align:center;
				font-size:12px;
			}
		}
		.range_left{
			float:left;
			margin-left:20px;
		}
		.range_right{
			float:right;
			margin-right:20px;
		}
		.clear{
			margin:0;
		}
	}
}
.catalog_page{
	float:right;
	width:830px;
	h1{
		font-size:18px;
		line-height:20px;
		margin-bottom:20px;
		font-family:@font_500;
	}
	.catalog{
		.item{
			padding-left:0;
			margin-right:20px;
			border-right:1px solid fade(@color_gray,50%);
			&:nth-child(3n){
				margin-right:0;
				border-right:0;
			}
		}
	}
}
#detail_photos{
	float:left;
	width:400px;
	position:relative;
	margin-bottom:20px;
	.ico_plus{
		width:22px;
		height:22px;
		background:url('/images/icon_plus.png');
		position:absolute;
		right:15px;
		top:15px;
		z-index:200;
	}
	.slides_container{
		width:400px;
		overflow:hidden;
		position:relative;
		display:none;
		a{
			width:400px;
			height:400px;
			line-height:0px;
			display:table-cell;
			vertical-align:middle;
			text-align:center;
			img{
				max-width:100%;
				max-height:100%;
				display:inline-block;
			}
		}
	}
	.next,.prev{
		position:absolute;
		top:50%;
		margin-top:-15px;
		width:17px;
		height:31px;
		overflow:hidden;
		display:block;
		z-index:101;
		text-indent:-1000px;
		background-repeat:no-repeat;
		background-image:url('/images/arrows_news.png');
	}
	.prev{
		left:10px;
		background-position:left center;
	}
	.next{
		right:10px;
		background-position:right center;
	}
	.pagination{
		width:400px;
		text-align:center;
		list-style:none;
		margin:10px 0;
		li{
			float:none;
			display:inline-block;
			vertical-align:top;
			width:70px;
			height:70px;
			margin:7px;
			a{
				display:table-cell;
				vertical-align:middle;
				text-align:center;
				background:none;
				width:70px;
				height:70px;
				padding:0;
				border:1px solid fade(@color_gray,50%);
				img{
					max-width:100%;
					max-height:100%;
					display:block;
					margin:auto;
				}
			}
		}
		li.current{
			a{
				border-color:fade(@color_link,50%);
			}
		}
	}
}
.detail_card{
	float:right;
	width:680px;
	h1{
		font-size:36px;
		line-height:38px;
		text-transform:uppercase;
		margin-bottom:20px;
	}
	.content{
		margin-bottom:20px;
	}
	.options{
		margin-bottom:30px;
		.h3{
			margin-bottom:10px;
		}
		ul{
			list-style:none;
			margin-right:30px;
			li{
				display:inline-block;
				width:30px;
				height:20px;
				line-height:20px;
				text-align:center;
				border:1px solid @color_gray;
				cursor:pointer;
				margin-right:5px;
				&.active{
					color:@color_white;
					background:@color_link;
					border-color:@color_link;
				}
			}
		}
		ul,&>a{
			display:inline-block;
			vertical-align:top;
			margin-bottom:10px;
		}
		a{
			line-height:20px;
			text-decoration:none;
			font-size:15px;
			font-weight:700;
			border-bottom:1px dotted @color_link;
			&:hover{
				border-color:transparent;
			}
		}
	}
	.cart{
		margin-bottom:20px;
		.price,.buy{
			display:inline-block;
			vertical-align:top;
		}
		.price{
			line-height:50px;
			font-size:52px;
			margin-right:30px;
			.sign{
				font-size:24px;
			}
			.old{
				text-decoration:line-through;
				font-size:24px;
				padding-left:10px;
			}
		}
		.buy{
			input[type=submit]{
				height:50px;
				padding:0 30px;
				text-transform:uppercase;
				color:@color_white;
				cursor:pointer;
				border:0;
				background:@color_link;
				font-size:16px;
				&:hover{
					background:@color_orange;
				}
			}
			.oneclick{
				padding-top:2px;
				text-align:center;
				font-size:12px;
				a{
					color:@color_text;
					text-decoration:none;
					border-bottom:1px dotted @color_text;
					&:hover{
						color:@color_link;
						border-color:@color_link;
					}
				}
			}
		}
	}
	.social{
		.social_item{
			display:inline-block;
			vertical-align:top;
			opacity:.5;
			&:hover{
				opacity:1;
			}
		}
	}
	.jrate{
		margin-bottom:10px;
	}
	.rate_item_card{
		line-height:20px;
		font-size:12px;
		margin-bottom:20px;
		color:@color_text;
		.rate_item,.rate_item_info,.art{
			display:inline-block;
			vertical-align:top;
		}
		.art{
			font-size:14px;
			font-family:@font_500;
		}
		.rate_item{
			margin-left:30px;
			margin-right:15px;
		}
		.rate_item_info{
			a{
				//color:@color_text;
			}
		}
	}
}
.pages{
	color:#9c9a9a;
	text-align:center;
	text-transform:uppercase;
	line-height:30px;
	margin-bottom:20px;
	a{
		color:#9c9a9a;
		text-decoration:none;
		&:hover{
			color:@color_link;
		}
	}
	.page_item{
		display:inline-block;
		font-size:18px;
		padding:0 5px;
		span{
			display:inline-block;
			padding:0 5px;
			background:#9c9a9a;
			color:@color_white;
		}
	}
	.pages_all{
		border-bottom:1px dotted #9c9a9a;
		&:hover{
			border-color:@color_link;
		}
	}
}
#cart{
	left:50% !important;
	width:600px;
	padding:5px;
	margin-left:-300px;
	#cart_appended{
		overflow-y:auto;
		.basket_page{
			padding:10px;
		}
	}
	form{
		text-align:left;
		input[type=text],input[type=password],input[type=email]{
			padding:0;
			margin-bottom:0px;
		}
	}
}
.news{
	h1{
		font-family:@font_500;
		font-size:24px;
		line-height:24px;
		margin-bottom:20px;
	}
	.items{
		.item{
			padding-bottom:20px;
			margin-bottom:20px;
			border-bottom:1px solid fade(@color_gray,50%);
			.date{
				font-size:12px;
				line-height:14px;
				margin-bottom:5px;
				color:@color_gray;
			}
			.name{
				font-family:@font_500;
				font-size:16px;
				a{
					text-decoration:none;
					&:hover{
						text-decoration:underline;
					}
				}
			}
			.annotation{
				margin:5px 0;
			}
		}
	}
}
.vert_menu{
	margin-bottom:20px;
	.h3{
		font-family:@font_500;
		margin-bottom:10px;
	}
	ul{
		list-style:none;
		li{
			border-bottom:1px solid fade(@color_gray,50%);
			a{
				text-decoration:none;
				padding:5px;
				display:block;
			}
			&.active a,a:hover{
				background:fade(@color_gray,20%);
			}
		}
	}
}
footer{
	position:absolute;
	bottom:0;
	width:100%;
	border-top:1px solid fade(@color_gray,50%);
	padding:30px 0;
	.left{
		float:left;
		margin-right:50px;
		nav{
			margin-bottom:10px;
			ul{
				list-style:none;
				li{
					display:inline-block;
					vertical-align:top;
					margin-right:20px;
					a{
						color:@color_text;
						text-decoration:none;
					}
					&.active a, a:hover{
						color:@color_link;
					}
				}
			}
		}
		.hours{
			margin-bottom:10px;
		}
	}
	.payment{
		float:left;
		background:url("/images/payment.png") no-repeat left bottom;
		padding-bottom:45px;
		min-width:285px;
	}
	.right{
		float:right;
		max-width:310px;
		.social{
			margin-bottom:10px;
			.social_item{
				display:inline-block;
				vertical-align:top;
			}
		}
		p{
			margin-bottom:10px;
		}
		a{
			color:@color_text;
			font-size:12px;
		}
	}
}
.basket_thank{
	padding-top:30px;
}
.basket_page{
	padding:40px;
	&.step1{
		width:500px;
		margin:0 auto;
		/*
		.user{
			width:200px;
			margin-top:70px;
		}
		*/
	}
	.catalog_bc{
		float:none;
	}
	.user{
		float:left;
		width:420px;
		margin-top:25px;
		.info{
			.fio{
				font-size:14px;
				line-height:24px;
				font-weight:700;
				//background:url("/images/icon_user.png") no-repeat center left;
				padding-left:35px;
				margin-bottom:15px;
				white-space:nowrap;
				a{
					display:inline-block;
					vertical-align:top;
					margin-left:20px;
					margin-top:4px;
					width:16px;
					height:16px;
					overflow:hidden;
					text-indent:-1000px;
					//background:url("/images/icon_setting.png") no-repeat;
				}
			}
			.field{
				.name{
					font-size:12px;
					margin-bottom:4px;
					color:@color_link;
				}
				.value{
					font-size:14px;
				}
			}
			.repeat{
				margin-bottom:20px;
				a{
					display:block;
					background:@color_link;
					color:@color_white;
					text-decoration:none;
					line-height:35px;
					text-align:center;
					.border_radius(5px);
					&:hover{
						background:@color_orange;
					}
				}
			}
			.orders{
				text-align:center;
			}
		}
		.legend{
			color:@color_link;
			font-size:18px;
			line-height:24px;
			font-weight:700;
			//background:url("/images/icon_user.png") no-repeat center left;
			padding-left:35px;
			margin-bottom:10px;
			a{
				color:@color_text;
				float:right;
				font-size:12px;
				font-weight:400;
			}
		}
		.field{
			margin-left:35px;
			margin-bottom:15px;
			label{
				p{
					font-size:12px;
					margin-bottom:3px;
					color:@color_link;
					padding-left:15px;
					sup{
						color:@color_error;
						font-size:14px;
					}
				}
			}
			input[type=text],input[type=email],textarea{
				box-sizing:border-box;
				color:@color_text;
				border:1px solid @color_gray;
			}
			input[type=text],input[type=email]{
				width:245px;
				height:35px;
				padding:0 10px;
			}
			textarea{
				width:360px;
				height:110px;
				padding:10px;
				resize:vertical;
			}
			.selectboxit-container .selectboxit{
				width:245px !important;
			}
			.selectboxit-text{
				color:@color_text;
			}
		}
	}
	.list{
		float:right;
		width:530px;
		margin-right:60px;
		padding-left:40px;
		border-left:1px solid @color_gray;
		padding-top:15px;
		box-sizing:border-box;
	}
	.title,.summ{
		color:@color_link;
		font-size:24px;
		line-height:24px;
	}
	.title{
		margin-bottom:10px;
		&.empty{
			margin:150px 0;
		}
		&.center{
			text-align:center;
			margin-top:70px;
			background:none;
			padding:0;
		}
		a{
			text-decoration:none;
			border-bottom:1px solid @color_link;
			&:hover{
				border-color:transparent
			}
		}
	}
	.summ,.submit{
		text-align:center;
	}
	.summ{
		line-height:50px;
		font-size:24px;
		margin-bottom:20px;
		font-family:@font_500;
		&.delivery{
			font-size:24px;
			margin-bottom:15px;
		}
	}
	.submit{
		a{
			display:inline-block;
			height:50px;
			line-height:50px;
			text-decoration:none;
			background:url("/images/icon_check.png") @color_link no-repeat 15px 50%;
			cursor:pointer;
			box-sizing:border-box;
			font-size:16px;
			padding:0 15px 0 50px;
			text-align:center;
			color:@color_white;
			text-transform:uppercase;
			&:hover{
				background-color:@color_orange;
			}
		}
	}
	&.step1{
		.summ{
			float:left;
			font-size:24px;
			margin-bottom:0;
		}
		.submit{
			float:right;
		}
	}
	.back{
		text-align:center;
		padding-top:30px;
		a{
			color:@color_text;
			padding-left:50px;
			line-height:45px;
			display:inline-block;
			background:url("/images/icon_back.png") no-repeat center left;
		}
	}
	.terms{
		padding-top:25px;
		text-align:center;
	}
	.items{
		width:100%;
		display:table;
		margin-bottom:25px;
		.item{
			display:table-row;
			&>div{
				display:table-cell;
				vertical-align:middle;
				padding:20px 0;
				border-bottom:1px solid @color_gray;
			}
			.photo{
				width:80px;
				img{
					max-width:100%;
				}
			}
			.info{
				padding:10px 20px;
				.name{
					font-size:14px;
					line-height:18px;
					margin-bottom:7px;
					font-family:@font_500;
					a{
						color:@color_text;
						text-decoration:none;
						&:hover{
							color:@color_link;
						}
					}
				}
				.art{
					color:@color_text;
					font-size:12px;
					margin-bottom:7px;
				}
			}
			.price{
				font-size:16px;
				font-family:@font_500;
			}
			.amount{
				color:@color_text;
				font-size:12px;
				width:140px;
				label{
					display:inline-block;
					vertical-align:top;
					padding-top:5px;
				}
				strong{
					font-size:16px;
					margin-left:10px;
				}
				.inputs{
					width:60px;
					margin-left:10px;
					display:inline-block;
					border:1px solid @color_gray;
					height:34px;
					position:relative;
					.border_radius(3px);
					input[type=text]{
						width:35px;
						height:32px;
						text-align:center;
						font-size:14px;
						border:0;
						padding:0;
						font-weight:700;
						color:@color_text;
						position:absolute;
						top:0;
						left:0;
					}
					.buttons{
						display:inline-block;
						vertical-align:top;
						width:20px;
						height:34px;
						position:absolute;
						top:0;
						right:0;
						input{
							width:20px;
							height:17px;
							cursor:pointer;
							border:0;
							margin:0;
							display:block;
							border-left:1px solid @color_gray;
							background:transparent;
							color:@color_link;
							font-weight:700;
							&:first-child{
								border-bottom:1px solid @color_gray;
							}
						}
					}
				}
			}
			.remove{
				padding-left:30px;
				a{
					display:inline-block;
					width:9px;
					height:9px;
					overflow:hidden;
					text-indent:-1000px;
					background:url("/images/icon_delete.png");
				}
			}
		}
	}
}
//rating
.jRatingAverage{
	background-color:#f62929;
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}
.jRatingColor{
	background-color:#fbc11f;
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}
.jStar{
	position:relative;
	left:0;
	z-index:3;
}
p.jRatingInfos{
	position:absolute;
	z-index:9999;
	background:@color_link;
	color:@color_white;
	display:none;
	height:25px;
	line-height:25px;
	padding:0 20px;
	font-size:16px;
	span.maxRate{
		color:#c9c9c9;
		font-size:14px;
	}
}
.jrate{
	margin-bottom:10px;
}
.comments{
	margin-bottom:30px;
	.item{
		margin-bottom:20px;
		.time{
			color:@color_text;
			font-size:12px;
		}
		.info{
			margin-bottom:7px;
			line-height:20px;
			.author,.count{
				display:inline-block;
				vertical-align:middle;
			}
			.author{
				font-size:16px;
				font-family:@font_500;
				color:@color_link;
			}
			.count{
				font-size:14px;
				color:@color_text;
			}
			.review_item_rate{
				display:inline-block;
				vertical-align:middle;
				margin-left:10px;
			}
			.text{
			}
		}
		.adm{
			color:@color_error;
			font-style:italic;
			font-size:10px;
		}
	}
	.blog_reply{
		margin-left:40px;
	}
	.creply{
		padding-top:7px;
		a{
			display:inline-block;
			background:@color_link;
			color:@color_white;
			text-transform:uppercase;
			text-decoration:none;
			font-size:11px;
			line-height:24px;
			padding:0 10px;
			.border_radius(3px);
		}
	}
}
//selectboxit
.selectboxit-container{
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.selectboxit-container *{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	outline:none;
	white-space:nowrap;
}
.selectboxit-container .selectboxit{
	width:220px;
	cursor:pointer;
	margin:0;
	padding:0;
	border-radius:3px;
	overflow:hidden;
	display:block;
	position:relative;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a{
	height:30px;
	line-height:30px;
	display:block;
}
.selectboxit-container .selectboxit:focus{
	outline:0;
}
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled{
	opacity:0.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	cursor:default;
}
.selectboxit-text{
	text-indent:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	float:left;
}
.selectboxit .selectboxit-option-icon-container{
	margin-left:5px;
}
.selectboxit-container .selectboxit-options{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	min-width:100%;
	*width:100%;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	overflow-x:hidden;
	overflow-y:auto;
	cursor:pointer;
	display:none;
	z-index:9999999999999;
	border-radius:3px;
	text-align:left;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.selectboxit-option .selectboxit-option-anchor{
	text-decoration:none;
	padding:0 2px;
}
.selectboxit-option .selectboxit-option-anchor:hover{
	text-decoration:none;
}
.selectboxit-option, .selectboxit-optgroup-header{
	text-indent:5px;
	margin:0;
	list-style-type:none;
}
.selectboxit-option-first{
	border-top-right-radius:3px;
	border-top-left-radius:3px;
}
.selectboxit-optgroup-header + .selectboxit-option-first{
	border-top-right-radius:0px;
	border-top-left-radius:0px;
}
.selectboxit-option-last{
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
}
.selectboxit-optgroup-header{
	font-weight:bold;
}
.selectboxit-optgroup-header:hover{
	cursor:default;
}
.selectboxit-arrow-container{
	width:30px;
	position:absolute;
	right:0;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow{
	margin:0 auto;
	position:absolute;
	top:50%;
	right:0;
	left:0;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon{
	top:30%;
}
.selectboxit-option-icon-container{
	float:left;
}
.selectboxit-container .selectboxit-option-icon{
	margin:0;
	padding:0;
	vertical-align:middle;
}
.selectboxit-option-icon-url{
	width:18px;
	background-size:18px 18px;
	background-repeat:no-repeat;
	height:100%;
	background-position:center;
	float:left;
}
.selectboxit-rendering{
	display:inline-block !important;
	*display:inline !important;
	zoom:1 !important;
	visibility:visible !important;
	position:absolute !important;
	top:-9999px !important;
	left:-9999px !important;
}
.jqueryui .ui-icon{
	background-color:inherit;
}
.jqueryui .ui-icon-triangle-1-s{
	background-position:-64px -16px;
}
.selectboxit-btn{
	background:@color_white;
	border:1px solid @color_gray;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active{
	color:@color_text;
	background-color:#e6e6e6;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus{
	color:@color_text;
	text-decoration:none;
	background-position:0 -15px;
}
.selectboxit-default-arrow{
	width:0;
	height:0;
	border-top:4px solid @color_link;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
}
.selectboxit-list{
	background-color:@color_white;
	border:1px solid @color_gray;
	border:1px solid fade(@color_black,20%);
	-webkit-box-shadow:0 5px 10px fade(@color_black,20%);
	-moz-box-shadow:0 5px 10px fade(@color_black,20%);
	box-shadow:0 5px 10px fade(@color_black,20%);
}
.selectboxit-list .selectboxit-option-anchor{
	color:@color_text;
}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor{
	color:@color_white;
	background:@color_link;
}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor{
	color:@color_gray;
}
