/* @import url('https://fonts.googleapis.com/css?family=El+Messiri:400,500,600,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic'); */
@import '../fonts/ElMessiri/stylesheet.css';
@import '../fonts/Roboto/stylesheet.css';
@import 'font-awesome.min.css';
@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_white:#ffffff;
@color_black:#000000;
@color_gray:#a1a1a1;
@color_blue:#0073be;
@color_text:#393939;
@color_link:@color_text;
@font_base:'Roboto',sans-serif;
@font_title:'El Messiri',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;
}
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:16px;
	line-height:20px;
	font-weight:300;
	color:@color_text;
	min-width:1280px;
}
a{
	color:@color_link;
	text-decoration:underline;
	&:hover{
		text-decoration:none;
	}
}
article{
	p,div,li{
		font-size:20px;
		line-height:27px;
	}
	p,div{
		margin-bottom:20px;
		text-align:justify;
	}
	ul,ol{
		margin-left:20px;
		margin-bottom:10px;
	}
	h1,h2,h3{
		margin-bottom:10px;
		line-height:1.2em;
		font-family:@font_title;
	}
	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:28px;
	padding:0 20px;
	border:0px;
	cursor:pointer;
	color:@color_white;
}
.page_title{
	h1,.h1{
		font-family:@font_title;
		margin-bottom:10px;
		line-height:1.2em;
		font-size:28px;
		font-weight:700;
	}
}
.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:1180px;
	margin:0 auto;
	position:relative;
}
#body{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	min-width:1280px;
	height:auto;
}
header{
	position:relative;
	padding:15px 0;
	#logo{
		float:left;
		margin-right:30px;
	}
	.contacts{
		float:left;
		text-align:right;
		margin-top:10px;
		.phone{
			background:url('../images/icon_phone.png') no-repeat center left;
			line-height:29px;
			font-size:28px;
			font-weight:300;
			padding-left:35px;
			margin-bottom:15px;
		}
		.search{
			display:inline-block;
			width:235px;
			height:30px;
			border:1px solid fade(@color_gray,50%);
			input[type=submit]{
				float:right;
				width:30px;
				height:30px;
				background:url('../images/icon_search.png') #f3f3f3 no-repeat center center;
				cursor:pointer;
				padding:0;
				text-indent:-1000px;
				overflow:hidden;
			}
			input[type=text]{
				float:left;
				padding:0;
				width:190px;
				margin-left:10px;
				height:30px;
				border:0;
			}
		}
	}
	.social{
		float:left;
		margin-right:30px;
		a{
			display:inline-block;
			vertical-align:top;
			margin:10px;
			font-size:20px;
			color:@color_text;
			&:hover{
				color:@color_blue;
			}
		}
	}
	.nav{
		float:right;
		.basket{
			float:left;
			font-size:14px;
			line-height:40px;
			a{
				text-decoration:none;
				border-bottom:1px dotted @color_blue;
				&:hover{
					border-color:transparent;
				}
			}
		}
	}
	nav{
		text-align:right;
		ul{
			li{
				display:inline-block;
				vertical-align:top;
				position:relative;
				a{
					text-decoration:none;
					border-bottom:2px solid transparent;
				}
				&.active a,a:hover{
					border-color:@color_link;
				}
			}
		}
		&.nav1{
			margin-bottom:30px;
			float:right;
			ul{
				li{
					font-size:14px;
					line-height:40px;
					padding-left:20px;
					text-transform:uppercase;
					font-weight:300;
					&.active{
						font-weight:700;
					}
				}
			}
		}
		&.nav2{
			ul{
				li{
					font-size:27px;
					line-height:40px;
					padding:0 10px;
					border-left:1px solid @color_gray;
					//text-transform:lowercase;
					position:relative;
					a{
						font-family:@font_title;
					}
					&:last-child{
						padding-right:0;
					}
					ul{
						position:absolute;
						left:0;
						top:40px;
						z-index:100;
						display:none;
						li{
							display:block;
							border-bottom:1px solid @color_gray;
							border-left:0;
							text-align:left;
							background:@color_white;
							font-size:16px;
							line-height:16px;
							padding:0;
							a{
								padding:5px 20px;
								display:block;
								border:0;
							}
							&.active>a,&>a:hover{
								background:fade(@color_gray,20%);
							}
						}
					}
					&:hover{
						ul{
							display:block;
						}
					}
				}
			}
		}
	}
}
#slides{
	position:relative;
	.slides_container{
		width:1260px;
		overflow:hidden;
		position:relative;
		display:none;
		.slide{
			width:1260px;
			height:300px;
			display:block;
			a{
				display:block;
				width:100%;
				height:100%;
				background-repeat:no-repeat;
				background-position:center center;
				background-size:cover;
			}
		}
	}
	.pagination{
		position:absolute;
		width:100%;
		bottom:20px;
		z-index:30;
		text-align:center;
		li{
			display:inline-block;
			margin:0 2px;
			list-style:none;
			a{
				display:block;
				width:10px;
				height:10px;
				text-indent:-1000px;
				overflow:hidden;
				background:transparent;
				border:2px solid @color_white;
				.border_radius(50%);
			}
			&.current{
				a{
					background:@color_white;
				}
			}
		}
	}
}
#middle{
	height:auto;
	position:relative;
	padding-bottom:280px;
	padding-top:20px;
}
#left{
	float:left;
	width:210px;
	nav{
		ul{
			list-style:none;
			li{
				font-weight:700;
				font-size:20px;
				line-height:22px;
				text-transform:uppercase;
				margin-bottom:40px;
				a{
					text-decoration:none;
					display:block;
					margin-bottom:20px;
				}
				&.active>a,a:hover{
					color:@color_blue;
				}
				ul{
					li{
						padding-left:22px;
						font-size:16px;
						line-height:18px;
						font-weight:400;
						text-transform:none;
						font-family:@font_title;
						margin-bottom:0;
						&.active{
							background:url('../images/check.png') no-repeat -5px -3px;
						}
						a{
							margin-bottom:10px;
						}
					}
				}
			}
		}
	}
}
#content{
	float:right;
	width:940px;
	position:relative;
	padding-bottom:50px;
}
.bc{
	font-size:12px;
	margin-bottom:20px;
}
.catalog{
	.catalog_item{
		width:235px;
		float:left;
		border-bottom:1px solid fade(@color_gray,30%);
		border-right:1px solid fade(@color_gray,30%);
		padding:15px;
		box-sizing:border-box;
		&:nth-child(4n){
			border-right:0;
		}
		.catalog_item_photo{
			height:200px;
			text-align:center;
			img{
				max-width:100%;
				max-height:100%;
			}
		}
		.catalog_item_name{
			font-size:22px;
			line-height:24px;
			margin:10px 0 10px;
			word-wrap:break-word;
			font-family:@font_title;
			a{
				text-decoration:none;
				&:hover{
					color:@color_link;
				}
			}
		}
		.catalog_item_announce{
			padding:2px 0 10px;
			font-size:15px;
			line-height:17px;
		}
		.catalog_item_price{
			//float:left;
			//width:130px;
			white-space:nowrap;
			color:@color_blue;
			font-family:@font_title;
			font-size:20px;
			line-height:44px;
			span{
				font-size:15px;
			}
		}
		.catalog_form{
			float:right;
			input[type=submit]{
				width:46px;
				height:44px;
				background:url('../images/icon_cart.png') no-repeat;
				border:0;
				padding:0;
			}
		}
	}
}
.catalog_detail{
	margin-bottom:30px;
	.catalog_detail_photo{
		width:460px;
		float:left;
		margin-bottom:30px;
		text-align:center;
		//border:1px solid red;
		.catalog_detail_main_photo{
			border:1px solid fade(@color_gray,20%);
		}
		.catalog_detail_photos{
			text-align:left;
			a{
				text-decoration:none;
				display:inline-block;
				vertical-align:top;
				margin:10px 13px 0 0;
				border:1px solid fade(@color_gray,20%);
				box-sizing:border-box;
				&:nth-child(4n){
					margin-right:0;
				}
			}
		}
	}
	.catalog_detail_content{
		width:460px;
		//border:1px solid red;
		float:right;
		.catalog_detail_art{
			padding:20px 0;
			font-size:15px;
		}
		.catalog_detail_price{
			display:inline-block;
			vertical-align:top;
			color:@color_blue;
			font-size:50px;
			line-height:72px;
			span{
				font-size:24px;
			}
		}
		.catalog_detail_basket{
			input[type=submit]{
				width:76px;
				height:72px;
				background:url('../images/icon_cart_d.png') no-repeat;
				border:0;
				padding:0;
				overflow:hidden;
				text-indent:-1000px;
			}
		}
		.delivery{
			padding:20px 10px;
			background:#ebebeb;
			font-size:13px;
		}
	}
}
.block{
}
#map{
	height:400px;
	position:relative;
	.onmap{
		position:absolute;
		top:0;
		left:0;
		height:1px;
		z-index:1000;
		width:100%;
		.info{
			width:600px;
			height:400px;
			float:right;
			z-index:1000;
			background:fade(@color_white,90%);
			box-sizing:border-box;
			padding:70px;
			.title{
				font-size:32px;
				line-height:32px;
				font-family:@font_title;
				font-weight:700;
				margin-bottom:10px;
			}
			.subtitle{
				font-size:20px;
				line-height:20px;
				font-family:@font_title;
				font-weight:700;
				margin-bottom:15px;
				margin-top:30px;
			}
			.address{
				font-size:14px;
				line-height:17px;
			}
			.phone{
				font-size:28px;
				line-height:28px;
				font-weight:300;
			}
		}
	}
}
[class*="ymaps-2"][class*="-ground-pane"]{
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter:grayscale(100%);
}
.index_content{
	padding-bottom:40px;
}
footer{
	position:absolute;
	background:@color_gray;
	bottom:0;
	height:280px;
	width:100%;
	color:@color_white;
	padding:20px 0;
	box-sizing:border-box;
	a{
		color:@color_white;
	}
	.info{
		width:150px;
		float:left;
		background:url('../images/logo_white.png') no-repeat left top;
		padding-top:125px;
		margin-right:40px;
	}
	.contacts{
		float:left;
		width:160px;
		margin-top:20px;
	}
	.text{
		border-right:1px solid @color_white;
		font-size:12px;
		line-height:18px;
		margin-bottom:15px;
		.copy{
			margin-bottom:5px;
		}
		.it{
			font-weight:300;
			font-style:italic;
		}
	}
	.phone,.mail,.address{
		padding-left:20px;
		background-position:left center;
		background-repeat:no-repeat;
		margin-bottom:15px;
		line-height:14px;
	}
	.phone{
		background-image:url('../images/icon_phone_s.png');
		font-weight:700;
		font-size:14px;
	}
	.mail{
		background-image:url('../images/icon_mail_s.png');
		font-weight:700;
		font-size:14px;
	}
	.address{
		font-size:12px;
		background-image:url('../images/icon_map_s.png');
	}
	.sitemap{
		font-size:12px;
		text-align:right;
	}
	nav{
		float:right;
		margin-top:0px;
		text-align:right;
		ul{
			list-style:none;
			li{
				display:inline-block;
				vertical-align:top;
				font-size:17px;
				line-height:17px;
				margin-left:10px;
				text-align:left;
				box-sizing:border-box;
				width:150px;
				a{
					text-decoration:none;
					&:hover{
						text-decoration:underline;
					}
				}
				ul{
					margin-top:10px;
					li{
						display:block;
						font-size:12px;
						line-height:14px;
						margin-left:0;
						margin-bottom:5px;
						width:100%;
					}
				}
			}
		}
	}
}
.prev,.next{
	background-image:url('../images/arrows.png');
	background-repeat:no-repeat;
	display:block;
	width:30px;
	height:82px;
	position:absolute;
	z-index:20;
	top:50%;
	margin-top:-46px;
}
.prev{
	left:-50px;
	background-position:left center;
}
.next{
	right:-50px;
	background-position:right center;
}
#brands{
	padding:40px 0;
	margin-bottom:30px;
	position:relative;
	.viewport{
		width:1180px;
		height:110px;
		overflow:hidden;
		position:relative;
	}
	.disable{
		visibility:hidden;
	}
	.overview{
		list-style:none;
		position:absolute;
		padding:0;
		margin:0;
		width:1180px;
		left:0;
		top:0;
		li{
			float:left;
			height:100px;
			padding:0 5px;
			text-align:center;
			margin-right:30px;
			border:1px solid fade(@color_gray,20%);
			a{
				height:100px;
				width:200px;
				display:table-cell;
				text-align:center;
				vertical-align:middle;
			}
			img{
				max-width:100%;
				max-height:100%;
			}
		}
	}
}
.block_2,.block_3,.index_title,.related{
	font-family:@font_title;
	.title,h1{
		font-size:36px;
		line-height:36px;
		text-align:center;
		margin-bottom:30px;
		font-weight:700;
		text-transform:uppercase;
	}
}
.block_2,.block_3,.subcats,.related{
	font-family:@font_title;
	.item{
		float:left;
		width:210px;
		//height:240px;
		margin:0 20px 20px 0;
		box-sizing:border-box;
		padding:10px 20px 20px;
		border:1px solid fade(@color_gray,20%);
		text-align:center;
		.name{
			font-size:18px;
			line-height:20px;
			//height:40px;
			//overflow:hidden;
			a{
				text-decoration:none;
				&:hover{
					color:@color_blue;
				}
			}
		}
		.photo{
			height:170px;
			margin-bottom:10px;
			a{
				display:table-cell;
				vertical-align:middle;
				text-align:center;
				width:170px;
				height:170px;
				img{
					max-width:170px;
					max-height:170px;
				}
			}
		}
	}
}
.block_2{
	.item{
		&:nth-child(3n){
			margin-right:0;
		}
	}
}
.subcats{
	.item{
		&:nth-child(4n){
			margin-right:0;
		}
	}
}
.block_2{
	.slide{
		height:510px;
		.cat{
			float:left;
			width:460px;
			height:500px;
			box-sizing:border-box;
			padding:20px;
			border:1px solid fade(@color_gray,20%);
			.name{
				font-size:26px;
				line-height:26px;
				margin-bottom:15px;
				a{
					text-decoration:none;
					border-bottom:1px dotted transparent;
					&:hover{
						border-color:@color_text;
					}
				}
			}
			.photo{
				text-align:center;
				a{
					display:table-cell;
					vertical-align:middle;
					text-align:center;
					width:420px;
					height:420px;
					img{
						max-width:420px;
						max-height:420px;
					}
				}
			}
		}
		.items{
			float:right;
			width:670px;
		}
	}
}
#new,#related{
	position:relative;
	margin-bottom:50px;
	.viewport{
		width:1180px;
		height:250px;
		overflow:hidden;
		position:relative;
	}
	.disable{
		visibility:hidden;
	}
	.overview{
		list-style:none;
		position:absolute;
		padding:0;
		margin:0;
		width:1180px;
		left:0;
		top:0;
		li{
			float:left;
			height:250px;
			width:240px;
			text-align:center;
		}
	}
}
#related{
	.viewport{
		width:940px;
	}
}
#gifts{
	position:relative;
	margin-bottom:50px;
	.slides_container{
		width:1180px;
		overflow:hidden;
		position:relative;
		display:none;
		.slide{
			width:1180px;
			height:600px;
			display:block;
		}
	}
	.pagination{
		width:100%;
		text-align:right;
		padding:10px;
		//background:url('../images/pagination.png') repeat;
		height:32px;
		box-sizing:border-box;
		li{
			display:inline-block;
			margin:0 2px;
			list-style:none;
			a{
				display:block;
				width:10px;
				height:10px;
				font-size:1px;
				text-indent:-1000px;
				overflow:hidden;
				border:1px solid @color_black;
				background:@color_black;
				.border_radius(50%);
			}
			&.current{
				a{
					background:@color_gray;
				}
			}
		}
	}
}
.form{
	td{
		padding-bottom:4px;
	}
	input[type=text],input[type=email],input[type=password],textarea{
		width:400px;
		margin-bottom:7px;
		.border_radius(3px);
	}
	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;
		height:35px;
		padding:0 20px;
		background:@color_blue;
		.border_radius(3px);
		&:hover{
			background:@color_text;
		}
	}
	textarea{
		padding:10px;
		resize:vertical;
	}
}
.pages{
	padding:20px 0px;
	ul{
		list-style:none;
		text-align:center;
		li{
			display:inline-block;
			vertical-align:top;
			margin:0 5px;
			a,span{
				display:inline-block;
				padding:5px;
				border-bottom:2px solid transparent;
			}
			a{
				text-decoration:none;
			}
			span,a:hover{
				color:@color_text;
				border-color:@color_link;
			}
		}
	}
}
.popup_page{
	padding:40px;
}
#color_changer{
	li{
		cursor:pointer;
		border:1px solid @color_text;
		display:inline-block;
		width:20px;
		height:20px;
		margin:0 5px 5px 0;
		vertical-align:top;
		&.active{
			border:1px solid @color_error;
		}
	}
}
#back_top{
	position:fixed;
	bottom:50px;
	right:50px;
	background:@color_link;
	opacity:0.7;
	.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;
			}
		}
	}
}
.article_item{
	margin-bottom:30px;
	.article_item_photo{
		float:left;
		width:200px;
		img{
			.border_radius(50%);
		}
	}
	.article_item_text{
		width:720px;
		float:right;
	}
	.article_item_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;
	}
}
.filters_form{
	margin-bottom:20px;
	font-size:14px;
}
.catalog_limit,.catalog_sort{
	line-height:32px;
}
.catalog_limit{
	float:left;
	a{
		display:inline-block;
		vertical-align:top;
		.border_radius(14px);
		margin:0 2px;
		padding:0 15px;
		background:fade(@color_gray,10%);
		text-decoration:none;
		color:@color_text;
		&.active,&:hover{
			color:@color_white;
			background:@color_blue;
		}
	}
}
.catalog_sort{
	float:right;
	a{
		display:inline-block;
		vertical-align:top;
		padding-left:15px;
		color:@color_text;
		text-decoration:none;
		&.active,&:hover{
			color:@color_blue;
		}
	}
}
.catalog_range{
	margin-bottom:20px;
	input[type=text]{
		width:70px;
		text-align:center;
		border-color:fade(@color_gray,50%);
	}
	.range_cnt{
		font-size:12px;
		margin:10px 0;
		padding:0 10px;
	}
	.range_left{
		float:left;
	}
	.range_right{
		float:right;
	}
}
.cart_title{
	font-size:20px;
	line-height:20px;
	margin-bottom:20px;
}
.cart_items{
	list-style:none;
	width:100%;
	display:table;
}
.cart_item{
	display:table-row;
	div{
		display:table-cell;
		vertical-align:middle;
		padding:10px;
		text-align:center;
		border-bottom:1px dotted @color_gray;
		input[type=text]{
			text-align:center;
			width:40px;
		}
		input[type=button]{
			cursor:pointer;
			width:10px;
			height:22px;
			padding:0;
			background:transparent;
			color:@color_link;
		}
	}
}
.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:150px;
}
.cart_item_count{
	width:150px;
}
.cart_item_delete{
	width:70px;
	a{
		text-decoration:none;
		&:hover{
			color:@color_text;
		}
	}
}
.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{
		width:100%;
		box-sizing:border-box;
	}
	input[type=text]{
		height:27px;
		padding:0 10px;
	}
	input[type=submit]{
		border:2px solid @color_text;
		color:@color_text;
		background:transparent;
		text-transform:uppercase;
		font-weight:bold;
		height:35px;
		&:hover{
			border-color:@color_blue;
			color:@color_blue;
		}
	}
	textarea{
		resize:none;
		height:80px;
		padding:10px;
	}
	table{
		margin-top:10px;
		width:100%;
		tr{
			td{
				padding-bottom:10px;
				padding-right:10px;
				white-space:nowrap;
				&:nth-child(2n){
					padding-right:40px;
				}
				&:nth-child(4n){
					padding-right:0px;
				}
				sup{
					font-size:11px;
					line-height:12px;
				}
			}
			td.cart_form_title{
				font-size:16px;
			}
		}
	}
	sup{
		font-size:0.7em;
	}
}
#cart_animation{
	opacity:0;
	position:absolute;
	top:10px;
	right:10px;
	width:15px;
	height:15px;
	background:url('../images/ajax_loader.gif');
}
.hide{
	display:none;
}
sup.req{
	color:@color_error;
	font-size:10px;
}
.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;
			}
		}
	}
}
.catalog_filters{
	padding-top:20px;
	.catalog_filter_item{
		margin-bottom:20px;
		//width:30%;
		//display:inline-block;
		//vertical-align:top;
		.catalog_filter_name,.catalog_filter_vars{
			display:inline-block;
			vertical-align:top;
		}
		.catalog_filter_name{
			font-size:16px;
			color:@color_blue;
		}
	}
}
.catalog_detail_filters{
	width:100%;
	margin:20px 0;
	tr{
		td,th{
			text-align:left;
			width:50%;
			padding:10px 15px;
			font-size:14px;
		}
		&:nth-child(even){
			background:fade(@color_gray,10%);
		}
	}
}



