@import '../css/font-awesome.min.css';
@import '../css/ProximaNova.css';
@import '../js/fancybox/jquery.fancybox.css';
@import '../js/ui/jquery-ui.min.css';
@import '../js/intl-tel-input/css/intlTelInput.min.css';
@import '../js/selectBoxIt/jquery.selectBoxIt.css';
@import 'vars.less';
@import 'functions.less';
@color_white:#ffffff;
@color_black:#000000;
@color_gray:#cccccc;
@color_red:#e03c42;
@color_green:#4fad51;
@font_base:ProximaNovaRg;
*{
	font-size:16px;
	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:14px;
	line-height:16px;
	color:@color_text;
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
a{
	color:@color_link;
	text-decoration:none;
	&:hover{
		color:@color_text;
	}
}
article{
	a{
		border-bottom:1px solid fade(@color_link,20%);
		&:hover{
			border-color:fade(@color_text,20%);
		}
		&.noborder{
			border:none;
		}
	}
	p{
		margin-bottom:10px;
		text-align:justify;
		font-size:15px;
		line-height:20px;
		font-family:ProximaNovaRg;
		color:@color_text;
		&.bold{
			font-family:ProximaNovaBold;
			font-size:16px;
		}
	}
	ul{
		list-style:none;
		li{
			font-size:15px;
			line-height:20px;
			font-family:ProximaNovaRg;
			color:#333;
			position:relative;
			padding-left:15px;
			&:before{
				content:'\f105';
				color:#0058a7;
				font-family:FontAwesome;
				font-weight:800;
				font-size:20px;
				line-height:20px;
				margin-right:5px;
			}
		}
	}
	ul,ol{
		margin-bottom:10px;
		margin-left:10px;
		li{
			font-size:15px;
			line-height:20px;
			font-family:ProximaNovaRg;
			color:@color_text;
		}
	}
	h1,h2,h3,p.h1,p.h2,p.h3{
		margin:20px 0 10px;
		line-height:1.2em;
		font-family:ProximaNovaBold;
	}
	h1,p.h1{
		font-size:22px;
	}
	h2, p.h2{
		font-size:20px;
	}
	h3, p.h3{
		font-size:18px;
	}
	table{
		width:100%;
		margin:20px 0 30px;
		border-collapse:collapse;
		th, td{
			border:1px solid #e4e5e7;
			padding:12px;
			font-family:ProximaNovaRg;
			text-align:left;
			font-size:15px;
			line-height:17px;
		}
		th{
			font-family:ProximaNovaBold;
		}
	}
}
input[type=text],input[type=password],input[type=email],textarea,.intl-tel-input{
	font-size:15px;
	color:#9c9c9c;
	line-height:20px;
	padding:10px;
	font-family:ProximaNovaRg;
	background:#f8f9f9;
	border:1px solid #e4e5e7;
	margin-bottom:10px;
	&:focus{
		outline:none;
		border-color:@color_link;
	}
}
input[name=phone] {
	    border: none;
    padding: 0;
}
input[type=file]{
	margin-bottom:10px;
}
input[type=submit],input[type=button],button{
	background:#0058a7;
	padding:10px 20px;
	border:0px;
	cursor:pointer;
	color:#ffffff;
	border-radius:5px;
	font-family:ProximaNovaBold;
	font-size:16px;
	line-height:20px;
	box-shadow:0 5px 25px -2px rgba(0, 88, 167, 0.2);
	outline:none;
	&:hover{
		box-shadow:0 5px 25px -2px rgba(0, 88, 167, 0.5);
	}
}
.page_title{
	h1,.h1{
		margin-bottom:20px;
		line-height:30px;
		font-size:22px;
		font-weight:bold;
		text-align:center;
		color:#0058a7;
		font-family:ProximaNovaBold;
	}
}
.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.mess_err{
	color:@color_red;
	font-weight:bold;
}
.mess_ok{
	color:@color_green;
	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;
	padding-top:60px;
	box-sizing:border-box;
	overflow:hidden;
}
header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	z-index:999;
	.wrap{
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	#logo{
		width:20%;
		a{
			display:flex;
			align-items:center;
			justify-content:flex-start;
			text-decoration:none;
			img{
				margin-right:12px;
			}
			span{
				font-size:26px;
				line-height:30px;
				font-family:ProximaNovaBold;
			}
		}
	}
	nav{
		width:52%;
		.opener{
			display:none;
		}
		ul{
			z-index:10;
		}
		&>ul{
			display:flex;
			align-items:center;
			justify-content:center;
			list-style:none;
			&>li{
				position:relative;
				height:60px;
				display:flex;
				align-items:center;
				&>a{
					color:#333;
					font-family:ProximaNovaSemibold;
					padding:0 12px;
					font-size:14px;
					line-height:20px;
					text-decoration:none;
				}
				&.li_78{
					&>a{
						color:@color_red;
					}
				}
				&.active, &:hover{
					&>a{color:@color_link;}
				}
				&:hover{&>ul{display:block;}}
				&>ul{
					display:none;
					position:absolute;
					top:100%;
					left:0;
					background:#fff;
					border:1px solid #e4e5e7;
					list-style:none;
					padding:10px 0;
					width:200px;
					&>li{
						padding:5px 10px;
						border-bottom:1px solid rgba(0, 88, 167, 0.1);
						position:relative;
						&>a{
							font-family:ProximaNovaRg;
							color:#333;
							font-size:14px;
							line-height:20px;
							text-decoration:none;
						}
						&:hover, &.active{
							&>a{
								color:#0058a7;
								text-shadow:0px 0px 2px rgba(0, 88, 167, 0.2);
							}
							&>ul{display:block;}
						}
						&>ul{
							display:none;
							position:absolute;
							left:100%;
							background:#fff;
							top:-5px;
							list-style:none;
							border:1px solid #e4e5e7;
							border-left:0;
							padding:10px;
							box-sizing:border-box;
							&>li{
								&>a{
									font-family:ProximaNovaRg;
									color:#333;
									font-size:14px;
									line-height:20px;
									text-decoration:none;
									white-space:nowrap;
								}
								&:hover, &.active{
									&>ul{display:block;}
									&>a{color:#0058a7;}
								}
								&>ul{
									display:none;
									list-style:none;
									margin-left:10px;
									&>li{
										&:before{
											content:'\f105';
											font-family:FontAwesome;
											font-size:12px;
											margin-right:5px;
										}
										&>a{
											font-family:ProximaNovaRg;
											color:#333;
											text-decoration:none;
											font-size:14px;
											line-height:20px;
										}
										&:hover, &.active{
											&>a, &:before{
												color:#0058a7;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.contacts{
		width:25%;
		display:flex;
		align-items:center;
		justify-content:space-between;
		.mail{
			align-items:center;
			justify-content:center;
			font-size:14px;
			line-height:20px;
			white-space:nowrap;
			img{
				display:inline-block;
				vertical-align:middle;
			}
		}
		.phone{
			align-items:center;
			justify-content:center;
			font-size:14px;
			line-height:20px;
			white-space:nowrap;
			img{
				display:inline-block;
				vertical-align:middle;
			}
		}
		.phone, .phone a{
			color:#0058a7;
			font-family:ProximaNovaBold;
		}
		.mail{
			color:#333;
			font-family:ProximaNovaRg;
			
		}
	}
	.block_search{
		width:2%;
		margin-left:1%;
		position:relative;
		a{
			display:flex;
			align-items:center;
			justify-content:center;
		}
		#block_search{
			position:absolute;
			top:130%;
			right:0;
			z-index:1;
			form{
				padding:10px;
				border:1px solid #e4e5e7;
				box-shadow:0 0 7px 1px #e4e5e7;
				background:#ffff;
				input[type=text]{
					border:1px solid #0058a7;
					font-family:ProximaNovaRg;
					padding:2px 5px;
				}
				input[type=submit]{
					width:100%;
					height:auto;
					font-family:ProximaNovaRg;
					text-transform:none;
					padding:2px 0;
					margin-top:5px;
				}
			}
		}
	}
}
#middle{
	height:auto;
	position:relative;
	padding:20px 0 350px;
	overflow:hidden;
}
#left{
	width:22%;
	margin-right:3%;
	float:left;
}
#content{
	position:relative;
	padding:0;
	width:75%;
	float:right;
}
#right{
	float:right;
	width:@width_right;
	margin-left:20px;
}
.block{
	.title{
		font-size:2em;
		margin-bottom:20px;
		font-weight:700;
	}
}
.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_link;
				}
			}
		}
		.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_link;
				}
			}
		}
	}
}
footer{
	width:100%;
	background:#f2f2f2;
	padding:40px 0 0;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	.menu{
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		padding-bottom:30px;
		border-bottom:1px solid #d6d6d6;
		.item{
			.title{
				margin-bottom:15px;
				a{
					text-decoration:none;
					font-family:ProximaNovaSemibold;
					color:#000;
					font-size:16px;
					line-height:20px;
					&:hover{
						color:@color_link;
					}
				}
			}
			ul{
				list-style:none;
				li{
					margin-bottom:7px;
					a{
						text-decoration:none;
						color:#000;
						font-size:13px;
						line-height:15px;
						font-family:ProximaNovaRg;
						&:hover{
							color:@color_link;
						}
					}
				}
			}
		}
	}
	.copyright{
		display:flex;
		align-items:center;
		justify-content:center;
		padding:15px 0;
		font-size:12px;
		line-height:15px;
		font-family:ProximaNovaRg;
		color:#333;
	}
}
.form{
	width:350px;
	margin:0 auto;
	text-align:center;
	td{
		padding-bottom:4px;
	}
	input[type=text],input[type=email],input[type=password],textarea,.intl-tel-input{
		width: 100%;
		box-sizing: border-box;
	}
	input[type=text],input[type=email],input[type=password]{
	}
	input[type=text]#captcha{
		width:70px;
		text-align:center;
	}
	input[type=submit]{
	}
	textarea{
		resize: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_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_red;
		}
	}
}
#back_top{
	position:fixed;
	bottom:50px;
	left:20px;
	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:23%;
			overflow:hidden;
			position:relative;
			margin:0 2% 20px 0;
			&:nth-child(4n){
				margin-right:0;
			}
			a{
				display:flex;
				align-items:center;
				justify-content:center;
				img {width:100%;}
				span{
					display:none;
					align-items:center;
					justify-content:center;
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					background:fade(@color_black,40%);
					font-size:40px;
					i{
						color:@color_white;
					}
				}
				&:hover{
					span{
						display:flex;
					}
				}
			}
			&:nth-child(5n){
				margin-right:0px;
			}
		}
	}
}
.articles{
	.item{
		margin-top:30px;
		padding-bottom:40px;
		border-bottom:1px solid #e4e5e7;
		&:last-child{
			border:none;
		}
		.photo{
			float:left;
			width:30%;
			margin-right:20px;
			border:1px solid #e4e5e7;
			a{
				display:flex;
				align-items:center;
				justify-content:center;
				img{
					width:100%;
					max-height:200px;
				}
			}
		}
		.text{
			width:calc(~"70% - 25px");
			float:right;
		}
		.name{
			margin-bottom:10px;
			a{
				font-size:20px;
				line-height:22px;
				text-decoration:none;
				font-family:ProximaNovaBold;
				&:hover{
					text-decoration:underline;
				}
			}
		}
		.date{
			color:@color_gray;
			font-size:14px;
		}
		.more{
			a{
				text-decoration:none;
				color:#fff;
				background:#0058a7;
				padding:10px;
				font-family:ProximaNovaSemibold;
				border-radius:5px;
				box-shadow:0 5px 25px -2px rgba(0, 88, 167, 0.2);
				font-size:14px;
				display:block;
				width:120px;
				text-align:center;
				&:hover{
					box-shadow:0 5px 25px -2px rgba(0, 88, 167, 0.5);
				}
			}
		}
	}
}
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_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_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%);
					}
				}
			}
		}
	}
}
.filters{
	.reset_button{
		width:@width_wrap;
		margin:0 auto;
		text-align:center;
		a{
			display:block;
			width:250px;
			margin:0 auto;
			text-decoration:none;
			color:#fff;
			background:#0058a7;
			font-size:16px;
			line-height:20px;
			font-family:ProximaNovaBold;
			padding:10px 0;
			border-radius:5px;
			box-shadow:0 5px 25px -2px rgba(0, 88, 167, 0.5);
			&:hover{
				box-shadow:0 5px 25px -2px rgba(0, 88, 167, 1);
			}
		}
	}
	.filter{
		padding:30px 0;
		&.filter_1{
			background:#f8f9f9;
			border:1px solid #e4e5e7;
			border-left:none;
			border-right:none;
			ul li{
				width:10%;
				margin-right:1%;
				&:last-child{
					margin-right:0;
				}
			}
		}
		&.filter_2{
			label{
				&:hover{
					span{
						border-color:@color_link;
					}
				}
				&.change{
					span{
						background:@color_link;
						color:#fff;
					}
				}
				span{
					display:flex;
					align-items:center;
					justify-content:center;
					padding:7px;
					background:#f8f9f9;
					border:1px solid #e4e5e7;
					line-height:14px;
					margin-top:-15px;
					margin-right:5px;
				}
			}
			ul{
				align-items:center;
				text-align:center;
				display:block;
				li{
					display:inline-block;
					margin-bottom:5px;
					&:last-child{
						label span{
							margin-right:0;
						}
					}
				}
			}
		}
		.name{
			width:@width_wrap;
			margin:0 auto;
			text-align:center;
			font-family:ProximaNovaSemibold;
			font-size:22px;
			line-height:25px;
			margin-bottom:30px;
			color:#333;
			span{
				font-family:ProximaNovaSemibold;
				font-size:22px;
				line-height:25px;
				text-transform:lowercase;
				color:#333;
			}
		}
		ul{
				list-style:none;
				display:flex;
				align-items:flex-start;
				justify-content:space-between;
				li{
					text-align:center;
					label{
						display:block;
						cursor:pointer;
						input[type=checkbox]{
							opacity:0;
							display:block;
						}
						.img{
							//display:flex;
							max-width:50px;
							max-height:50px;
							margin:0 auto;
							margin-top:-15px;
							background:#fff;
							border-radius:50%;
							padding:20px;
							align-items:center;
							justify-content:center;
							margin-bottom:12px;
							box-shadow:0 5px 25px -2px rgba(0, 88, 167, 0.2);
							img{width:100%;}
						}
						&:hover{
							.img{
								box-shadow:0 5px 25px -2px rgba(0, 88, 167, 0.5);
							}
						}
						&.change{
							.img{
								position:relative;
								&:after{
									position:absolute;
									bottom:-5px;
									right:-5px;
									content:url(../images/icon-change.png);
									width:40px;
									height:40px;
								}
							}
						}
						span{
							font-size:14px;
							line-height:16px;
							font-family:ProximaNovaRg;
						}
					}
				}
			}
	}
	.item_filter, .vars, .name{
			width:@width_wrap;
			margin:0 auto;
		}
	.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_link;
		}
	}
}
.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_link;
				}
				&+.answer{
					display:none;
				}
			}
		}
		.answer{
			padding-top:10px;
			padding-left:30px;
		}
	}
}
#block_search{
	display:none;
}
.block_1{
	width:@width_wrap;
	margin:0 auto;
	.title{
		text-align:center;
		font-family:ProximaNovaSemibold;
		color:#333;
		font-size:22px;
		line-height:25px;
		font-weight:normal;
		margin-bottom:30px;
	}
	.tinycarousel{
		overflow:visible;
		li {
		    display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 10px;
			box-sizing: border-box;
		}
		.buttons{
			background:#fff;
			width:30px;
			height:30px;
			display:flex;
			align-items:center;
			justify-content:center;
			border-radius:50%;
			box-shadow:0 5px 15px -5px rgba(0, 88, 167, 0.5);
			line-height:25px;
			top:50%;
			span{
				font-size:25px;
				line-height:25px;
			}
		}
	}
	#owl_1 {
		.owl-item {
			.item {
				a {
					min-height: 100px;
					display: flex;
					align-items: center;
					justify-content: center;
					max-width: 90%;
					margin: 0 auto;
				}
			}
			img {
				max-width:100%;
				width:auto;
			}
		}
		.owl-nav [class*=owl-] {
			background: #fff;
			width: 30px;
			height: 30px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			box-shadow: 0 5px 15px -5px rgba(0, 88, 167, 50%);
			line-height: 30px;
			top: 50%;
			font-size: 20px;
			color: @color_link;
			position: absolute;
			top: 50%;
			margin-top: -20px;
			padding: 0;
		}
		.owl-nav {
			.owl-prev {
				left:-50px;
			}
			.owl-next {
				right:-50px;
			}
		}
	}
}
.part_map, .map_block{
	background:#fafafa;
	padding:50px;
	margin-bottom:50px;
	box-sizing:border-box;
}
.map_block{
		width:@width_wrap;
		margin:50px auto;
		.title{
			font-size:22px;
			line-height:25px;
			text-align:center;
			font-family:ProximaNovaSemibold;
			margin-bottom:20px;
		}
		#map{
			height:400px;
			overflow:hidden;
		}
	}
