@import 'font-awesome.min.css?1';
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic');
@import '../js/fancybox/jquery.fancybox.css';
@import '../js/ui/jquery-ui.min.css';
//@import '../js/selectBoxIt/jquery.selectBoxIt.css';
@color_error:#e03c42;
@color_success:#4fad51;
@color_text:#333333;
@color_dark:#1e191a;
@color_link:#597eb2;
@color_link_hov:#395173;
@color_white:#ffffff;
@color_black:#000000;
@color_gray:#b7b9c0;
@color_bg:#f9f9f9;
@color_red:#ff141f;
//@font_base:Arial,"Helvetica CY","Nimbus Sans L",sans-serif;
@font_base:'Open Sans', sans-serif;
.border_radius(@radius:4px){
	-webkit-border-radius:@radius;
	-moz-border-radius:@radius;
	border-radius:@radius;
}
.box_shadow(@shadow){
	-webkit-box-shadow:@shadow;
	-moz-box-shadow:@shadow;
	box-shadow:@shadow;
}
.transition(@transition){
	-webkit-transition:@transition;
	-moz-transition:@transition;
	-o-transition:@transition;
	transition:@transition;
}
.transform(@transform){
	-moz-transform:@transform;
	-ms-transform:@transform;
	-webkit-transform:@transform;
	-o-transform:@transform;
	transform:@transform;
}
.inline_block{
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	zoom:1;
	*display:inline;
}
*{
	font-size:1em;
	font-family:@font_base;
	box-sizing: border-box;
}
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_base;
	font-size:14px;
	line-height:18px;
	color:@color_text;
	min-width:1280px;
	background:#fafafa;
}
a{
	color:@color_link;
	text-decoration:none;
	&:hover{
		color:@color_link_hov;
	}
}
article{
	p{
		margin-bottom:10px;
		text-align:justify;
	}
	ul,ol{
		margin-left:20px;
		margin-bottom:10px;
	}
	h1,h2,h3{
		margin-bottom:10px;
		line-height:1.2em;
	}
	h1{
		font-size:28px;
	}
	h2{
		font-size:24px;
	}
	h3{
		font-size:20px;
	}
	table{
		margin-bottom:10px;
		border-collapse:collapse;
	}
}
input[type=text],input[type=password],input[type=email],textarea{
	border:1px solid @color_gray;
	font-family:@font_base;
	&:focus{
		outline:none;
		border-color:@color_link;
	}
}
input[type=submit],input[type=button],button{
	background:@color_link;
	height:40px;
	padding:0 20px;
	border:0px;
	cursor:pointer;
	color:@color_white;
	text-transform:uppercase;
	-webkit-appearance:none;
	&:hover{
		background:@color_link_hov;
	}
}
.page_title{
	h1,.h1{
		margin-bottom:15px;
		line-height:1.2em;
		font-size:30px;
		font-weight:400;
		color:@color_dark;
	}
	&.main {
		position: absolute;
		left: -4000px;
	}
	&.center {
		text-align: center;
		h1 {
			text-transform: uppercase;
			display: inline-block;
			font-size: 26px;
			border-bottom: 1px solid #dddddd;
			padding: 15px 40px;
			position: relative;
			margin-bottom: 40px;
			&:before {
				content: '';
				display: block;
				position: relative;
				width: 50%;
				padding-bottom: 15px;
				top: 0;
				margin: 0 auto;
				border-top: 1px solid #dddddd;
			}
		}
	}
}
.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.mess_err{
	color:@color_error;
	font-weight:bold;
}
.mess_ok{
	color:@color_success;
	font-weight:bold;
}
.wrap{
	width:1260px;
	margin:0 auto;
	//padding:0 20px;
	position:relative;
}
#body{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	min-width:1280px;
	height:auto;
	background: #fafafa;
}
header{
	position:relative;
	padding-top:60px;
	.social{
		padding-top:20px;
		a{
			color:@color_text;
			display:inline-block;
			vertical-align:top;
			margin-right:10px;
			font-size:25px;
			&:hover{
				color:@color_link;
			}
		}
	}
	.menu_hor {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: #000;
		box-shadow: 0 0 5px;
		nav {
			background: #000;
			border: none;
			ul {
				display: flex;
				align-items: center;
				justify-content: space-around;
				li {
					a {
						color: #fff;
						text-transform: uppercase;
						padding: 0;
						font-size: 14px;
					}
					&:hover {
						background:transparent;
						a {
							color:#ddd;
						}
					}
				}
			}
		}
	}
	#top{
		padding:20px 0;
		text-align: center;
		#logo{
		}
		.top_menu {
			ul {
				list-style: none;
				margin-top: 30px;
				margin-bottom: 5px;
				li {
					display: inline-block;
					vertical-align: top;
					position: relative;
					padding: 0 25px;
					a {
						display: block;
						text-decoration: none;
						font-size: 16px;
						color: #111111;
						text-transform: uppercase;
						border-bottom: 1px solid transparent;
						&:hover {
							border-bottom: 1px solid #111111;
						}
						&.instagram{
							border:0 !important;
							font-size:25px;
							margin-bottom:10px;
						}
					}
					&.active {
						a {
							border-bottom: 1px solid #111111;
						}
					}
				}
			}
		}
		.top_left{
			position: absolute;
			top: -10px;
			left: 0;
			text-align: left;
			font-size: 12px;
			line-height: 22px;
			.address {
				position: relative;
				padding-left: 20px;
				margin-bottom: 5px;
				&:before {
					position: absolute;
					content: '';
					background: url(/template/images/address.png) no-repeat center center;
					width: 20px;
					height: 20px;
					left: 0;
				}
			}
			.hours {
				position: relative;
				padding-left: 20px;
				margin-bottom: 5px;
				&:before {
					position: absolute;
					content: '';
					background: url(/template/images/hours.png) no-repeat center center;
					width: 20px;
					height: 20px;
					left: 0;
				}
			}
		}
		.top_right {
			position: absolute;
			top: -10px;
			right: 0;
			text-align: right;
			.cart {
				display: flex;
				.delivery {
					font-size: 12px;
					color: #777777;
					position: relative;
					padding-left: 20px;
					&:before {
						position: absolute;
						content: '';
						background:url('../images/deliver.png') no-repeat center center;
						width: 20px;
						height: 20px;
						left: 0;
					}
				}
				.basket{
					margin-left: 15px;
					a{
						display:block;
						text-decoration:none;
						span{
							display:inline-block;
							vertical-align:top;
							&.name{
								background:url('../images/basket.png') no-repeat center left;
								width: 20px;
								height: 20px;
							}
							&#cart{
								font-size: 12px;
								color: #777777;
							}
						}
						/*&:hover span.name{
							background-image:url('../images/basket-hover.png');
						}*/
					}
				}
			}
			.phones {
				font-size: 20px;
				line-height: 26px;
				a {
					color: #212121;
				}
				div {
					display: block;
					.phone1 {
						display: inline-block;
						background: @color_white;
						margin-bottom: 3px;
						span{
							font-size:12px;
							color:@color_white;
							background:@color_black;
							padding:0 5px;
						}
						a{
							padding: 5px 8px 5px 30px;
							position: relative;
							&:before {
								position: absolute;
								content: '';
								background:url('../images/phone.png') no-repeat center center;
								width: 20px;
								height: 20px;
								left: 5px;
								top: 11px;
							}
						}
					}
					.phone2 {
						display: inline-block;
						background: @color_white;
						padding: 5px 8px 5px 8px;
					}
				}
			}
			.call_info {
				font-size: 12px;
				line-height: 14px;
				color: #777777;
				span, a {
					display: block;
				}
			}
		}
	}
	nav{
		background:@color_white;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		text-align: center;
		ul{
			text-align:center;
			display: inline-block;
			li{
				display:inline-block;
				vertical-align:top;
				line-height:50px;
				font-size:16px;
				//position:relative;
				a{
					display:block;
					padding:0 40px;
					text-decoration:none;
					color:#666666;
					span {
						background: #eeeeee;
						font-size: 12px;
						padding: 0 5px;
						margin-left: 5px;
					}
				}
				&.active > a, a:hover{
					//background:fade(@color_white,10%);
					color:@color_red;
				}
				&:hover {
					background:#fafafa;
					ul {
						li {
							background: none;
						}
					}
				}
				/*&:last-child a{
					color:@color_red;
				}*/
				ul{
					background-color:@color_white;
					.box_shadow(0 4px 5px 0 rgba(15,16,18,.5));
					position:absolute;
					width: 100%;
					top:50px;
					left:0;
					z-index:120;
					display:none;
					text-align: left;
					line-height: 16px;
					padding: 15px 0;
					border-top: 10px solid #fafafa;
					-webkit-column-count: 4;
					-moz-column-count: 4;
					column-count: 4;
					-webkit-column-gap: 30px;
					-moz-column-gap: 30px;
					column-gap: 30px;
					-webkit-column-rule: 1px solid #ccc;
					-moz-column-rule: 1px solid #ccc;
					column-rule: 1px solid #ccc;
					li{
						display:block;
						font-size:14px;
						line-height:16px;
						position:relative;
						margin-bottom: 5px;
						a{
							color:@color_text;
							padding:5px 10px;
							line-height: 16px;
						}
						ul{
							//left:220px;
							//width:260px;
							top:0;
							//background:@color_bg;
							display: block;
							position: relative;
							box-shadow: none;
							padding: 5px 15px;
							line-height: 16px;
							border-top: none;
							-webkit-column-count: 1;
							-moz-column-count: 1;
							column-count: 1;
							-webkit-column-rule: 0px solid #ccc;
							-moz-column-rule: 0px solid #ccc;
							column-rule: 0px solid #ccc;
							li{
								text-align:left;
								display: block;
								line-height: 16px;
								&:before {
									top: 9px;
									left: -5px;
									width: 8px;
									height: 8px;
									content: '';
									position: absolute;
									background-color: #597eb2;
									border-radius: 50%;
								}
								a{
									text-transform: none;
									font-weight: 400;
									line-height: 16px;
									padding: 5px 10px;
								}
							}
						}
						&:last-child a{
							color:@color_text;
						}
						&.active > a, a:hover{
							//background:@color_bg;
							color:@color_red;
						}
					}
				}
				&:hover>ul{
					display:block;
				}
			}
		}
		.search{
			position: absolute;
			top: 12px;
			right: 0;
			form {
				position: relative;
			}
			input[type=text],i{
				box-sizing:border-box;
				height:26px;
				display:inline-block;
				vertical-align:top;
			}
			input[type=text]{
				padding:0 10px;
				border: 1px solid #bbbbbb;
				margin-right: 15px;
			}
			i{
				background: #bbbbbb;
				border-radius: 50%;
				color:@color_white;
				cursor:pointer;
				font-size:18px;
				position: absolute;
				right: 0;
				top: -2px;
				width: 30px;
				height: 30px;
				img {
					top: 5px;
					left: 0px;
					position: relative;
				}
				&:hover{
					background: #222222;
				}
			}
		}
	}
	.hor{
		background:@color_white;
		padding:20px 0;
		a{
			display:inline-block;
			vertical-align:top;
			width:24%;
			box-sizing:border-box;
			background-repeat:no-repeat;
			background-position:center left;
			height:45px;
			text-decoration:none;
			span{
				display:block;
				&.name{
					font-size:17px;
					color:#333333;
				}
				&.desc{
					font-size:11px;
					line-height:13px;
					color:#999999;
					b{
						color:@color_red;
					}
				}
			}
			&:hover span.desc{
				color:@color_link_hov;
			}
			&.hor_4{
				background-image:url('../images/delivery.png');
				padding-left:46px;
			}
			&.hor_7{
				background-image:url('../images/contacts.png');
				padding-left:42px;
			}
			&.hor_10{
				background-image:url('../images/magazines.png');
				padding-left:38px;
			}
			&.hor_9{
				background-image:url('../images/question.png');
				padding-left:56px;
			}
		}
	}
	.btext{
		text-align:center;
		padding:10px 0;
		//background:url("../images/back-logo.png") center center;
		//font-weight:700;
		background:#eeeeee;
		border-top:1px solid #dddddd;
		font-size:14px;
		text-transform:uppercase;
	}
}
#middle{
	height:auto;
	position:relative;
	//padding-bottom:280px;
	padding-top:15px;
	-moz-padding-bottom:280px;
	.wrap{
		//padding:20px;
	}
	.wrap_bc{
		//background:@color_white;
		//margin-bottom:15px;
		//padding:20px;
		//position: absolute;
		//left: -4000px;
		text-align:center;
	}
}
.catalog{
	margin-bottom: 30px;
	&.search_list {
		.item {
			width: 18.1%;
			margin-right: 2%;
			&:nth-child(5n) {
				margin-right:0;
			}
		}
	}
	.item{
		display:inline-block;
		vertical-align:top;
		width:243px;
		margin:15px 15px 15px 0;
		border-left: 1px solid #dddddd;
		position:relative;
		.label_sale {
			position: absolute;
			/*
			top: 0;
			left: 0;
			height: 100px;
			width: 100px;
			img {max-width:100%;}
			*/
			top:10px;
			left:10px;
			color:@color_white;
			background:@color_red;
			padding:0 10px;
			font-size:12px;
			line-height:20px;
			font-weight:400;
			text-transform:uppercase;
		}
		&:nth-child(4n){
			margin-right:0;
		}
		.photo{
			display:table-cell;
			width:243px;
			vertical-align:middle;
			text-align:center;
			img{
				max-width:100%;
			}
			a{
				display:table-cell;
				vertical-align:middle;
				position:relative;
				span{
					position:absolute;
					top:10px;
					right:10px;
					width:34px;
					height:34px;
					background:url('../images/zoom.png') no-repeat center center;
					display:none;
				}
			}
		}
		.price {
			background: #111111;
			position: relative;
			top: 5px;
			font-size: 20px;
			line-height: 32px;
			color: #fff;
			padding: 0px 25px 0px 5px;
			display: inline-block;
			&:after {
				content: '';
				position: absolute;
				width: 32px;
				height: 32px;
				top: 0;
				right: -16px;
				background-image:url('../images/recommend_price.png');
			}
		}
		.name{
			padding:5px 10px 5px 10px;
			text-align:center;
			color:@color_text;
			height: 54px;
			overflow: hidden;
			display: block;
			h3 {
				font-weight: normal;
			}
		}
		&:hover{
			//.box_shadow(0 0 5px 0 rgba(15,16,18,.5));
			.price {
				color: #111111;
				background: #dddddd;
				&:after {
					background-image:url('../images/recommend_price_h.png');
				}
			}
			.photo{
				a{
					//border-color:transparent;
					span{
						display:block;
					}
				}
			}
		}
	}
}
.detail_catalog{
	margin-top: 50px;
	border-bottom: 1px solid #dddddd;
	.photo{
		width:525px;
		float:left;
		.main_photo,.photos{
			position:relative;
			.label_sale {
				position: absolute;
				top: 0;
				left: 0;
				height: 150px;
				width: 150px;
				img {max-width:100%;}
			}
			a{
				box-sizing:border-box;
				text-align:center;
				vertical-align:middle;
				&:hover{
				}
			}
		}
		.main_photo{
			margin-bottom:15px;
			display: inline-block;
			float: right;
			a{
				width:430px;
				height:430px;
			}
		}
		.photos{
			margin-bottom:15px;
			display: inline-block;
			float: left;
			width: 90px;
			a{
				width:90px;
				height:90px;
			}
		}
	}
	.text{
		width:715px;
		float:right;
		margin-bottom: 15px;
		.page_title{
			border-bottom:1px solid #dddddd;
			margin-bottom:15px;
		}
		.art{
			margin-bottom:15px;
		}
		.prices {
			display: table;
			margin-bottom: 15px;
			.price{
				color:#111111;
				font-size:24px;
				line-height: 24px;
				margin-bottom:15px;
				display: table-cell;
				vertical-align: middle;
				padding-right: 20px;
				span {
					color:@color_gray;
					font-size:19px;
					text-decoration:line-through
				}
			}
			.available {
				display: table-cell;
				vertical-align: middle;
				background: @color_black;
				color: @color_white;
				padding: 3px 10px;
			}
		}
		.params{
			padding: 0 0 15px 0;
			.params_item {
				display: table;
				margin-bottom: 15px;
			}
			label{
				display:table-cell;
				padding-right: 15px;
				color: #111111;
				vertical-align: middle;
				font-size:16px;
				margin-bottom:10px;
			}
			ul{
				display:table-cell;
				vertical-align: middle;
				padding-right: 15px;
				li{
					border:2px solid #eeeeee;
					min-width:36px;
					font-size:16px;
					text-align:center;
					line-height:32px;
					display:inline-block;
					vertical-align:top;
					margin-right:2px;
					padding:0 5px;
					cursor:pointer;
					&:hover,&.active{
						.box_shadow(inset 0px 0px 5px -1px fade(@color_black,40%));
						border-color: #000000;
					}
				}
				&#size_changer{
					li{
						background-image:linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
						background-image:-o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
						background-image:-moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
						background-image:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
						background-image:-ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
						background-color:#f9f9f9;
						&:hover,&.active{
							background-image:none;
						}
					}
				}
				&#color_changer {
					li {
						height: 36px;
					}
				}
			}
			.size_table {
				background: @color_white;
				border: 2px solid #eeeeee;
				line-height: 32px;
				padding: 0 10px;
			}
		}
		.basket{
			background:@color_white;
			margin-bottom:20px;
			display: table;
			form{
				display: table-cell;
				vertical-align: middle;
				padding:20px 45px 20px 30px;
				input[type=submit]{
					height: auto;
					padding: 0 50px 0px 30px;
					line-height: 50px;
					font-size:16px;
					text-transform:uppercase;
					background-color:#111111;
					&:hover{
						background-color:#dddddd;
						color: #111111;
					}
				}
				div {
					position: relative;
					&:after {
						content: '';
						position: absolute;
						width: 50px;
						height: 50px;
						top: 0;
						right: -25px;
						background-image: url(/template/images/bask.png);
					}
					&:hover{
						&:after {
							background-image: url(/template/images/bask_h.png);
						}
					}
				}
			}
			.phone{
				line-height:24px;
				text-align:center;
				display: table-cell;
				vertical-align: middle;
				padding:20px 30px;
				border-left: 1px solid #dddddd;
				color:#777777;
				.name{
					font-size:12px;
				}
				.number{
					font-size:24px;
					line-height: 24px;
					color:#202020;
					a {
						color:#202020;
					}
				}
				.whatsapp {
					color:#777777;
					a {
						color:#777777;
						background: url(/template/images/whatsapp_p.png) no-repeat center left;
						padding-left: 20px;
					}
				}
			}
		}
		.links{
			p{
				margin-bottom:5px;
				a{
					border-bottom:1px dotted @color_link;
				}
				strong{
					font-size:16px;
				}
			}
		}
		.tr{
			display:table;
			.td{
				display:table-cell;
				padding:7px 20px 7px 0;
				font-size: 16px;
				&.name{
					color: #111111;
				}
			}
		}
		.socials {
			display: table;
			.name {
				display: table-cell;
				vertical-align: middle;
				font-size: 16px;
				padding-right: 15px;
				color: #111111;
			}
			.icons {
				display: table-cell;
				vertical-align: middle;
				a{
					width:36px;
					height:36px;
					display:inline-block;
					background-position:center center;
					background-repeat:no-repeat;
					line-height:36px;
					text-align:center;
					.border_radius(50%);
					background:#cfcfcf;
					color:#353535;
					font-size:20px;
					&:hover{
						color:#cfcfcf;
						background:#353535;
					}
					/*
					&.facebook{
						background-image:url('../images/fb.png');
						&:hover{
							background-image:url('../images/fb-hover.png');
						}
					}
					&.twitter{
						background-image:url('../images/tw.png');
						&:hover{
							background-image:url('../images/tw-hover.png');
						}
					}
					&.instagram{
						background-image:url('../images/instagram.png');
						&:hover{
							background-image:url('../images/instagram-hover.png');
						}
					}
					&.vk{
						background-image:url('../images/vk.png');
						&:hover{
							background-image:url('../images/vk-hover.png');
						}
					}
					*/
				}
			}
		}
		.korpus {
			background: @color_white;
			padding: 20px;
			margin-top: 30px;
		}
		.korpus > div.content_block, .korpus > input {
			display: none;
		}
		.korpus label {
			padding: 5px;
			line-height: 28px;
			cursor: pointer;
			position: relative;
			bottom: 1px;
			font-size: 16px;
			background: #fafafa;
			color: #111111;
		}
		.korpus input[type="radio"]:checked + label {
			background: #eeeeee;
		}
		.korpus > input:nth-of-type(1):checked ~ div.content_block:nth-of-type(1),
		.korpus > input:nth-of-type(2):checked ~ div.content_block:nth-of-type(2) {
			display: block;
			padding: 15px 0px 0px 0px;
		}
	}
}
.filters_form{
	.filter{
		display:inline-block;
		vertical-align:top;
		margin:0 0 10px 0;
		padding-right: 10px;
		position:relative;
		background-color: #eeeeee;
		float: left;
		.name{
			cursor:pointer;
			line-height:36px;
			//border:1px solid #e5e5e5;
			background-color:#eeeeee;
			padding:0 20px;
			color: #777777;
			//background-image:linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
			//background-image:-o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
			//background-image:-moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
			//background-image:-webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
			//background-image:-ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
			&:hover,&.active{
				box-shadow:inset 0 0 5px 1px rgba(216,216,216,1);
				background-image:none;
				color: #111111;
			}
			i{
				margin-left:10px;
			}
		}
		.list{
			position:absolute;
			display:none;
			top:40px;
			left:0;
			z-index:20;
			padding:10px 0 0;
			.box_shadow(1px 1px 3px 1px @color_gray);
			background-color:@color_white;
			.ul{
				overflow-y:scroll;
				padding:15px;
				max-height:255px;
				label{
					display:block;
					margin-bottom:7px;
					white-space:nowrap;
				}
			}
		}
		.submit{
			line-height:30px;
			text-align:center;
			background:@color_bg;
			padding:7px 0;
			span{
				cursor:pointer;
				display:inline-block;
				padding:0 20px;
				background:fade(@color_gray,40%);
			}
		}
	}
	.catalog_top{
		margin:0;
		float: right;
		.all{
			float:left;
			font-size:26px;
			line-height:40px;
		}
		.catalog_sort{
			float:right;
			label{
				display:inline-block;
				font-weight:700;
			}
			select{
				font-size:14px;
				font-weight:normal;
				border-radius:2px;
				height:20px;
				padding:5px 10px;
				line-height:20px;
				cursor:pointer;
				border:none;
				color:#777777;
				background-color:#fafafa;
				box-sizing:content-box;
				//background-image:linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
				//background-image:-o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
				//background-image:-moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
				//background-image:-webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
				//background-image:-ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
			}
		}
	}
}
#left{
	float:left;
	width:220px;
	.left_title {
		background: #eeeeee;
		text-align: center;
		font-size: 16px;
		color: #111111;
		line-height: 36px;
	}
	ul{
		list-style:none;
		margin-top: 10px;
		li{
			margin-top: 10px;
			a{
				display:block;
				padding:4px 0;
				color:@color_text;
				text-transform: uppercase;
				font-weight: 600;
				span {
					background: #eeeeee;
					font-size: 12px;
					padding: 0 5px;
					margin-left: 5px;
				}
			}
			&.active {
				ul {
					display: block;
					li {
						&.active {
							ul li {
								display: block;
							}
						}
						ul li {
							display: none;
						}
					}
				}
			}
			ul{
				margin-left: 10px;
				margin-top: 0;
				display: none;
				li {
					margin-top: 0;
					a {
						text-transform: none;
						color: #535353;
						font-weight: 400;
						span {
							background: #eeeeee;
							font-size: 12px;
							padding: 0 5px;
							margin-left: 5px;
						}
					}
					ul {
						margin-left: 20px;
						position: relative;
						&:before {
							top: -18px;
							left: -33px;
							width: 8px;
							height: 8px;
							content: '';
							position: absolute;
							background-color: #597eb2;
						}
						li {
							position: relative;
							&:before {
								top: 9px;
								left: -15px;
								width: 8px;
								height: 8px;
								content: '';
								position: absolute;
								background-color: #597eb2;
								border-radius: 50%;
							}
						}
					}
				}
			}
			&.active > a,a:hover{
				color:@color_red;
			}
		}
	}
}
#content{
	float:right;
	width:1030px;
	position:relative;
	padding:0;
}
.block{
}
footer{
	position:absolute;
	bottom:0;
	width:100%;
	background: #111111;
	a{
		text-decoration:none;
	}
	.menu{
		line-height:70px;
		nav{
			float:left;
			ul{
				list-style:none;
				li{
					display:inline-block;
					vertical-align:top;
					margin-right:35px;
					a {
						color: @color_white;
						&:hover {
							color: #888888;
						}
					}
					&.active {
						a {
							color: #888888;
						}
					}
				}
			}
		}
	}
	.index_catalog_f {
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		display: inline-block;
		width: 100%;
		margin-bottom: 0;
		padding: 40px 0;
		.list {
			.row_f {
				border-right: none;
				display:inline-block;
				vertical-align:top;
				width:24%;
				box-sizing:border-box;
				padding:0 15px;
				a{
					&:hover{
						color:@color_red;
					}
				}
				.name {
					margin-bottom: 15px;
					a {
						color: @color_white;
						font-size: 12px;
						line-height: 14px;
						text-transform: uppercase;
					}
					&.active {
						a {
							color: @color_red;
						}
					}
				}
				ul {
					list-style:none;
					li {
						line-height: 14px;
						margin-bottom:5px;
						a {
							color: #888888;
							sup {
								display: none;
							}
							span {
								display:none;
							}
						}
						&.active {
							a {
								color: @color_red;
							}
						}
					}
				}
			}
		}
	}
	.bottom {
		display: table;
		width: 100%;
		padding: 20px 0 10px 0;
		.copy{
			display: table-cell;
			font-size:11px;
			color:#777;
			vertical-align: top;
			#logo_footer {
				margin-bottom: 10px;
			}
		}
		.address {
			display: table-cell;
			vertical-align: top;
			a{
				display:inline-block;
				background:url('../images/addr-logo.png') no-repeat center left;
				padding-left:30px;
				line-height:20px;
				color: @color_white;
			}
			.whatsapp {
				a{
					background:url('../images/whatsapp.png') no-repeat center left;
					font-size: 12px;
					margin-top: 10px;
				}
			}
		}
		.social{
			display: table-cell;
			vertical-align: top;
			a,span{
				display:inline-block;
				vertical-align:top;
				margin-left:5px;
				text-align: right;
			}
			a{
				width:36px;
				height:36px;
				display:inline-block;
				background-position:center center;
				background-repeat:no-repeat;
				&.facebook{
					background-image:url('../images/fb.png');
					&:hover{
						background-image:url('../images/fb-hover.png');
					}
				}
				&.twitter{
					background-image:url('../images/tw.png');
					&:hover{
						background-image:url('../images/tw-hover.png');
					}
				}
				&.instagram{
					background-image:url('../images/instagram.png');
					&:hover{
						background-image:url('../images/instagram-hover.png');
					}
				}
				&.vk{
					background-image:url('../images/vk.png');
					&:hover{
						background-image:url('../images/vk-hover.png');
					}
				}
			}
		}
	}
}
.form{
	width:400px;
	margin:0 auto;
	td{
		padding-bottom:4px;
	}
	input[type=text],input[type=email],input[type=password],textarea{
		width:100%;
		margin-bottom:7px;
		box-sizing:border-box;
	}
	input[type=text],input[type=email],input[type=password]{
		padding:0 10px;
		height:40px;
	}
	input[type=text]#captcha{
		width:70px;
		text-align:center;
	}
	input[type=submit]{
		float:right;
	}
	textarea{
		padding:10px;
		resize:none;
	}
	sup{
		color:@color_error;
		font-size:12px;
	}
	p{
		text-align:center;
		margin-bottom:10px;
		color:#999999;
		font-size:12px;
	}
}
.pages{
	padding:20px 0px;
	border-top: 1px solid #dddddd;
	ul{
		list-style:none;
		display: flex;
		//text-align:center;
		li{
			display:inline-block;
			vertical-align:top;
			border:1px solid #eeeeee;
			background: #fff;
			a,span{
				display:inline-block;
				padding: 5px 10px;
			}
			a{
				text-decoration:none;
				color:@color_text;
			}
			span,a:hover{
				color:@color_text;
			}
			&.active {
				background: #eeeeee;
			}
			&:hover {
				background: #eeeeee;
			}
		}
	}
}
.popup_page{
	padding:40px;
}
#back_top{
	position:fixed;
	bottom:20px;
	right:20px;
	background:@color_link;
	opacity:0.7;
	z-index: 1000;
	.transition(1s);
	.border_radius(50%);
	&:hover{
		opacity:1;
	}
	a{
		width:50px;
		height:50px;
		line-height:50px;
		display:block;
		text-align:center;
		font-size:25px;
		color:@color_white;
	}
}
.termins{
	.termins_letter{
		font-size:1.5em;
		line-height:1.6em;
		font-weight:bold;
	}
	.termins_letter_container{
		margin-bottom:1.5em;
		.termin_item{
			width:30%;
			float:left;
			padding-bottom:0.4em;
		}
	}
}
.compare_table{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	tr{
		td{
			padding:7px;
			border-bottom:1px dashed @color_gray;
			border-right:1px dashed @color_gray;
			&:last-child{
				border-right:0px;
			}
		}
	}
	.photo{
		position:relative;
		a{
			text-decoration:none;
		}
		.delete_from_compare{
			display:block;
			position:absolute;
			right:10px;
			top:10px;
			background:@color_link;
			color:@color_white;
			.border_radius;
			padding:2px 4px;
		}
	}
	.name{
		font-weight:bold;
		text-transform:uppercase;
		a{
			text-decoration:none;
			&:hover{
				text-decoration:underline;
			}
		}
	}
	.param{
		font-weight:bold;
	}
}
.gallery{
	ul{
		list-style:none;
		li{
			float:left;
			width:200px;
			height:200px;
			overflow:hidden;
			position:relative;
			margin:0 20px 20px 0;
			a{
				span{
					display:none;
					width:200px;
					height:200px;
					position:absolute;
					top:0;
					left:0;
					background:fade(@color_black,40%);
					font-size:70px;
					line-height:200px;
					text-align:center;
					i{
						color:@color_white;
					}
				}
				&:hover{
					span{
						display:block;
					}
				}
			}
			&:nth-child(5n){
				margin-right:0px;
			}
		}
	}
}
.articles{
	.item{
		margin-bottom:20px;
		.photo{
			float:left;
			width:200px;
		}
		.text{
			width:~"calc(100% - 230px)";
			float:right;
		}
		.name{
			font-size:18px;
			line-height:20px;
			margin-bottom:10px;
			font-weight:bold;
			a{
				text-decoration:none;
				&:hover{
					text-decoration:underline;
				}
			}
		}
		.date{
			color:@color_gray;
			font-size:12px;
		}
	}
}
aside{
	.article_item{
		.article_item_photo,.article_item_text{
			float:none;
			width:100%;
		}
	}
}
.tabs{
	.tabs_navigation{
		ul{
			list-style:none;
			li{
				display:inline-block;
				vertical-align:top;
				border:1px solid @color_link;
				color:@color_link;
				height:40px;
				line-height:40px;
				padding:0 20px;
				cursor:pointer;
				&.active{
					background:@color_link;
					color:@color_white;
					cursor:default;
				}
			}
		}
	}
	.tabs_content{
		.tab{
			display:none;
			&.active{
				display:block;
			}
		}
	}
}
.form_messages{
	margin-bottom:20px;
	textarea{
		width:100%;
		resize:vertical;
		height:100px;
	}
}
.messages{
	.message_item{
		padding:10px;
		border:1px solid @color_gray;
		margin-bottom:20px;
		.info{
			font-weight:bold;
			margin-bottom:5px;
			span{
				font-style:italic;
				font-weight:normal;
			}
		}
	}
	.message_new{
		background:fade(@color_error,20%);
	}
	.message_item_sys{
		margin-left:70px;
	}
	.message_item_user{
		margin-right:70px;
	}
}
.catalog_limit{
	a{
		display:inline-block;
		vertical-align:top;
		.border_radius(14px);
		margin:0 2px;
		line-height:32px;
		padding:0 15px;
		background:@color_gray;
		text-decoration:none;
		color:@color_text;
		&.active,&:hover{
			color:@color_white;
			background:@color_text;
		}
	}
}
.catalog_sort{
	a{
		display:inline-block;
		vertical-align:top;
		padding-left:15px;
		color:@color_text;
		text-decoration:none;
		&.active,&:hover{
			color:@color_link;
		}
	}
}
.pricelist{
	margin:0 60px;
	.name{
		padding:7px 20px;
		background:fade(@color_gray,50%);
		font-size:22px;
		line-height:24px;
		cursor:pointer;
		color:@color_link;
		&:hover,&.active{
			color:@color_text;
		}
		i{
			float:right;
		}
		&+.data{
			display:none;
		}
	}
	.data{
		margin-bottom:10px;
		.name{
			font-size:18px;
			line-height:20px;
		}
		.items{
			table{
				width:100%;
				border-collapse:collapse;
				tr{
					td{
						padding:7px 20px;
						&:last-child{
							text-align:right;
						}
					}
					&:nth-child(even){
						background:fade(@color_gray,50%);
					}
				}
			}
		}
	}
}
.version_desktop,.version_mobile{
	text-align: center;
    background: #ccc;
    line-height: 40px;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    color: #000;
	a{
		color:#000;
		text-decoration:none;
		&:hover{
			color:@color_link;
		}
	}
}
.version_mobile {
	//float: right;
}
#slides{
	position:relative;
	width:620px;
	//width:1280px;
	height:520px;
	display: inline-block;
	float: left;
	.slides_container{
		width:620px;
		//width:1280px;
		overflow:hidden;
		position:relative;
		display:none;
		height:520px;
		.slide{
			width:620px;
			//width:1280px;
			height:520px;
			display:block;
		}
	}
	.next,.prev{
		position:absolute;
		top:50%;
		margin-top:-20px;
		width:40px;
		height:40px;
		line-height:40px;
		text-align:center;
		font-size:20px;
		display:block;
		z-index:101;
		.border_radius(50%);
		color:@color_white;
		background:fade(@color_gray,50%);
		&:hover{
			background:@color_gray;
		}
	}
	.prev{
		left:20px;
	}
	.next{
		right:20px;
	}
	.pagination{
		position:absolute;
		width:100%;
		bottom:20px;
		z-index:999;
		text-align:center;
		li{
			display:inline-block;
			margin:0 2px;
			list-style:none;
			a{
				display:block;
				width:12px;
				height:12px;
				text-indent:-1000px;
				overflow:hidden;
				border:2px solid @color_white;
				background:transparent;
				.border_radius(50%);
			}
			&.current{
				a{
					background:@color_white;
				}
			}
		}
	}
}
.slid_ban {
	position: relative;
	display: inline-block;
	width: 100%;
	.wrap {
		padding: 0;
	}
}
.banners{
	margin-bottom:15px;
	display: inline-block;
	width: 620px;
	margin-left: 20px;
	.item{
		display: table;
		float: left;
		position:relative;
		span{
			position:absolute;
			bottom:85px;
			left:85px;
			width:130px;
			span {
				position:relative;
				display: table-cell;
				background:fade(@color_white,80%);
				line-height:20px;
				font-size:20px;
				height: 80px;
				color:@color_dark;
				text-align: center;
				padding: 0 10px;
				vertical-align: middle;
				bottom: 0;
				left: 0;
			}
		}
		&:hover{
			span{
				background:fade(@color_white,90%)
			}
		}
		&:first-child {
			margin-right: 20px;
			margin-bottom: 17px;
		}
		&:last-child {
			span{
				bottom:50px;
				left:85px;
				width:450px;
				span {
					line-height:20px;
					font-size:20px;
					height: 50px;
					bottom: 0;
					left: 0;
				}
			}
		}
	}
}

