@import '../css/font-awesome.min.css';
@import '../js/fancybox/jquery.fancybox.css';
@import '../js/ui/jquery-ui.min.css';
@import '../js/selectBoxIt/jquery.selectBoxIt.css';
@import 'vars.less';
@import 'functions.less';
@color_white:#ffffff;
@color_black:#000000;
@color_gray:#636363;
@color_red:#e03c42;
@color_green:#4fad51;
@color_orange:#F99104;
@font_base:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
*{
	font-size:1em;
	font-family:@font_base;
}
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:18px;
	line-height:22px;
	color:@color_text;
}
a{
	color:@color_link;
	text-decoration:underline;
	&:hover{
		text-decoration:none;
	}
}
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;
	&#totalmessage {
		display: none;
	}
	&#totalmessagef {
		display: block;
		height: 100%;
	}
	&: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;
	&:hover{
		background:@color_gray;
	}
}
.page_title{
	h1,.h1{
		margin-bottom:10px;
		line-height:1.2em;
		font-size:28px;
		font-weight:bold;
	}
}
.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.mess_err{
	color:@color_red;
	font-weight:bold;
}
.mess_ok{
	color:@color_black;
	font-weight:bold;
}
.wrap{
	width:@width_wrap;
	margin:0 auto;
	position:relative;
}
#body{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	height:auto;
}
header{
	position:relative;
	padding:20px 0;
	.header_top {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		margin-bottom: 30px;
		#logo{
			margin-right:40px;
			display: inline-block;
			height: 300px;
			img{
				width: 100%;
				max-height: 300px;
			}
			.slogan{
				font-size: 21px;
				font-weight: 600;
				text-align: center;
			}
		}
		color: @color_link;
		font-size: 24px;
		line-height: 28px;
		text-align: left;
		.mail {
			font-size: 18px;
			line-height: 18px;
			margin-bottom: 10px;
			a {
				color: @color_link;
				text-decoration: none;
				&:hover {
					color: @color_gray;
				}
			}
		}
		.call_back {
			font-size: 18px;
			line-height: 18px;
			display: inline-block;
			a {
				background: @color_link;
				padding: 10px 20px;
				text-decoration: none;
				color: @color_white;
				display: inline-block;
				&:hover {
					background: @color_gray;
				}
			}
		}

	}
	nav{
		text-align: center;
		background-color: @color_black;
		ul{
			//background:@color_link;
			li{
				display:inline-block;
				vertical-align:top;
				position:relative;
				line-height:40px;
				a{
					display:block;
					padding:0 20px;
					text-decoration:none;
					color:@color_white;
					font-size: 18px;
					text-transform: uppercase;
					font-weight: bold;
				}
				&.active a, a:hover{
					color:@color_gray;
				}
				ul{
					position:absolute;
					top:40px;
					left:0;
					z-index:20;
					display:none;
					li{
						display:block;
						a{
							border-bottom:1px solid @color_white;
						}
					}
				}
				&:hover{
					ul{
						display:block;
					}
				}
			}
		}
	}
}
#middle{
	height:auto;
	position:relative;
	//padding-bottom:120px;
	padding-top:20px;
	.after_center {
		padding-top: 50px;
	}
	.main_text {
		border-top: 1px groove @color_link;
		margin-top: 30px;
		padding-top: 30px;
	}
}
#left{
	float:left;
	width:@width_left;
	ul {
		list-style: none;
		li {
			margin-bottom: 10px;
			a {
				text-transform: uppercase;
				text-decoration: none;
				font-size: 18px;
				line-height: 22px;
				color: @color_link;
				font-weight: bold;
				&:hover {
					color: @color_gray;
				}
			}
			&.active {
				a {
					color: @color_gray;
				}
				ul {
					li {
						a {
							color: @color_link;
							&:hover {
								color: @color_gray;
							}
						}
						&.active {
							a {
								color: @color_gray;
							}
						}
					}
				}
			}
			ul {
				list-style: disc;
				margin-left: 20px;
				li {
					margin-bottom: 0;
					a {
						text-transform: none;
						font-weight: normal;
					}
				}
			}
		}
	}
}
#content{
	float:right;
	//width:@width_content;
	width: calc(~"100% - 300px");
	width: -moz-calc(~"100% - 300px");
	width: -webkit-calc(~"100% - 300px");
	position:relative;
	padding:0;
	&.main {
		float: none;
		width: 100%;
		.page_title {
			h1 {
				font-size: 32px;
				text-align: center;
			}
		}
	}
	.info {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 20px;
	}
}
#right{
	float:right;
	width:@width_right;
	margin-left:20px;
}
.block{
	.title{
		font-size:2em;
		margin-bottom:20px;
		font-weight:700;
	}
	&.block_1 {
		width: 100%;
		text-align: center;
		border-top: 1px groove @color_link;
		padding-top: 30px;
		form {
			max-width: 600px;
			display: inline-block;
			text-align: left;
			width: 100%;
			label {
				span {
					display: block;
					margin-bottom: 5px;
					box-sizing: border-box;
				}
				input {
					display: block;
					width: 100%;
					padding: 5px;
					margin-bottom: 10px;
					box-sizing: border-box;
				}
				input[type="file"] {
					font-size: 14px;
				}
				textarea {
					display: block;
					width: 100%;
					resize: none;
					height: 110px;
					padding: 5px;
					margin-bottom: 10px;
					box-sizing: border-box;
				}
			}
			input {
				&#captcha {
					margin-bottom: 10px;
				}
			}
			.submit {
				input {
					width: 100%;
				}
			}
		}
	}
	&.block_2 {
		border-top: 1px groove @color_link;
		margin-top: 30px;
		padding-top: 30px;
		h2 {
			text-align: center;
			font-size: 2em;
			margin-bottom: 20px;
			font-weight: 700;
		}
		ul {
			list-style: none;
			text-align: center;
			li {
				display: inline-flex;
				padding: 20px;
				width: 164px;
				box-sizing: border-box;
				.item {
					a {
						text-decoration: none;
						color: @color_black;
						font-weight: bold;
						font-size: 14px;
						line-height: 16px;
						text-transform: uppercase;
						&:hover {
							color: @color_gray;
						}
						.photo {
							.photo_img {
								position: relative;
								img {
									border-radius: 50%;
									border: 2px solid @color_link;
								}
								&:after {
									content: '';
									position: absolute;
									right: -37px;
									bottom: 46px;
									border: 20px solid transparent;
									border-left: 20px solid @color_link;
								}
							}
							&:hover {
								color:@color_gray;
							}
						}
					}
				}
				&:last-child .item a .photo .photo_img:after {
					content: none;
				}
			}
		}
	}
	&.block_3,&.block_4,&.block_5,&.block_6,&.block_7,&.block_8 {
		border-top: 1px groove @color_link;
		margin-top: 30px;
		padding-top: 30px;
		a {
			text-decoration: none;
			color: @color_black;
			&:hover {
				color: @color_gray;
			}
			h2 {
				text-align: center;
				font-size: 2em;
				margin-bottom: 20px;
				font-weight: 700;
				text-transform: uppercase;
			}
		}
		.photo_main {
			margin-right: 30px;
			display: inline-block;
			vertical-align: middle;
			a {
				img {
					border: 2px solid @color_link;
					padding: 3px;
				}
				&:hover {
					img {
						border-color: @color_gray;
					}
				}
			}
		}
		ul {
			list-style: none;
			display: inline-block;
			vertical-align: middle;
			text-align: left;
			width: calc(~"100% - 325px");
			width: -moz-calc(~"100% - 325px");
			width: -webkit-calc(~"100% - 325px");
			li {
				display: inline-block;
				float: left;
				margin: 10px;
				width: 154px;
				.item {
					text-align: center;
					display: inline-block;
					a {
						text-decoration: none;
						color: @color_black;
						font-weight: bold;
						font-size: 14px;
						line-height: 18px;
						text-transform: uppercase;
						display: inline-block;
						position: relative;
						&:hover {
							color: @color_gray;
							.photo {
								.photo_img {
									img {
										border-color: @color_black;
									}
								}
							}
						}
						.photo {
							display: inline-block;
							position: relative;
							.photo_img {
								position: relative;
								display: flex;
								img {
									border: 2px solid @color_link;
									padding: 3px;
								}
							}
							&:hover {
								color: @color_gray;
							}
						}
						.name {
							position: absolute;
							bottom: 0;
							left: 0;
							padding: 3px 5px;
							background: rgba(0, 0, 0, 0.6);
							color: #fff;
							width: 100%;
							box-sizing: border-box;
							display: inline-block;
						}
					}
				}
				&:last-child .item a .photo .photo_img:after {
					content: none;
				}
			}
		}
		.announce {
			margin: 20px 0;
		}
	}
	&.block_9 {
		.block_inner {
			border-top: 1px groove @color_link;
			margin-top: 30px;
			padding-top: 30px;
			a {
				text-decoration: none;
				color: @color_black;
				&:hover {
					color: @color_gray;
				}
				h2 {
					text-align: center;
					font-size: 36px;
					line-height: 36px;
					margin-bottom: 20px;
					font-weight: 700;
					text-transform: uppercase;
				}
			}
			.photo_main {
				margin-right: 30px;
				display: inline-block;
				vertical-align: middle;
				a {
					img {
						border: 2px solid @color_link;
						padding: 3px;
					}
					&:hover {
						img {
							border-color: @color_gray;
						}
					}
				}
			}
			ul {
				list-style: none;
				display: inline-block;
				vertical-align: middle;
				text-align: left;
				width: calc(~"100% - 325px");
				width: -moz-calc(~"100% - 325px");
				width: -webkit-calc(~"100% - 325px");
				li {
					display: inline-block;
					float: left;
					margin: 10px;
					width: 154px;
					.item {
						text-align: center;
						display: inline-block;
						a {
							text-decoration: none;
							color: @color_black;
							font-weight: bold;
							font-size: 14px;
							line-height: 18px;
							text-transform: uppercase;
							display: inline-block;
							position: relative;
							&:hover {
								color: @color_gray;
								.photo {
									.photo_img {
										img {
											border-color: @color_gray;
										}
									}
								}
							}
							.photo {
								display: inline-block;
								position: relative;
								.photo_img {
									position: relative;
									display: flex;
									img {
										border: 2px solid @color_link;
										padding: 3px;
									}
								}
								&:hover {
									color: @color_gray;
								}
							}
							.name {
								position: absolute;
								bottom: 0;
								left: 0;
								padding: 3px 5px;
								background: rgba(0, 0, 0, 0.6);
								color: #fff;
								width: 100%;
								box-sizing: border-box;
								display: inline-block;
							}
						}
					}
					&:last-child .item a .photo .photo_img:after {
						content: none;
					}
				}
			}
			.info {
				display: table;
				width: 100%;
				.news {
					display: table-cell;
					width: 330px;
					padding-right: 40px;
					vertical-align: top;
					box-sizing: border-box;
					ul {
						width: 100%;
						border: 1px solid #e2e2e2;
						-webkit-box-shadow: 0 0 7px 1px #e2e2e2;
						-moz-box-shadow: 0 0 7px 1px #e2e2e2;
						padding: 10px;
						box-sizing: border-box;
						li {
							width: 100%;
							margin: 0;
							margin-bottom: 10px;
							box-sizing: border-box;
							.item {
								text-align: left;
								.date {
									font-size: 12px;
									line-height: 14px;
									margin-bottom: 5px;
									font-weight: 300;
									color: @color_link;
								}
								.name {
									a {
										font-size: 14px;
										line-height: 16px;
									}
								}
								.announce {
									font-size: 12px;
									line-height: 14px;
									margin: 0;
								}
							}
						}
					}
				}
				.announce {
					display: table-cell;
					width: calc(~"100% - 330px");
					width: -moz-calc(~"100% - 330px");
					width: -webkit-calc(~"100% - 330px");
					vertical-align: top;
				}
			}
			.announce {
				margin: 20px 0;
			}
		}
	}
	&.block_10 {
		margin-bottom: 50px;
		border-top: 1px groove @color_link;
		padding-top: 30px;
		.title {
			text-align: center;
			a {
				display: inline-block;
				color: @color_text;
				text-decoration: none;
				h2 {
					text-align: center;
					font-size: 36px;
					line-height: 36px;
					margin-bottom: 20px;
					font-weight: 700;
					text-transform: uppercase;
				}
				&:hover {
					color: @color_gray;
				}
			}
		}
		.more {
			text-align: right;
			a {
				display: inline-block;
			}
		}
		ul {
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			margin-left: -30px;
			li {
				display: flex;
				width: 50%;
				padding-left: 30px;
				margin-bottom: 20px;
				box-sizing: border-box;
				.item {
					.date {
						font-weight: 300;
						font-size: 14px;
					}
					.name {
						a {
							font-weight: bold;
							text-decoration: none;
						}
					}
				}
			}
		}
	}
	&.block_11 {
		margin-top: 30px;
		.title {
			margin-bottom: 10px;
			a {
				text-transform: uppercase;
				text-decoration: none;
				font-size: 18px;
				line-height: 22px;
				color: @color_text;
				font-weight: bold;
			}
		}
		.news {
			border: 1px solid #e2e2e2;
			-webkit-box-shadow: 0 0 7px 1px #e2e2e2;
			-moz-box-shadow: 0 0 7px 1px #e2e2e2;
			box-shadow: 0 0 7px 1px #e2e2e2;
			padding: 10px;
			box-sizing: border-box;
			ul {
				li {
					.item {
						text-align: left;
						.date {
							font-size: 12px;
							line-height: 14px;
							margin-bottom: 5px;
							font-weight: 300;
							color: @color_link;
						}
						.name {
							line-height: 16px;
							a {
								color: @color_text !important;
								font-size: 14px !important;
								line-height: 16px !important;
								&:hover {
									color: @color_gray !important;
								}
							}
						}
						.announce {
							font-size: 12px;
							line-height: 14px;
							margin: 0;
						}
					}
				}
			}
			.more {
				text-align: right;
				a {
					font-size: 14px;
					line-height: 16px;
				}
			}
		}
	}
	&.block_12 {
		border-top: 1px groove @color_link;
		margin-top: 30px;
		padding-top: 30px;
		margin-bottom: 50px;
		.title {
			text-align: center;
			a {
				display: inline-block;
				color: @color_text;
				text-decoration: none;
				h2 {
					text-align: center;
					font-size: 36px;
					line-height: 36px;
					margin-bottom: 20px;
					font-weight: 700;
					text-transform: uppercase;
				}
				&:hover {
					color: @color_gray;
				}
			}
		}
		.galleries {
			.item {
				margin: 0px 0px 30px 18px;
			}
			.more {
				text-align: right;
				a {
					display: inline-block;
				}
			}
		}
	}
}
.rows{
	text-align:center;
	.item{
		display:inline-block;
		vertical-align:top;
		.photo,.name{
			margin-bottom:15px;
		}
		.photo{
			position:relative;
			.date{
				position:absolute;
				z-index:20;
				background:fade(@color_link,70%);
				color:@color_white;
				padding:10px;
				left:0;
				top:20px;
			}
		}
		.date{
			font-size:12px;
			line-height:14px;
			margin-bottom:10px;
		}
		.name{
			font-size:18px;
			line-height:20px;
			a{
				text-decoration:none;
				color:@color_text;
				&:hover{
					color:@color_gray;
				}
			}
		}
		.more{
			a{
				display:inline-block;
				border:1px solid @color_link;
				text-transform:uppercase;
				line-height:40px;
				padding:0 35px;
				text-decoration:none;
				&:hover{
					color:@color_white;
					background:@color_gray;
				}
			}
		}
	}
}
footer{
	position:absolute;
	background-color: @color_link;
	bottom:0;
	//height:100px;
	width:100%;
	padding:10px 0 20px 0;
	color: @color_white;
	.list {
		display: inline-block;
		width: 100%;
		font-size: 14px;
		line-height: 16px;
		.rows {
			text-align: left;
			display: inline-block;
			.row_f {
				display: inline-block;
				vertical-align: top;
				padding-right: 30px;
				padding-top: 10px;
				.phone {
					font-size: 20px;
					line-height: 20px;
				}
				.address {
					margin-top: 10px;
				}
				.mail {
					margin: 5px 0;
					a {
						color: @color_white;
						text-decoration: none;
						&:hover {
							color: @color_gray;
						}
					}
				}
				.copyright {
					margin-top: 10px;
				}
				.name {
					margin-bottom: 5px;
					a {
						color: @color_white;
						text-transform: uppercase;
						text-decoration: none;
						font-weight: bold;
						&:hover {
							color: @color_gray;
						}
					}
					&.active {
						a {
							color: @color_gray;
						}
					}
				}
				ul {
					margin-left: 20px;
					li {
						a {
							color: @color_white;
							text-decoration: none;
							&:hover {
								color: @color_gray;
							}
						}
						&.active {
							a {
								color: @color_gray;
							}
						}
					}
				}
			}
		}
		.row_d {
			display: inline-block;
			float: right;
			margin-top: 10px;
			.mail {
				margin: 5px 0;
				a {
					color: @color_white;
					text-decoration: none;
					&:hover {
						color: @color_gray;
					}
				}
			}
		}
	}
}
.form{
	width: 100%;
	max-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][name=totalcost] {
		background: none;
		border: none;
		padding: 0;
		margin-bottom: 0;
		height: auto;
	}
	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;
	}
	textarea[name=totalmessage]{
		background: none;
		padding: 0;
		border: none;
	}
	sup{
		color:@color_red;
		font-size:12px;
	}
}
.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_gray;
			}
		}
	}
}
.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_red;
		}
	}
}
#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;
		margin-left: -20px;
		text-align: center;
		li{
			width:225px;
			height:200px;
			overflow:hidden;
			position:relative;
			margin: 0 0 20px 16px;
			display: inline-block;
			a{
				span{
					display:none;
					width:225px;
					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;
			}
		}
	}
}
.galleries{
	text-align: center;
	margin-left: -25px;
	.item {
		display: inline-block;
		box-sizing: border-box;
		width: 300px;
		margin: 0px 0px 30px 25px;
		border: 1px solid #e2e2e2;
		-webkit-box-shadow: 0 0 7px 1px #e2e2e2;
		-moz-box-shadow: 0 0 7px 1px #e2e2e2;
		box-shadow: 0 0 7px 1px #e2e2e2;
		.name {
			padding: 0 5px 5px 5px;
			box-sizing: border-box;
			line-height: 16px;
			display: inline-block;
			width: 100%;
			a {
				text-decoration: none;
				font-weight: bold;
				height: 50px;
				display: inline-block;
				overflow: hidden;
				color: @color_text;
				&:hover {
					color: @color_gray;
				}
			}
		}
		.announce {
			font-size: 14px;
			line-height: 16px;
			padding: 0 5px 5px 5px;
			box-sizing: border-box;
			display: inline-block;
			height: 65px;
			overflow: hidden;
		}
	}
}
.articles{
	.item{
		margin-bottom:20px;
		.photo{
			float:left;
			width:200px;
			img {
				width: 100%;
			}
		}
		.text{
			width: calc(~"100% - 220px");
			width: -moz-calc(~"100% - 220px");
			width: -webkit-calc(~"100% - 220px");
			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_gray;
					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_red,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_gray;
		}
	}
}
.pricelist{
	margin: 30px 0;
	table {
		width:100%;
		tr {
			th {
				width: 12%;
				word-break: break-all;
				line-height: 18px;
				&:first-child {
					width: 56%;
				}
				&:nth-child(3) {
					width: 10%;
				}
				&:last-child{
					width: 10%;
				}
			}
		}
	}
	.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 10px;
						width: 12%;
						&:last-child{
							text-align:center;
							width: 10%;
						}
						&:first-child {
							width: 56%;
						}
						&:nth-child(3) {
							width: 10%;
						}
						&:nth-child(4) {
							text-align: right;
						}
						input[type="number"] {
							width: 55px;
							text-align: center;
						}
					}
					&:nth-child(even){
						background:fade(@color_gray,50%);
					}
				}
			}
		}
	}
}
.filters{
	.filter{
		margin-bottom:15px;
		.name{
			display:block;
			font-size:22px;
			line-height:24px;
			margin-bottom:10px;
		}
		.range{
			margin-bottom:10px;
			.ui-slider-horizontal{
				border-radius:0 !important;
				height:4px !important;
				background:@color_gray !important;
			}
			.ui-slider-range{
				background:@color_link;
			}
			.ui-slider-handle{
				background:@color_gray !important;
				border-radius:50% !important;
				width:14px !important;
				height:14px !important;
				top:-5px !important;
				border:0 !important;
			}
		}
		.left,.right{
			font-size:14px;
			line-height:20px;
			input[type=text]{
				width:60px;
				height:20px;
				text-align:center;
				padding:0;
			}
		}
		.vars{
			label{
				display:block;
			}
		}
	}
	.submit{
		text-align:right;
	}
}
.version_desktop,.version_mobile{
	text-align:center;
	background:@color_gray;
	line-height:40px;
	text-transform:uppercase;
	a{
		color:@color_text;
		text-decoration:none;
		&:hover{
			color:@color_gray;
		}
	}
}
.questions{
	.item{
		margin-bottom:20px;
		.question{
			font-size:18px;
			line-height:20px;
			font-weight:700;
			&.full{
				padding-left:30px;
				position:relative;
				cursor:pointer;
				i{
					position:absolute;
					top:0;
					left:0;
				}
				&.active,&:hover{
					color:@color_gray;
				}
				&+.answer{
					display:none;
				}
			}
		}
		.answer{
			padding-top:10px;
			padding-left:30px;
		}
	}
}
.subcats {
	margin-bottom: 30px;
	ul {
		list-style: none;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		width: 100%;
		li {
			display: inline-flex;
			float: left;
			margin: 10px;
			width: 154px;
			.item {
				text-align: center;
				display: inline-flex;
				a {
					text-decoration: none;
					color: @color_black;
					font-weight: bold;
					font-size: 14px;
					line-height: 18px;
					text-transform: uppercase;
					display: inline-flex;
					position: relative;
					&:hover {
						color:@color_gray;
						.photo {
							.photo_img {
								img {
									border-color: @color_black;
								}
							}
						}
					}
					.photo {
						display: inline-flex;
						position: relative;
						.photo_img {
							position: relative;
							display: inline-flex;
							img {
								border: 2px solid @color_link;
								padding: 3px;
							}
						}
						&:hover {
							color: @color_gray;
						}
					}
					.name {
						position: absolute;
						bottom: 0;
						padding: 3px 5px;
						background: rgba(0, 0, 0, 0.6);
						color: #fff;
						width: 100%;
						box-sizing: border-box;
					}
				}
			}
			&:last-child .item a .photo .photo_img:after {
				content: none;
			}
		}
	}
}
#totalcost {
	text-align: right;
	margin-bottom: 30px;
	border-top: 1px groove @color_link;
	padding-top: 5px;
	span {
		font-weight: bold;
	}
}
.totalcost_choice {
	text-align: right;
	margin-bottom: 20px;
	.input.submit {
		margin-top: 10px;
	}
}
@media (max-width: 1290px) {
	* {
		box-sizing: border-box;
	}
	body, #body {
		min-width: 100%;
	}
	.wrap {
		width: 100%;
		padding: 0 0.5em;
		box-sizing: border-box;
	}
	#middle img {
		max-width: 100%;

	}
}
@media (max-width: 1060px) {
	.block.block_3 .photo_main, .block.block_4 .photo_main, .block.block_5 .photo_main, .block.block_6 .photo_main, .block.block_7 .photo_main.block.block_8 .photo_main {
		display: none;
	}
	.block.block_3 ul, .block.block_4 ul, .block.block_5 ul, .block.block_6 ul, .block.block_7 ul, .block.block_8 ul {
		width: 100%;
		text-align: center;
		li {
			float: none;
		}
	}
	.block.block_9 .block_inner .photo_main {
		display: none;
	}
	.block.block_9 .block_inner ul {
		width: 100%;
		text-align: center;
		li {
			float: none;
		}
	}
	.block.block_9 .block_inner .info .news ul {
		text-align: left;
	}
	header .header_top {
		display: block;
		text-align: center;
		#logo {
			margin-right: 0;
		}
		.header_right {
			text-align: center;
		}
	}
}
@media (max-width: 800px) {
	.articles {
		.item {
			.photo {
				width: 100%;
				a {
					img {
						width: 100%;
					}
				}
			}
			.text {
				width: 100%;
				float: left;
			}
		}
	}
	.block.block_10 ul li {
		width: 100%;
	}
	.block.block_9 .block_inner .info .news {
		width: 100%;
		padding-right: 0;
		display: inline-block;
	}
	.block.block_9 .block_inner .info .announce {
		width: 100%;
		display: inline-block;
	}
}
@media (max-width: 650px) {
	header {
		padding:0;
		nav ul li {
			line-height: 25px;
		}
	}
	#middle {
		padding-top: 0;
	}
	#left {
		width: 100%;
		text-align: center;
		border-top: 1px groove @color_link;
		padding-top: 20px;
		ul {
			text-align: left;
			display: inline-block;
			width: 280px;
			li {
				ul {
					width: 100%;
					li {

					}
				}
			}
		}
	}
	#content {
		width: 100%;
		float: left;
		border-top: 1px groove @color_link;
		padding-top: 20px;
	}
}
@media (max-width: 480px) {
	header .header_top #logo a img {
		width: 100%;
	}
	footer .list {
		font-size: 16px;
		line-height: 18px;
		.rows .row_f {
			width: 100%;
		}
	}
	.pricelist .data .items table tr td input[type="number"] {
		width: 40px;
	}
}