.subcats, .block_2{
	overflow:hidden;
	margin:40px auto;
	padding-top:30px;
	border:1px solid #e4e5e7;
	border-left:none;
	border-right:none;
	.item{
		width:17%;
		display:inline-block;
		vertical-align:top;
		padding:0 1%;
		text-align:center;
		padding-bottom:30px;
		margin-bottom:30px;
		border-bottom:1px solid #e4e5e7;
		a{
			display:block;
			text-decoration:none;
			&.disabled{
				opacity:0.5;
				pointer-events:none;
			}
			&:hover{
				.name{
					color:#0058a7;
				}
				.photo{
					img{
						-webkit-transform:scale(1.2,1.2);
						-webkit-transition-timing-function:ease-out;
						-webkit-transition-duration:550ms;
						-moz-transform:scale(1.2,1.2);
						-moz-transition-timing-function:ease-out;
						-moz-transition-duration:550ms;
					}
				}
			}
			.photo{
				height:120px;
				margin-bottom:10px;
				display:flex;
				align-items:center;
				justify-content:center;
				img{
					max-width:90%;
					width:auto;
					max-height:90%;
					height:120px;
					-webkit-transition-timing-function:ease-out;
					-webkit-transition-duration:550ms;
					-moz-transition-timing-function:ease-out;
					-moz-transition-duration:550ms;
				}
			}
			.name{
				font-size:15px;
				line-height:20px;
				color:#333;
				font-family:ProximaNovaRg;
			}
		}
	}
}
.block_2{
	width:@width_wrap;
	margin:40px auto;
	border:none;
	padding:0;
	.item{
		border:none;
		background:#fafafa;
		padding:30px 0 20px;
		margin-bottom:0;
		a{
			.name{
				height:46px;
				display:flex;
				align-items:center;
				justify-content:center;
				margin-bottom:0;
				font-size:20px;
				line-height:23px;
				font-family:ProximaNovaSemibold;
			}
			&:hover .name{text-decoration:none;}
		}
	}
}
.button{
	position:fixed;
	right:0;
	top:80px;
	width:110px;
	z-index:99;
	a{
		display:block;
		text-decoration:none;
		border-radius:50%;
		height:80px;
		padding:10px;
		text-align:center;
		font-size:14px;
		line-height:14px;
		font-family:ProximaNovaSemibold;
		box-shadow:0 5px 25px -2px rgba(0, 88, 167, 0.5);
		text-transform:lowercase;
		-webkit-transform:scale(0.9, 0.9);
		-moz-transform:scale(0.9, 0.9);
		-webkit-transition-timing-function:ease-out;
		-webkit-transition-duration:550ms;
		-moz-transition-timing-function:ease-out;
		-moz-transition-duration:550ms;
		img{
			display:block;
			margin:0 auto;
		}
		&.zvonok{
			background:#0058a7;
			color:#fff;
			border:5px solid #8db4d7;
		}
		&.write{
			background:#fff;
			color:#333;
			border:5px solid #e8f4fe;
		}
		&.otziv{
			background:#fff;
			color:#333;
			border:5px solid #e8f4fe;
		}
		&.ticket{
			border:5px solid #e85a19;
			box-shadow:0 5px 25px -2px rgba(232, 90, 25, 0.5);
			img{
				width:50px;
				margin:10px auto;
			}
		}
		&:hover, &.sticky{
			box-shadow:0 5px 25px -2px rgba(0, 88, 167, 1);
			-webkit-transform:scale(1, 1);
			-webkit-transition-timing-function:ease-out;
			-webkit-transition-duration:550ms;
			-moz-transform:scale(1, 1);
			-moz-transition-timing-function:ease-out;
			-moz-transition-duration:550ms;
			&.ticket{
				box-shadow:0 5px 25px -2px rgba(232, 90, 25, 1);
			}
		}
	}
}
.fancybox-skin{
	 background:#fff;
}
.breadc{
	background:#f8f9f9;
	border:1px solid #e4e5e7;
	border-right:none;
	border-left:none;
	padding:15px 0;
	.bc{
		width:@width_wrap;
		margin:0 auto;
		span{
			font-size:13px;
			line-height:15px;
			font-family:ProximaNovaRg;
			color:#333;
			&> a{
				text-decoration:none;
				&:hover span{
					color:@color_link;
				}
			}
			&> span > span{
				font-family:ProximaNovaSemibold;
				color:@color_link;
			}
		}
	}
}
.catalog{
	margin-top:60px;
}
.catalog .item {
	.jRating {
				transform: scale(0.8);
				margin: 10px auto 0;
			}
}
.detail_catalog {
	.jRating {
		margin-bottom: 15px;
	}
}
	.detail_catalog, .catalog .item{
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		margin-bottom:40px;
		&:last-child{margin-bottom:0;}
		.photo{
			width:28%;
			margin-right:2%;
			/*border:1px solid #e4e5e7;*/
			a{
				display:flex;
				align-items:center;
				justify-content:center;
				img{
					max-width:100%;
				}
			}
		}
		.text{
			width:70%;
			.name{
				margin-bottom:15px;
				a, h1{
					text-decoration:none;
					font-family:ProximaNovaBold;
					font-weight:normal;
					color:#333;
					font-size:25px;
					line-height:30px;
					&:hover{color:@color_link;}
				}
			}
			ul.filters_vars{
				list-style:none;
				border-bottom:1px solid #e4e5e7;
				margin-bottom:10px;
				li{
					font-size:18px;
					line-height:20px;
					color:#333;
					font-family:ProximaNovaSemibold;
					margin-bottom:10px;
					span{
						font-family:ProximaNovaRg;
					}
					a{
						text-decoration:none;
						text-transform:lowercase;
						font-family:ProximaNovaSemibold;
						&:hover{text-decoration:underline;}
					}
				}
			}
		}
		.more{
			margin-top:20px;
			a{
				text-decoration:none;
				color:#fff;
				background:#0058a7;
				padding:10px;
				font-family:ProximaNovaSemibold;
				border-radius:5px;
				box-shadow:0 5px 25px -2px rgba(0, 88, 167, 0.2);
				display:block;
				width:120px;
				text-align:center;
				&:hover{
					box-shadow:0 5px 25px -2px rgba(0, 88, 167, 0.5);
				}
			}
		}
	}