.index_catalog{
	padding-bottom:50px;
	background: @color_white;
	.index_title{
		text-align: center;
		padding: 50px 0;
		span {
			text-transform: uppercase;
			display: inline-block;
			font-size: 26px;
			border-bottom: 1px solid #dddddd;
			padding: 15px 40px;
			position: relative;
			&:before {
				content: '';
				display: block;
				position: relative;
				width: 50%;
				padding-bottom: 15px;
				top: 0;
				margin: 0 auto;
				border-top: 1px solid #dddddd;
			}
		}
	}
	.list{
		.row {
			display:inline-block;
			vertical-align:top;
			width:33%;
			box-sizing:border-box;
			padding-right:15px;
			border-left:1px solid #eeeeee;
			a{
				color:@color_text;
				display:block;
				&:hover{
					color:@color_red;
				}
			}
			.name{
				margin-bottom:20px;
				font-size:20px;
				background: #eeeeee;
				text-transform: uppercase;
				padding: 15px;
				a {
					color:#111111;
					text-align: center;
				}
			}
			ul{
				list-style:none;
				padding-left: 10px;
				li{
					margin-bottom:5px;
					line-height:16px;
					a {
						color: #545454;
						span {
							background: #eeeeee;
							font-size: 12px;
							padding: 0 5px;
							margin-left: 5px;
						}
					}
				}
			}
		}
	}
}
.recommend {
	.index_title{
		text-align: center;
		padding: 50px 0;
		span {
			text-transform: uppercase;
			display: inline-block;
			font-size: 26px;
			border-bottom: 1px solid #dddddd;
			padding: 15px 40px;
			position: relative;
			&:before {
				content: '';
				display: block;
				position: relative;
				width: 50%;
				padding-bottom: 15px;
				top: 0;
				margin: 0 auto;
				border-top: 1px solid #dddddd;
			}
		}
	}
	.catalog_main {
		.item {
			display: inline-block;
			padding: 5px;
			border-left: 1px solid #dddddd;
			width: 175px;
			margin-right: 35px;
			a {
				.photo {
					margin-bottom: 10px;
				}
				.name {
					height: 36px;
					color: #111111;
					overflow: hidden;
				}
				.price {
					background: #111111;
					position: relative;
					left: -5px;
					top: 5px;
					font-size: 20px;
					line-height: 32px;
					color: #fff;
					padding: 0px 25px 0px 5px;
					display: inline-block;
					&:after {
						content: '';
						position: absolute;
						width: 32px;
						height: 32px;
						top: 0;
						right: -16px;
						background-image:url('../images/recommend_price.png');
					}
				}
				&:hover {
					.price {
						color: #111111;
						background: #dddddd;
						&:after {
							background-image:url('../images/recommend_price_h.png');
						}
					}
				}
			}
		}
	}
}
ul li a sup{
	font-size:10px;
	padding-left:5px;
	color:@color_gray;
}
.about{
	padding-top: 90px;
	padding-bottom: 40px;
	border-top: 1px solid #dddddd;
	.rows{
		display: flex;
		.row{
			display:inline-block;
			vertical-align:top;
			width:32%;
			margin:0 1%;
			position: relative;
			padding: 20px;
			background:url('../images/back-logo.png') repeat;
			.pic{
				height: 124px;
				width: 124px;
				background-position: center center;
				background-repeat: no-repeat;
				position: absolute;
				top: -62px;
				left: 32%;
				&.pic1{
					background-image:url('../images/assort-logo.png');
				}
				&.pic2{
					background-image:url('../images/deliv-logo.png');
				}
				&.pic3{
					background-image:url('../images/pay-logo.png');
				}
			}
			.name{
				text-transform:uppercase;
				font-size:20px;
				padding-bottom:15px;
				margin-bottom:15px;
				color: #111111;
				border-bottom:1px solid #dddddd;
				text-align:center;
				margin-top: 60px;
			}
			div {
				color: #333333;
				p{
					text-align:left;
					line-height:1.4;
					margin-bottom: 5px;
				}
			}
		}
	}
}
//cart
.cart_title{
	font-size:20px;
	line-height:20px;
	margin-bottom:15px;
	font-weight:700;
}
.cart_items{
	list-style:none;
	width:100%;
	display:table;
}
.cart_item{
	display:table-row;
	&:first-child div {
		border-top:1px solid #dddddd;
	}
	div{
		display:table-cell;
		vertical-align:middle;
		padding:10px;
		text-align:center;
		border-bottom:1px solid #dddddd;
		input[type=text]{
			text-align: center;
			width: 40px;
			border: none;
			line-height: 36px;
			font-size: 18px;
			top: 1px;
			position: relative;
		}
		span {
			display: block;
		}
		input[type=button]{
			cursor: pointer;
			width: 30px;
			padding: 0;
			background: transparent;
			color: #597eb2;
			height: 30px;
			font-weight: 700;
			top: 1px;
			position: relative;
			&:hover {
				background: #111111;
				color: @color_white;
			}
		}
		&.cart_item_name {
			text-align: left;
			font-size: 18px;
			line-height: 24px;
			text-transform: uppercase;
			span {
				text-transform: none;
				font-size: 14px;
			}
		}
		&.cart_item_price, &.cart_item_count, &.cart_item_summ {
			white-space: nowrap;
			span {
				display: inline-block;
				background: #dddddd;
				font-size: 20px;
				padding: 0 10px;
				line-height: 38px;
				i {
					display: inline-block;
					font-size: 14px;
					text-transform: uppercase;
					font-style: normal;
					padding-right: 5px;
				}
			}
		}
	}
}
.cart_item_head{
	font-weight:700;
	text-transform:uppercase;
}
.cart_item_photo{
	width:100px;
	i{
		font-size:70px;
		color:@color_gray;
	}
}
.cart_item_name{
	a{
		color:@color_text;
		text-decoration:none;
		&:hover{
			color:@color_link;
		}
	}
}
.cart_item_price{
	width:100px;
}
.cart_item_count{
	width:100px;
}
.cart_item_delete{
	width:70px;
	a{
		text-decoration:none;
		width: 40px;
		display: inline-block;
		background: #dddddd;
		color:#111111;
		&:hover{
			color:@color_white;
			background: #111111;
		}
		i {
			font-size: 42px;
			line-height: 40px;
			font-weight: 100;
		}
	}
}
.cart_summary{
	margin:20px 0px;
	text-align:right;
	a{
		padding-left:50px;
		text-decoration:none;
		&:hover{
			color:@color_text;
		}
	}
}
#global_price{
	font-weight:700;
	font-size:24px;
}
.cart_form{
	input[type=text],textarea,select{
		width:100%;
		box-sizing:border-box;
		margin:5px 0;
	}
	input[type=text],select{
		height:40px;
		padding:0 10px;
	}
	.submit_block {
		display: block;
		.submit_block_in {
			display: table;
			margin: 0 auto;
			.submit_block_title {
				display: table-cell;
				font-size: 24px;
				text-transform: uppercase;
				padding-right: 20px;
			}
			.submit_block_inner {
				display: table-cell;
				background: @color_white;
				padding: 15px 40px 15px 15px;
				.cart_summary {
					display: table-cell;
					font-size: 24px;
					font-weight: 600;
					padding-right: 20px;
				}
				.submit{
					position: relative;
					display: table-cell;
					input[type=submit]{
						height: auto;
						padding: 0 50px 0px 30px;
						line-height: 50px;
						font-size: 16px;
						text-transform: uppercase;
						background-color: #111111;
					}
					&:after {
						content: '';
						position: absolute;
						width: 50px;
						height: 50px;
						top: 0;
						right: -25px;
						background-image: url(/template/images/bask.png);
					}
					&:hover{
						input[type=submit] {
							background-color: #dddddd;
							color: #111111;
						}
						&:after {
							background-image: url(/template/images/bask_h.png);
						}
					}
				}
			}
		}
	}
	.block_rules {
		margin: 15px 0;
		text-align: center;
		font-size: 12px;
		label {
			max-width: 500px;
			display: inline-block;
		}
	}
	textarea{
		resize:none;
		height:80px;
		padding:10px;
	}
	.row{
		margin-bottom:10px;
	}
	.title{
		font-weight:700;
	}
	.desc{
		color:@color_gray;
		font-size:12px;
	}
	.left,.right{
		width:48%;
	}
	sup{
		color:@color_error;
		font-size:10px;
	}
}
#cart_animation{
	opacity:0;
	position:absolute;
	top:10px;
	right:10px;
	width:15px;
	height:15px;
	background:url('../images/ajax_loader.gif');
}
.hide{
	display:none;
}
.cart_delete,.cart_summary a{
	color:@color_error;
}
.orders_history{
	width:100%;
	border-spacing:0;
	a{
		cursor:pointer;
		&.details{
			font-style:italic;
		}
	}
	th,td{
		padding:10px;
		border-bottom:1px solid fade(@color_text,40%);
		text-align:left;
		font-weight:400;
	}
	tr.head{
		th{
			font-size:17px;
			font-weight:700;
		}
	}
	tr.order_info{
		display:none;
		font-size:12px;
		th,td{
			padding:5px 10px;
			border-color:fade(@color_text,20%);
			&.th{
				font-weight:700;
			}
		}
		td:first-child{
			padding-left:40px;
			a{
				color:@color_text;
				&:hover{
					color:@color_link;
				}
			}
		}
		&.open{
			display:table-row;
		}
	}
}