header .social a {margin:5px}
.onmap div.phone {line-height:1.3 !important}

.askpricebtn {padding:7px;margin: 0 0 0 10px;border-radius:10px;background: #0073be;color: #fff;padding: 7px 10px;font-weight:400;cursor:pointer}
.askpricebtn:hover {background:#004f83}
#askpriceForm {font-size:16px;font-weight:400;line-height:20px;margin:0 0 20px}
#askpriceForm input, #askpriceForm button {padding:7px;border-radius:7px}
#askpriceForm tr>td:first-child {width:30%;padding:5px 2%}
#askpriceForm tr>td:nth-child(2) {width:60%;padding:5px 2%}
#askpriceForm tr>td:nth-child(2) input {max-width:200px}
#askpriceForm button[name=save] {zoom:1.5}
#askpriceForm button[name=save]:hover {background:#000}
#askpriceForm input[type=checkbox] {zoom:1.3;vertical-align:middle}
#askpriceForm input[for=terms] {line-height:1}
.catalog_detail_basket .catalog_detail_price {padding-left:10px;font-weight:500}


@media (max-width: 1200px) {
.block_3 .content {text-align:center}
.block_3 .item {width:20.5% !important;margin: 0 2% 10px;display:inline-block;height:267px !important;overflow:hidden}
.block_3 .item .name  {font-size: 16px;line-height: 18px}
}
@media (max-width: 800px) {.block_3 .item {width:28% !important}}
@media (max-width: 560px) {.block_3 .item {width:45% !important}}

footer nav li>ul>li:nth-child(n+9) {display:none} 
footer div.contacts>p {margin-bottom:8px}
footer div.contacts>table.addr {font-size:13px;line-height:15px;margin-bottom:20px}
footer div.contacts>table.addr i {zoom:1.5;margin:0 6px 0 0}
footer div.contacts>p.site-map {text-align:right;font-size:12px;text-decoration:none !important}

#back_top a {line-height:47px;font-size:26px}
#back_top {right:auto !important;left:5%;bottom:20px !important}

.miniMapLink {margin:0 0 -25px}
#middle #map {margin:0}

header nav.nav2>ul>li>ul {width:200%}
header nav.nav2>ul>li:nth-child(2)>ul {width:250%}
header nav.nav2>ul>li:nth-child(3)>ul {width:150%}
header nav.nav2>ul>li:last-child>ul {width:175%;left:auto;right:0 !important}

.float-call-btn {z-index:999;position:fixed;right:5%;bottom:10px;cursor:pointer}
.float-call-btn img {width:60px;animation:ring-ring 2s infinite alternate}
@keyframes ring-ring {from {transform:rotate(-15deg)} to {transform:rotate(15deg)}}

#pechenki {z-index:1000;width:50%;position:fixed;left:10px;bottom:10px;background:#fff;box-shadow:0 5px 20px 0 rgba(12, 19, 26, .2);border-radius:10px;padding:10px 20px;border:1px #ccc solid;line-height:1.05;font-size:16px}
@media (max-width:800px) {#pechenki {left:3%;width:94%;bottom:90px}}
#pechenki p:first-child {font-size:20px;margin:0 0 8px;letter-spacing:-.5px}
#pechenki p:last-child {margin:0;text-align:justify}
#pechenki i {zoom:1.5;margin:0 3px 5px 0}
#pechenki i:last-child {float:right;cursor:pointer;zoom:1;position: absolute;right:8px;top:8px}
#pechenki i:last-child:hover {color:#000}
#pechenki .btn {float:left;margin:0 10px 3px 0;color:#fff;background:#0d6efd;border-color:#0d6efd;font-size:1rem; text-decoration:none;padding: .375rem .75rem;border-radius: .25rem;}