.left_menu{
	.title{
		font-family:ProximaNovaBold;
		font-size:24px;
		line-height:30px;
		color:@color_link;
		margin-bottom:10px;
		border-bottom:2px solid @color_link;
		padding-bottom:5px;
	}
	ul{
		list-style:none;
		li{
			border-bottom:1px solid #e4e5e7;
			padding-bottom:10px;
			margin-bottom:10px;
			&:last-child{
				border:none;
				margin-bottom:0;
				padding-bottom:0;
			}
			a{
				font-size:15px;
				line-height:17px;
				text-decoration:none;
				font-family:ProximaNovaRg;
				color:#333;
			}
			&>ul{
				display:none;
				margin-left:20px;
				li{
					padding-bottom:5px;
					margin-top:5px;
					margin-bottom:0;
					a{
						font-size:14px;
					}
				}
			}
			&.active{
				&>ul{
					display:block;
				}
			}
			&:hover, &.active{
				&>a{
					color:@color_link;
				}
			}
			&.active{
				&>a{
					font-family:ProximaNovaBold;
				}
			}
		}
	}
}
.button_detcatalog{
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding:0 0 20px;
	&>a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:170px;
		float:left;
		background:#fff;
		color:@color_link;
		text-decoration:none;
		font-family:ProximaNovaBold;
		font-size:13px;
		padding:5px 0;
		border-radius:5px;
		margin-right:20px;
		box-shadow:0 5px 20px -2px rgba(0, 88, 167, 0.2);
		 border:1px solid #e4e5e7;
		img{
			margin-right:10px;
		}
		&:hover{
			box-shadow:0 5px 20px -2px rgba(0, 88, 167, 0.5);
		}
		&.price{
			background:@color_link;
			border:1px solid @color_link;
			color:#fff;
			box-shadow:0 5px 20px -2px rgba(0, 88, 167, 0.5);
			margin-right:20px;
			&:hover{
				box-shadow:0 5px 20px -2px rgba(0, 88, 167, 1);
			}
		}
		&.pdf{
			width:240px;
		}
		&.gb {
			margin:0;
		}
	}
	&.button_detcatalog_data{
		float:right;
		&>a{
			width:auto;
			padding:5px 20px;
			img{
				max-height:30px;
			}
		}
	}
}
.detail_catalog{
	display:block;
	margin-bottom:0;
	.photo{
		float:left;
		border:none;
		background:#fff;
		padding-right:2%;
		margin-right:0;
		a{
			border:1px solid #e4e5e7;
		}
	}
	.text{width:auto;}
}
.detail_date{
	color:@color_link;
	font-family:ProximaNovaBold;
	margin-bottom:10px;
	span{
		color:#333;
		font-family:ProximaNovaRg;
	}
}
.ymaps-2-1-66-balloon{
	display:none;
}
.notfound{
	text-align:center;
	padding-bottom:30px;
	font-weight:700;
	text-transform:uppercase;
}
article div.slide, .detail_catalog div.slide{
	.key{
		cursor:pointer;
		&:hover{
			color:#0058a7;
		}
		&:before{
			content:'\f107';
			margin-right:10px;
			font-family:FontAwesome;
			color:#0058a7;
			float:left;
		}
	}
	div.content{
		display:none;
	}
}
label.agree{
	float:left;
	text-align:left;
	font-size:14px;
	font-family:ProximaNovaRgIt;
	margin-bottom:10px;
	a{
		font-size:14px;
		font-family:ProximaNovaRgIt;
	}
}
.block_3{
	margin:50px 0;
	.title{
		text-align:center;
		font-family:ProximaNovaSemibold;
		color:#333;
		font-size:22px;
		line-height:25px;
		font-weight:normal;
		margin-bottom:30px;
	}
	.rows{
		.item{
			padding:40px;
			box-sizing:border-box;
			background:#fafafa;
			.name{
				margin:0;
				display:flex;
				align-items:center;
				justify-content:center;
				margin-bottom:15px;
				a{
					font-size:20px;
					line-height:23px;
					font-family:ProximaNovaSemibold;
					color:#333;
					&:hover{
						color:#0058a7;
					}
				}
			}
			.photo{
				a{
					display:flex;
					align-items:center;
					justify-content:center;
					img{
						max-width:100%;
					}
				}
			}
		}
	}
}