.cart_added{
	text-align:center;
	width:500px;
	padding:20px 0 0;
	h1{
		font-size:1.5em;
		margin-bottom:20px;
	}
	.button{
		display:inline-block;
		vertical-align:top;
		margin:10px;
		a{
			display:block;
			color:@color_white;
			background:@color_link;
			border:1px solid @color_link;
			cursor:pointer;
			padding:7px 14px;
			text-decoration:none;
			.border_radius();
			&:hover{
				color:@color_link;
				background:@color_white;
			}
		}
	}
}
//xcatalog
#colorbox {
	width:1012px;
}
.catalog-sizes {
	width:1012px;
}
.catalog-sizes .subtabs a {
	width:76px;
	height:50px;
	padding:150px 10px 5px;
	text-align:center;
	color:#fff;
	font-size:12px;
	white-space:normal;
	color:#000;
	display:block;
	float:left;
	border-bottom:none;
	position:relative;
}
.catalog-sizes .subtabs a .catalog-sizes-img {
	position:absolute;
	top:10px;
	left:0;
	width:96px;
	height:130px;
	background-image:url('../images/tb_sprite2.png');
	background-repeat:no-repeat;
}
.catalog-sizes .subtabs a:hover {
	border-bottom:none;
}
.catalog-sizes .subtabs-content{
	clear:both;
}
.catalog-sizes table {
	width:100%;
}
.catalog-sizes p{
	margin-bottom:15px;
}
.catalog-sizes table th, .catalog-sizes table td {
	border:1px solid #c2c2c2;
	padding:7px 7px;
	text-align:center;
}
.catalog-sizes table th {
	font-weight:normal;
	background:#ffd8be;
}
.catalog-sizes table tr:nth-child(odd) {
	background-color:rgb(236, 236, 236);
}
.catalog-sizes #tabs2 > ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.catalog-sizes #tabs2 > ul{
	margin:0 0 20px 0;
	padding:0;
}
.catalog-sizes #tabs2 > ul li {
	float:left;
	margin:0 5px 0 0;
	border-bottom:0 !important;
	float:left;
	list-style:none;
	position:relative;
	top:1px;
	white-space:nowrap;
}
.catalog-sizes #tabs2 > ul li a{
	background:#f1f1f1;
	border-radius:4px 4px 0 0;
	display:block;
	width:auto;
	height:auto;
	min-width:160px;
	text-align:center;
	padding:3px 26px;
	color:#000;
	line-height:24px;
	font-size:13px;
}
.catalog-sizes #tabs2 > ul li a.current {
	margin:0 5px 0 0;
	background:#fe9d36;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top, #fe9d36 0%, #e77d16 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9d36), color-stop(100%,#e77d16));
	background:-webkit-linear-gradient(top, #fe9d36 0%,#e77d16 100%);
	background:-o-linear-gradient(top, #fe9d36 0%,#e77d16 100%);
	background:-ms-linear-gradient(top, #fe9d36 0%,#e77d16 100%);
	background:linear-gradient(to bottom, #fe9d36 0%,#e77d16 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9d36', endColorstr='#e77d16',GradientType=0 );
	color:#fff;
}
.catalog-sizes .tab1-links {
}
.catalog-sizes .tab1-links li{
	list-style:none;
	background-image:url('../images/tb_sprite2.png');
	background-position:-179px 0;
	margin:0 -7px;
	z-index:1;
	float:left;
	position:relative;
}
.catalog-sizes .tab1-links li a{
	width:179px;
	text-align:center;
	color:#fff;
	font-size:16px;
	padding:5px 0;
	float:left;
}
.catalog-sizes .tab1-links li.current{
	background-image:url('../images/tb_sprite2.png');
	background-position:0 0;
	z-index:2;
}
.catalog-sizes .tab2-links{
	margin:20px 0;
}
.catalog-sizes .tab2-links li {
	float:left;
	list-style:none;
}
.catalog-sizes .tab2-links li.current {
	background-image:url('../images/tb_sprite2.png');
	background-position:0 -30px;
}
.catalog-sizes .tab2-links li a {
	width:96px;
	//height:50px;
	padding:150px 10px 5px;
	text-align:center;
	/*color:#fff;*/
	font-size:12px;
	white-space:normal;
	color:#000;
	float:left;
	position:relative;
}
.catalog-sizes .tab2-links .icon{
	position:absolute;
	top:10px;
	left:0;
	width:96px;
	height:130px;
	background-image:url('../images/tb_sprite2.png');
	background-repeat:no-repeat;
}
.catalog-sizes .ajax-pane .loading{
	height:20px;
	width:100%;
	background:url('../images/loading.gif') 50% 50% no-repeat;
}
//my
.catalog-sizes table{
	border-collapse:collapse;
}
.catalog-sizes-types,.catalog-sizes-tables,.catalog-sizes-table,.tabs > div > div{
	display:none;
	&.current{
		display:block;
	}
}
.tab1-link,.tab2-link{
	cursor:pointer;
}
.tabs{
	margin-top:25px;
}
article.page-404 .search{
			
			form {
				position: relative;
				width:200px;
			}
			input[type=text],i{
				box-sizing:border-box;
				height:26px;
				display:inline-block;
				vertical-align:top;
			}
			input[type=text]{
				padding:0 10px;
				border: 1px solid #bbbbbb;
				margin-right: 15px;
			}
			i{
				background: #bbbbbb;
				border-radius: 50%;
				color:@color_white;
				cursor:pointer;
				font-size:18px;
				position: absolute;
				right: 0;
				top: -2px;
				width: 30px;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: center;
				&:hover{
					background: #222222;
				}
			}
		}
#search_advice_wrapper {
	display:none;
	position: absolute;
    top: calc(~"100% + 15px");
    right: 0;
    z-index: 10;
    background: #fff;
    width: 200%;
    text-align: left;
    border: 1px solid #bbb;
    max-height: 250px;
    overflow: auto;
    box-shadow: 2px 10px 10px 1px rgba(0,0,0,0.3);
	&::-webkit-scrollbar {
		width:12px;
	}
	&::-webkit-scrollbar-button {
		display:none;
	}
	&::-webkit-scrollbar-thumb {
		background:#000;
		color:#000;
		border-radius:2px;
		width:8px;
		height:20px;
	}
	&::-webkit-scrollbar-track-piece {
		background:#bbb;
	}
	.advice_variant {
		&:last-child a {
			border:none;
		}
		a {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 10px;
			box-sizing: border-box;
			border-bottom: 1px dashed rgba(0,0,0,0.1);
			&:hover {
				background:#fafafa;
			}
			img {
				max-width: 50px;
				margin-right: 10px;
			}
			p {
				&.name {
					text-align: left;
					width: 100%;
					padding-right: 10px;
				}
				&.price {
					width: 20%;
					text-align: center;
					font-weight: bold;
					color: #000;
				}
			}
		}
	}
}