/* ---- ---- ---- ---- */
.cookie_policy { position: fixed; left: 0; bottom: 0; background: rgba(0,0,0,0.8); width: 100%; padding: 20px 0; text-align: center; color: #fff; z-index: 500; }
.cookie_policy a { display: inline-block; background: #0058a7; color: #fff; border-radius: 4px; text-transform: uppercase; height: 36px; line-height: 39px; font-size: 12px; font-weight: 700; padding: 0 30px; text-decoration: none; margin-left: 10px; }

ul.search_list{
	li{
		margin-bottom:5px;
		&:before{
			position:absolute;
			top:auto;
			left:0;
		}
	}
}

.form {
	#but_goods {
		background: @color_link;
		padding: 10px 20px;
		width: 100%;
		display: block;
		margin-bottom: 10px;
		box-sizing: border-box;
		color: #ffffff;
		border-radius: 0;
		font-family: ProximaNovaBold;
		font-size: 16px;
		line-height: 20px;
		box-shadow: 0 5px 25px -2px rgba(0, 88, 167, 0.2);
		border: 1px solid #e4e5e7;
	}
	#goods {
		display:none;
	}
	.chosen-container-multi .chosen-choices {
		font-size: 15px;
		color: #9c9c9c;
		line-height: 20px;
		padding: 10px;
		box-sizing:border-box;
		font-family: ProximaNovaRg;
		background: #f8f9f9;
		border: 1px solid #e4e5e7;
		margin-bottom: 10px;
		li {
			font-size: 15px;
			color: #9c9c9c;
			&.search-choice {
				color: #000;
				border-radius: 0;
				font-size: 12px;
				background-color: rgba(0, 0, 0, 0.08);
				border-color: #000;
				span {
					font-size: 13px;
				}
			}
			&.search-field input[type=text] {
				margin: 0px;
				font-family: inherit;
				font-size: inherit;
				height: auto;
				color: rgb(156, 156, 156);
			}
		}
	}
	.chosen-container.chosen-with-drop .chosen-drop {
		//top: calc(~"100% + 10px");
	}
	.chosen-container .chosen-results {
		color: #000;
		text-align: left;
	}
	.chosen-container .chosen-results li {
		font-size:14px;
	}
	.chosen-container .chosen-results li.disabled-result {
		width:100%;
		height:1px;
		background:#000;
		padding-top:0;
		padding-bottom:0;
		margin-top:10px;
		margin-bottom:10px;
	}
	.chosen-container .chosen-results li.group-result.razdel {
		text-align:center;
		text-transform:uppercase;
	}
}
.form_gb {
	width: 30%;
    margin-left: 50px;
    margin-bottom: 50px;
    float: right;
	padding: 30px;
    box-sizing: border-box;
    background: #f8f9f9;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: relative;
    margin-bottom: 140px;
	.title {
		font-family: ProximaNovaBold;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	.form {
		width:100%;
	}
	.form input[type=text], .form input[type=email], .form input[type=password], .form textarea {
		width: 100%;
		box-sizing: border-box;
		background: #fff;
	}
}
.gb_cl {
	margin-top: 40px;
	.title {
		font-family: ProximaNovaBold;
		margin-bottom: 30px;
		font-size: 22px;
		line-height: 30px;
		position: relative;
		color:@color_link;
		text-align: center;
		text-transform: uppercase;
		&:before {
			content: '';
			width: 50px;
			height: 1px;
			background: @color_link;
			display: inline-block;
			margin-bottom: 5px;
			margin-right: 40px;
		}
		&:after {
			content: '';
			width: 50px;
			height: 1px;
			background: @color_link;
			display: inline-block;
			margin-bottom: 5px;
			margin-left: 40px;
		}
	}
}
.gb {
	.owl-item .item {
		padding: 30px;
		background: #f8f9f9;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		margin: 10px;
	}
	.item {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 40px;
		text-align: justify;
		.photo {
			width: 200px;
			margin-right: 30px;
			display: flex;
			align-items: center;
			justify-content: center;
			a {
				display: flex;
				align-items: center;
				justify-content: center;
				img {max-width:100%;}
			}
		}
		.text {
			width:100%;
		}
		.name {
			font-family: ProximaNovaBold;
			color: @color_link;
			font-size: 18px;
			line-height: 22px;
			margin-bottom: 10px;
			padding-bottom: 5px;
			position: relative;
		}
		.message {
			font-family: ProximaNovaRgIt;
			font-size: 14px;
			line-height: 18px;
			text-align: left;
		}
		.more {
			margin-top: 10px;
			a {
				font-size: 12px;
				line-height: 16px;
				font-family: ProximaNovaBold;
				color: #000;
				text-decoration: underline;
			}
		}
	}
}
#owl_gb_cl, #owl_gb_comp {
	padding: 0 60px;
    box-sizing: border-box;
	&.owl-theme .owl-nav {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin-top: -25px;
		.owl-prev, .owl-next {
			position: absolute;
			top: 0;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #0058a7;
			border: 1px solid rgb(248, 249, 249);
		}
		.owl-prev {left:0;}
		.owl-next {right:0;}
	}
}
.form_cont {
	    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
	.gb_content {
		    width: calc(~"70% - 50px");
	}
}
.intl-tel-input .selected-flag .selected-dial-code {
	display:none;
}
div.file_upload {
	position: relative;
    margin-bottom: 10px;
	p.text {
		font-size: 24px;
		line-height: 26px;
		color: rgba(80, 80, 80, 0.5);
		text-align: center;
		padding: 10px;
		border: 2px solid fade(@color_link,40%);
	}
	&:hover {
		p.text {
			box-shadow: inset 0 0 10px fade(@color_link,20%);
		}
	}
	input {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		filter: alpha(opacity=0);
		cursor: pointer;
	}
}
a#blank_otzyv {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    background: #fff;
    color: #0058a7;
    text-decoration: none;
    font-family: ProximaNovaBold;
    border-radius: 5px;
    box-shadow: 0 5px 20px -2px rgba(0, 88, 167, 0.2);
    border: 1px solid #e4e5e7;
    text-transform: uppercase;
    position: absolute;
    bottom: -80px;
    left: 0;
    right: 0;
	&:hover {
		box-shadow: 0 5px 20px -2px rgba(0, 88, 167, 0.5);
	}
}
.rezka{
	background: url(../images/rezka_bg.jpg) no-repeat;
	.wrap{
		#content{
			width: 100%!important;
			.page_title h1{
				font-size: 24px;
				font-weight: 800;
				padding: 12px;
			}
		}
	}
}
.rezka_list{
	display: inline-block;
	float: left;
	margin-top: 120px;
	margin-bottom: 80px;
	width: 360px;
	height: 260px;
	border-radius: 20px;
	box-shadow:0px 6px 18px 0px rgba(0,0,0,0.19);
	-webkit-box-shadow:0px 6px 18px 0px rgba(0,0,0,0.19);
	-moz-box-shadow:0px 6px 18px 0px rgba(0,0,0,0.19);
	padding: 0 20px;
	margin-right: 30px;
  box-sizing: border-box;
	.photo{
		text-align: center;
		margin-top: -62px;
		img{
			border-radius: 70px;
			box-shadow:0px 10px 20px 2px rgba(0,0,0,0.17);
			-webkit-box-shadow:0px 10px 20px 2px rgba(0,0,0,0.17);
			-moz-box-shadow:0px 10px 20px 2px rgba(0,0,0,0.17);
		}
	}
	.name{
		text-align: center;
		font-size: 20px;
		color: #0058a7;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.announce{
		text-align: center;
		font-size: 16px;
		color: #1f1f1f;
		line-height: 24px;
	}
}
.rezka_list:last-child{
	margin-right: 0px;
}
.block_4 .title{
	font-size: 32px;
	text-align: center;
	color: #0058a7;
}
.block_5{
	margin-bottom: 130px;
	.title{
		font-size: 32px;
		text-align: center;
		color: #0058a7;
		margin-bottom: 80px;
	}
		.tinycarousel{
			overflow:visible;
			padding: 0;
			.viewport{
				height: 280px;
				padding-top: 10px;
			}
			.overview{
				padding: 20px;
				padding-left: 10px;
			}
			.overview li{
				width: auto;
				height: auto;
				margin-right: 10px;
				.crousel_photo{
					width: 360px;
					height: 260px;
					border-radius: 25px;
					box-shadow:1px 1px 7px 1px rgba(0,0,0,0.23);
					-webkit-box-shadow:1px 1px 7px 1px rgba(0,0,0,0.23);
					-moz-box-shadow:1px 1px 7px 1px rgba(0,0,0,0.23);
				}
			}
			.overview li img{
				width: 360px;
				height: 260px;
				border-radius: 20px;
			}
			.buttons{
				background:#0058A1;
				color: #fff;
				width:40px;
				height:40px;
				display:flex;
				align-items:center;
				justify-content:center;
				border-radius:50%;
				box-shadow:0 5px 15px -5px rgba(0, 88, 167, 0.5);
				line-height:25px;
				top:50%;
				z-index: 1;
				span{
					font-size:25px;
					line-height:25px;
				}
			}
			.prev{
				margin-left: -20px;
				padding-right: 2px;
			}
			.next{
				margin-right: -20px;
				padding-left: 2px;
			}
	}
}
.first_block{
	padding: 30px 80px;
	img{
		float: left;
		margin-right: 61px;
	}
	p{
		font-size: 17px;
		line-height: 30px;
		color: #fff;
		margin-top: 65px;
		padding-right: 80px;
		text-align: left;
	}
}
.second_block{
	img{
		float: left;
		margin-right: 40px;
	}
	p{
		font-size: 17px;
		line-height: 30px;
		padding: 40px 85px;
		padding-top: 70px;
	}
	a{
		text-decoration: none;
		border-bottom: none;
	}
}
.third_block{
	h3{
		font-size: 32px;
		color: #0058a7;
		margin-bottom: 20px;
	}
	img{
		float: left;
		margin-right: 12px;
    margin-top: 60px;
	}
	ul{
		margin-top: 35px;
		li{
			&:before{
				content: '\f00c'!important;
				color: #0058a7;
				font-family: FontAwesome;
				font-weight: 300;
				font-size: 18px;
				line-height: 14px;
				margin-right: 5px;
			}
		}
	}
	li{
		font-size: 14px;
		line-height: 34px;
	}
	a.button_rezka{
		display: inline-block;
		margin-top: 25px;
		margin-bottom: 80px;
		padding: 16px 44px;
		color: #fff;
		background: #014883;
		border-radius:25px;
		font-size: 14px;
		text-transform: uppercase;
	}
	a.button_rezka:hover{
		filter: brightness(110%);
	}
}
.block_7{
	background: #F4F4F4;
	padding: 60px 0 80px 0;
	.title{
		font-size: 32px;
		text-align: center;
		color: #0058a7;
		margin-bottom: 55px;
	}
	form{
		label{
			span{
				display: none;
			}
			input[type=text],input[type=email],input[type=password],.intl-tel-input,textarea{
				border-radius: 25px;
				box-shadow:0px 6px 18px 0px rgba(0,0,0,0.19);
				-webkit-box-shadow:0px 6px 18px 0px rgba(0,0,0,0.19);
				-moz-box-shadow:0px 6px 18px 0px rgba(0,0,0,0.19);
				height: 50px;
				width: 250px;
				margin-right: 16px;
				padding: 0;
				padding-left: 30px;
				&:focus{
					outline:none;
					border-color:@color_link;
				}
			}
			textarea{
				margin-top: 20px;
				width: 550px;
				height: 260px;
				padding-top: 15px;
				resize: none;
				&:focus{
					outline:none;
					border-color:@color_link;
				}
			}
			input[name="material"],input[name="fio"],input[name="phone"],.intl-tel-input{
				margin-right: 30px;
				border: none;
				&:focus{
					outline:none;
					border-color:@color_link;
				}
			}
			input[name="name_detail"],input[name="works"],input[name="price"]{
				width: 502px;
				margin-right: 0;
				resize: none;
				border: none;
				&:focus{
					outline:none;
					border-color:@color_link;
				}
			}
			input[name="phone"]{
				box-shadow:0px 6px 18px 0px rgba(0,0,0,0.0);
				-webkit-box-shadow:0px 6px 18px 0px rgba(0,0,0,0.0);
				-moz-box-shadow:0px 6px 18px 0px rgba(0,0,0,0.0);
				border: none;
				&:focus{
					outline:none;
					border-color:@color_link;
				}
			}
			.file_upload{
				display: inline-block;
				margin-bottom: -45px;
				margin-left: 40px;
				p{
					border-radius: 25px;
					background: #F2F2F2;
					color: #0058a7;
					border: 2px solid #0058a7;
				}
				p.text{
					font-size: 16px;
					padding: 10px 35px;
				}
				p:hover{
					background: #0058a7;
					color: #F2F2F2;
				}
				p:first-child{
					display: none;
				}
			}
			.intl-tel-input.separate-dial-code .selected-flag{
				background-color: rgba(0,0,0,0);
			}
			.intl-tel-input.separate-dial-code .selected-flag:hover{
				background-color: rgba(0,0,0,0);
			}
			.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container{
				margin-left: 20px;
			}
		}
		p{
			.agree{
				display: none;
			}
		}
		.submit{
			text-align: center;
			margin-top: 40px;
		}
		input[type=submit]{
			border-radius: 25px;
			margin: auto;
			width: 205px;
			height: 50px;
			&:focus{
				outline:none;
				border-color:@color_link;
			}
		}
	}
}
.block_9 {
	.rows {
		text-align:left;
		margin-top: 50px;
		border-top: 1px solid #e4e5e7;
		padding-top: 10px;
		.item {
			text-align: left;
			border-bottom: 1px solid #e4e5e7;
			padding-bottom: 10px;
			margin-bottom: 10px;
			width: 100%;
			.name {
				margin:0;
				a {
					font-size: 15px;
					line-height: 17px;
					text-decoration: none;
					font-family: ProximaNovaRg;
					color: #333;
					text-align: left;
					margin: 0;
					&:hover {
						color:@color_link;
					}
				}
			}
		}
	}
}
.contacts_block{
	position: absolute;
	left: 0;
	height: 500px;
	width: 50%;
	background: rgba(1, 88, 168, 0.75);
	z-index: 1;
	.contacts_text{
		padding-left: 38%;
		padding-top: 100px;
		color: #fff;
		.cont_title{
			font-size: 32px;
			margin-bottom: 70px;
		}
		.cont_subtitle{
			font-size: 14px;
			font-weight: 800;
			margin-bottom: 20px;
		}
		.cont_text{
			font-size: 14px;
			line-height: 22px;
			margin-bottom: 30px;
			width: 410px;
		}
		.cont_phone{
			font-size: 14px;
			line-height: 22px;
			margin-bottom: 20px;
		}
	}
}
.map_block{
	width: 100%;
	padding: 0;
	background: none;
	margin: 0;
	margin-bottom: -30px;
}
.form_info{
	bottom: 275px;
	right: 50px;
	position: absolute;
	width: 450px;
	.form_info_text{
		font-size: 14px;
		line-height: 30px;
		font-weight: 800;
		margin-bottom: 12px;
	}
	.form_info_subtext{
		font-size: 14px;
		line-height: 26px;
	}
}
.block_7 form label input[type=text]:focus, .block_7 form label input[type=email]:focus, .block_7 form label input[type=password]:focus, .block_7 form label .intl-tel-input:focus, .block_7 form label textarea:focus{
	outline: inherit;
	border-color:rgba(0, 0, 0, 0);
}
.pagination{
	display: block;
	position: absolute;
	width: 100%;
	bottom: 20px;
	z-index: 999;
	text-align: center;
}
a[name=zapros]{
	position: absolute;
	margin-top: -100px;
}
@media(max-width:1140px){
	body,#body{
		min-width:100%;
	}
	#body{
		padding-top:40px;
	}
	.wrap{
		width:100%;
		box-sizing:border-box;
		padding:0 10px;
	}
	.block_1,
	.block_2,
	.filters .item_filter, .filters .vars, .filters .name,
	.filters .reset_button,
	.filters .filter .name,
	.breadc .bc,
	.map_block{
		width:100%;
	}
	.button{
		//display:none;
		position:relative;
		top:auto;
		right:auto;
		text-align:center;
		width:100%;
		padding:7px 0;
		a{
			width:auto;
			display:inline-block;
			vertical-align:top;
			.border_radius(10px);
			border-width:2px;
			padding:5px;
			height:30px;
			line-height:30px;
			img{
				display:inline-block;
				vertical-align:middle;
				max-height:100%;
			}
			&.write{
				border-color:#8db4d7;
			}
		}
	}
	header{
		.contacts{
			div{
				padding:0 10px;
			}
		}
	}
	.breadc{
		padding:15px 10px;
	}
	.part_map, .map_block{
		padding:15px;
	}
}
@media(max-width:1024px){
	header{
		nav{
			width:auto;
			position:relative;
			&>ul{
				position:absolute;
				top:20px;
				left:-12px;
				z-index:200;
				width:120px;
				background:@color_white;
				padding:10px 0;
				&>li{
					height:auto;
					display:block;
					padding:5px 10px;
					border-bottom:1px solid fade(@color_link,20%);
					&>ul{
						left:120px;
						top:0;
					}
				}
			}
			.opener{
				display:block;
				color:@color_link;
				font-size:20px;
				cursor:pointer;
				&+ul{
					display:none;
				}
			}
		}
	}
}
@media(max-width:920px){
	.filters .filter ul,
	.subcats, .block_2{
		display:block;
		text-align:center;
	}
	.filters .filter.filter_1 ul li{
		width:90px;
		display:inline-block;
		vertical-align:top;
	}
	.subcats .item, .block_2 .item{
		width:120px;
	}
}
@media(max-width:720px){
	#body{
		padding-top:80px;
	}
	#left{
		display:none;
	}
	#content{
		float:none;
		width:100%;
	}
	.detail_catalog, .catalog .item{
		display:block;
	}
	.detail_catalog .photo, .catalog .item .photo{
		width:100%;
		margin:0 0 10px;
	}
	.detail_catalog .text, .catalog .item .text{
		width:100%;
	}
	header .wrap{
		display:block;
	}
	header #logo{
		width:50%;
		float:left;
		margin-bottom:5px;
	}
	header nav{
		width:50%;
		float:right;
		text-align:right;
		.opener{
			line-height:40px;
		}
		&>ul{
			text-align:left;
			left:auto;
			right:0px;
			&>li{
				&>ul{
					width:150px;
					left:-150px;
				}
			}
		}
	}
	header .contacts{
		float:left;
		display:block;
		width:90%;
		margin-bottom:5px;
		.mail,.phone{
			display:inline-block;
			vertical-align:top;
			padding:0;
		}
	}
	header .block_search{
		width:10%;
		float:right;
		display:block;
		width:auto;
	}
	.block_3 .rows .item{
		width:100%;
		margin:0 0 15px 0;
	}
	#carousel_1 .overview li {
		width:300px;
	}
	#middle{
		padding:20px 0;
	}
	.button_detcatalog{
		display:block;
	}
	.button_detcatalog > a{
		display:inline-block;
		vertical-align:top;
		float:none;
		line-height:30px;
		margin-bottom:5px;
		img{
			display:inline-block;
			vertical-align:middle;
		}
	}
	footer{
		position:relative;
	}
	footer .menu{
		display:block;
	}
	footer .menu .item{
		display:inline-block;
		vertical-align:top;
		width:48%;
	}
	.popup_page{
		padding:10px;
	}
	.form{
		width:100%;
		textarea{
			max-height:100px;
		}
	}
	.form_cont{
		display:block;
	}
	.form_gb,.form_cont .gb_content{
		float:none;
		width:100%;
		margin:0 0 15px 0;
	}
	.form_gb{
		padding-bottom:100px;
	}
	a#blank_otzyv{
		bottom:0;
	}
}
.page-404 {
	.search {
		margin-bottom: 20px;
		form {
			width: 30%;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			input[type=text] {
				margin: 0;
				width: 80%;
			}
			input[type=submit], input[type=button], button {
				border-radius: 0;
				box-shadow: none;
				height: 42px;
				width: 20%;
				min-width: 100px;
			}
		}
	}
	.menu-404 {
		&>ul {
			overflow: hidden;
			margin-top: 20px;
			li:before {
				display:none;
			}
			&>li {
				padding: 0;
				margin-bottom: 10px;
				float: right;
				width: 25%;
				&:first-child, &:nth-child(2) {
					float: left;
					margin-right: 50px;
					width: 33%;
				}
				&>a {
					text-transform: uppercase;
					font-family: 'ProximaNovaBold';
				}
				ul {
					margin-top: 10px;
					li {
						margin-bottom:5px;
						font-size: 14px;
						line-height:16px;
						a {
							border: none;
							font-size: 14px;
							color: #333;
							&:hover {
								border-bottom: 1px solid rgba(0, 88, 167, 0.2);
							}
						}
					}
				}
			}
		}
	}
}
.tags {
	margin-bottom: 40px;
	a {
		padding: 7px 10px;
		background: #e7f4fe;
		margin-right: 7px;
		margin-bottom: 7px;
		font-size: 15px;
		display: inline-block;
		&:hover, &.active {
			color: #fff;
			background: #0058a7;
		}
	}
}
.detail_article .tags {
	margin:40px 0;
}
.block.relative, .gb {
	.title {
		font-size: 22px;
		line-height: 25px;
		font-family: ProximaNovaSemibold;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom:1px solid #e4e5e7;
	}
}
.block.relative {
	padding: 50px 0;
	.catalog {
		margin:0;
	}
	.item {
		width: calc(~"25% - 25px");
		margin-right:30px;
		float: left;
		display:block;
		text-align:center;
		&:nth-child(4n) {
			margin-right:0;
		}
		.photo {
			width:100%;
			margin:0;
			margin-bottom:10px;
			text-align:center;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
}