@import '../css/font-awesome.min.css';
@import '../css/GothamPro.css';
@import '../js/fancybox/jquery.fancybox.css';
@import '../js/ui/jquery-ui.min.css';
@import '../js/selectBoxIt/jquery.selectBoxIt.less';
@import 'vars.less';
@import 'functions.less';
@color_white:#ffffff;
@color_black:#000000;
@color_gray:#cccccc;
@color_red:#e03c42;
@color_green:#4fad51;
@font_base:GothamProLight;
*{
	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: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:underline;
	&:hover{
		text-decoration:none;
	}
}
article{
	a.zayavka {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		float: right;
		margin: 0 0 30px 50px;
		padding: 10px 20px;
		text-decoration: none;
		color: #fff;
		background: @color_link;
		font-family: GothamProBold;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
		&:hover {
			box-shadow: 0 0 10px rgba(0,0,0,0.5);
		}
	}
	strong {
		font-family:GothamProBlack;
	}
	p{
		margin-bottom:10px;
		text-align:justify;
		font-size:14px;
		line-height:20px;
	}
	ul,ol{
		margin-left:20px;
		margin-bottom:10px;
		font-size:14px;
		line-height:20px;
	}
	h1,h2,h3{
		margin-bottom:10px;
		line-height:1.2em;
		font-family:GothamProBlack;
	}
	h1{
		font-size:28px;
	}
	h2{
		font-size:24px;
	}
	h3{
		font-size:20px;
	}
	table{
		margin-bottom:10px;
		border-collapse:collapse;
	}
}
input[type=text],input[type=password],input[type=email],textarea{
	border:1px solid @color_gray;
	font-family:@font_base;
	&:focus{
		outline:none;
		border-color:@color_link;
	}
}
input[type=submit],input[type=button],button{
	background:@color_link;
	height:40px;
	padding:0 20px;
	border:0px;
	cursor:pointer;
	color:@color_white;
	text-transform:uppercase;
	-webkit-appearance:none;
	.border_radius(0);
	&:hover{
		background:@color_text;
	}
}
.page_title{
	h1,.h1{
		color: #4a4a4a;
		font-size: 30px;
		line-height: 35px;
		font-family: GothamProBlack;
		text-transform: uppercase;
		margin: 10px 0 40px;
	}
}
.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;
}
.bc {
	span, span a {
		color:#9f9e9e;
		font-size:12px;
		line-height:22px;
		font-family:GothamProLight;
		text-decoration:none;
	}
}
header{
	position: absolute;
    top: 0;
    left: 0;
    padding: 20px 0 0;
    z-index: 10;
    width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	&.nomain {
		position:relative;
		background-image:url(../images/bg-header.jpg);
		background-size:cover;
		background-position:top;
		padding-bottom:30px;
		border-bottom:none;
		&:before {
		    content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(2, 78, 129, 0.7);
		}
		&:after {
			content:'';
			position:absolute;
			bottom:30px;
			left:0;
			width:100%;
			height:1px;
			background:rgba(255,255,255,0.2);
		}
	}
	.wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#logo{
		width: 55%;
		float: left;
		a {
			display: flex;
			align-items: center;
			justify-content:flex-start;
			text-decoration: none;
			img {
				margin-right: 40px;
			}
			p.site_name {
				font-size: 13px;
				line-height: 18px;
				font-family: GothamProLight;
				color: #fff;
				span {
					display: block;
					font-family: GothamProBlack;
					font-size: 18px;
					line-height: 22px;
					color: #fff;
					text-transform: uppercase;
				}
			}
		}
	}
	a.zayavka, a.zvonok {
		position:relative;
		font-size: 12px;
		line-height: 18px;
		color: #fff;
		position: relative;
		margin-left: 27px;
		text-decoration: none;
		font-family: GothamProBlack;
		border-bottom: 2px solid #fff;
		padding-bottom: 2px;
		&:hover {border-color:@color_link;}
		&:before {
			width: 11px;
			height: 11px;
			padding:5px;
			position: absolute;
			top: 0;
			left: -27px;
			background: #fff;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
	a.zayavka:before {
		content:url(../images/icon-ok.png);
	}
	a.zvonok:before {
		content:url(../images/icon-phone.png);
	}
	.phone_soc {
	    width:15%;
	    .social {
	        float:right;
	        a {
	            margin:0 3px;
	        }
	    }
	}
	.phone {
		text-align: right;
		p {
			font-size: 14px;
			line-height: 20px;
			color: #fff;
			font-family: GothamProBold;
			margin: 2px 0;
			a {
				text-decoration:none;
				color:#fff;
				font-size: 14px;
				line-height: 20px;
				font-family: GothamProBold;
			}
			span {
				font-family: GothamProLight;
			}
		}
	}
	nav{
		width:@width_wrap;
		margin: 10px auto 0;
		ul{
			float: right;
			li{
				display: inline-block;
				vertical-align: top;
				position: relative;
				padding: 0 15px;
				&:last-child {
					padding-right:0;
				}
				a{
					display: block;
					padding: 0 0 10px;
					text-decoration: none;
					color: #ffffff;
					font-size: 14px;
					line-height: 22px;
					text-transform: uppercase;
					font-family: GothamProBlack;
					position:relative;
				}
				&.active a, a:hover{
					&:after {
						content:'';
						position:absolute;
						bottom:-1px;
						left:0;
						width:100%;
						height:1px;
						background:@color_link;
						
					}
				}
				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:100px;
	padding-top:30px;
}
#left{
	float:left;
	width:@width_left;
}
#content{
	float:right;
	width:@width_content;
	position:relative;
	padding:0;
}
#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: #343434;
    padding: 20px 0;
	.wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		.phone {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left:50px;
			p {
				margin:0 10px;
				font-size: 14px;
				line-height: 20px;
				color: #fff;
				font-family: GothamProBold;
				span {font-family:GothamProLight;}
			}
		}
		.address {
			p {
				font-size: 9px;
				line-height: 12px;
				margin-bottom: 5px;
				color: #fff;
				font-family: GothamProLight;
				&:last-child {margin-bottom:0;}
			}
		}
		a.zvonok {
			text-decoration: none;
			font-size: 12px;
			line-height: 18px;
			color: #fff;
			font-family: GothamProBlack;
			padding-bottom: 2px;
			border-bottom: 2px solid #fff;
			&:hover {border-color:@color_link;}
		}
	}
}
.dop_footer {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
	p, a {
		font-size: 10px;
		line-height: 22px;
		font-family: GothamProBlack;
		color: #343434;
		text-decoration:none;
	}
}
.form{
	width:400px;
	margin:0 auto;
	td{
		padding-bottom:4px;
	}
	input[type=text],input[type=email],input[type=password],textarea{
		width:100%;
		margin-bottom:7px;
		box-sizing:border-box;
	}
	input[type=text],input[type=email],input[type=password]{
		padding:0 10px;
		height:40px;
	}
	input[type=text]#captcha{
		width:70px;
		text-align:center;
	}
	input[type=submit]{
		float:right;
	}
	textarea{
		padding:10px;
		resize:none;
	}
	sup{
		color:@color_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;
	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;
	}
}
.galleries {
	.item {
		margin-bottom:40px;
		.name {
			font-size:20px;
			line-height:22px;
			color:#747474;
			font-family:GothamProBlack;
			text-transform:uppercase;
			margin-bottom:25px;
		}
	}
}
.gallery{
	a.open {
		display: flex;
		clear: both;
		align-items: center;
		justify-content: center;
		padding-top: 30px;
		text-decoration: none;
		span {
			background: #e2e2e2;
			padding: 15px 30px;
			color: #747474;
			font-size: 16px;
			line-height: 22px;
			font-family: GothamProBlack;
			border-radius: 5px;
		}
		&:hover span {
			box-shadow: 0 0 5px #747474;
		}
	}
	ul{
		list-style:none;
		li{
			float: left;
			width: calc(~"(100% - 15px) / 3");
			height: 270px;
			overflow: hidden;
			position: relative;
			margin: 2.5px;
			&:first-child, &:nth-child(3n+1) {
				margin-left:0;
			}
			&:last-child, &:nth-child(3n) {
				margin-right:0;
			}
			a{
				span{
					display:none;
					width:100%;
					height:100%;
					position:absolute;
					top:0;
					left:0;
					background:fade(@color_black,40%);
					align-items:center;
					justify-content:center;
					&:after {
						content:url(../images/icon-plus.png);
						background: rgb(227,0,15);
						background: -moz-linear-gradient(left, rgba(227,0,15,1) 0%, rgba(255,96,0,1) 100%, rgba(255,96,0,1) 100%);
						background: -webkit-linear-gradient(left, rgba(227,0,15,1) 0%,rgba(255,96,0,1) 100%,rgba(255,96,0,1) 100%);
						background: linear-gradient(to right, rgba(227,0,15,1) 0%,rgba(255,96,0,1) 100%,rgba(255,96,0,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3000f', endColorstr='#ff6000',GradientType=1 );
						border-radius:50%;
						width: 60px;
						height: 60px;
						display: flex;
						align-items: center;
						justify-content: center;
					}
				}
				&:hover{
					span{
						display:flex;
					}
				}
			}
			
		}
	}
}
.articles{
	.item{
		display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 30px;
		.photo{
			margin-right: 30px;
			a {
			    display: flex;
                align-items: center;
                justify-content: center;
                img {
                    border: 2px solid #e3000f;
                }
			}
		}
		.text{
			
		}
		.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_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{
	.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_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_1 {
	#slides_1 >.slides_container .slide>a {
		position:relative;
		&:after {
			content:'';
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background: rgba(2, 78, 129, 0.5);
		}
	}
	a {
		text-decoration: none;
		.wrap {
			padding-top: 300px;
			z-index:1;
			span.name span {
				font-size: 26px;
				line-height: 35px;
				text-transform: uppercase;
				color: #fff;
				font-family: GothamProBold;
				background: rgba(227,0,15,0.7);
				padding: 2px 10px;
			}
		}
	}
	#slides_1 div.nav {
		position: absolute;
		bottom: 35px;
		left: calc(~"((100% - 1160px)/2)");
		width:@width_wrap;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		&>a {
			left: auto!important;
			top: auto!important;
			width: 35px;
			background: none;
			height: 35px;
			display: flex;
			align-items: center;
			justify-content: center;
			position:relative;
			margin:0;
			span {
				display:none;
			}
			&:before {
				font-family: FontAwesome;
				font-size: 30px;
				line-height: 35px;
			}
			&.prev {
				&:before {
					content: url(../images/icon-str-left.png);;
				}
			}
			&.next {
				right:auto!important;
				&:before {
					content: url(../images/icon-str-right.png);;
				}
			}
		}
		ul.pagination {
			position: relative;
			bottom: auto;
			text-align: left;
			float: left;
			line-height: 35px;
			height: 35px;
			width:auto;
			display: flex;
			align-items: center;
			justify-content: center;
			li {
				display: flex;
				align-items: center;
				justify-content: center;
				margin:0 4px;
				a {
					width:5px;
					height:5px;
					border-width:1px;
				}
			}
		}
	}
}
.block_2, .block_6 {
	width:@width_wrap;
	margin:50px auto;
	.title {
		color:#4a4a4a;
		font-family:GothamProBlack;
		font-size:30px;
		line-height:35px;
		text-transform:uppercase;
		margin-bottom: 30px;
	}
	.item {
		margin-bottom: 40px;
		.photo {
			margin-bottom: 25px;
			a {
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
		.name {
			text-align: left;
			a {
				font-size: 18px;
				line-height: 22px;
				color: #4a4a4a;
				font-family: GothamProBlack;
				text-transform: uppercase;
			}
		}
		article, article p {
			font-size: 12px;
			line-height: 16px;
			font-family: GothamProLight;
		}
		.more {
			overflow: hidden;
			a {
				display: block;
				float: left;
				background: none;
				border: none;
				color: #4a4a4a;
				padding: 0;
				text-transform: lowercase;
				font-size: 12px;
				line-height: 20px;
				font-family: GothamProBlack;
				border-bottom: 2px solid #e3000f;
			}
		}
	}
}
.block_6 {
	margin:0 auto;
}
.block_3 {
	padding:50px 0;
	background:#024e81;
	.title {
		color:#fff;
		font-family:GothamProBlack;
		font-size:30px;
		line-height:35px;
		text-transform:uppercase;
		margin:0 auto;
		margin-bottom: 30px;
		width:@width_wrap;
	}
	.rows {
		margin:0 auto;
		width:@width_wrap;
		overflow:hidden;
		.item {
			width: 17.6%;
			float: left;
			margin-right: 3%;
			display:block;
			&:last-child {margin-right:0;}
			.name {
				margin-bottom: 0;
				font-size: 12px;
				line-height: 18px;
				color: #fff;
				font-family: GothamProBlack;
				text-transform: uppercase;
			}
		}
	}
}
.contacts {
	position: relative;
	&:after {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(2,78,129,0.5);
	}
	.tabs {
		.tabs_navigation {
			position: absolute;
			top: 60px;
			left: calc(~"(100% - 1160px)/2");
			z-index: 1;
			.title {
				font-size: 30px;
				line-height: 35px;
				color: #fff;
				font-family: GothamProBlack;
				text-transform: uppercase;
				margin-bottom:20px;
			}
			ul li {
				background: none;
				border: none;
				padding: 0;
				font-size: 14px;
				line-height: 22px;
				font-family: GothamProBlack;
				text-transform: uppercase;
				border-bottom: 2px solid transparent;
				height: auto;
				margin-right: 20px;
				color:#fff;
				&.active {
					border-bottom: 2px solid #fff;
				}
			}
		}
		.tabs_content {
		    div.info {
		        position: absolute;
                top: 160px;
                left: calc(~"(100% - 1160px)/2");
                z-index: 1;
                width: 40%;
                p {
                    font-size: 16px;
                    line-height: 22px;
                    color: #fff;
                    text-align: left;
                    margin-bottom: 20px;
                    &.address {
                        font-family: GothamProBold;
                        span {
                            display: block;
                            font-family: GothamProLight;
                            border:none;
                        }
                    }
                    span {
                        font-family: GothamProBold;
                        color: #fff;
                        padding-bottom: 2px;
                        border-bottom: 2px solid #e3000f;
                    }
		        }
		    }
		}
	}
}
.block_4 {
	position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: rgba(2, 78, 129, 0.8);
    width: calc(~"(50% - ((100% - 1160px) / 2) - 60px)");
    height: calc(~"100% - 120px");
	padding:60px 0;
	padding-left:60px;
	padding-right:calc(~"(100% - 1160px) / 2");
	.title {
		margin-bottom:40px;
		font-size:20px;
		line-height:22px;
		color:#fff;
		text-transform:uppercase;
		font-family:GothamProBlack;
	}
	form {
		input[type=text], textarea {
			width: 44%;
			margin-right: 2%;
			padding: 10px 2.5%;
			border: none;
			background: rgba(0,0,0,0.25);
			font-size: 10px;
			line-height: 22px;
			color: #fff;
			font-family: GothamProBlack;
			text-transform: uppercase;
			margin-bottom: 20px;
			float: left;
			&:nth-child(4) {
				margin-right:0;
				float:right;
			}
			&::-webkit-input-placeholder {color:#fff;}
			&::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
			&:-moz-placeholder           {color:#fff;}/* Firefox 18- */
			&:-ms-input-placeholder      {color:#fff;}
		}
		textarea {
			width:96%;
			padding:10px 2%;
			resize:none;
		}
		input[type=submit] {
			width: 49%;
			font-family: GothamProBlack;
			font-size: 10px;
			line-height: 22px;
			outline:none;
			&:hover {
				background:@color_link;
				box-shadow:0 0 5px @color_link;
			}
		}
	}
}
.block_4, .block_7 {
	form {
		label.agree {
			color: #fff;
			font-size: 12px;
			line-height: 12px;
			font-family: GothamProBold;
			margin-top: -10px;
			display: block;
			float: left;
			width: 100%;
			margin-bottom: 10px;
			a {
				color: #fff;
				font-size: 12px;
				line-height: 12px;
				font-family: GothamProBold;
			}
		}
	}
}
.block_7 form label.agree {
	margin:0;
	font-family:GothamProLight;
	a {
		font-family:GothamProLight;
	}
}
.block_5, .block_9, .block_11 {
	width:@width_wrap;
	margin:50px auto;
	.title {
		color:#4a4a4a;
		font-family:GothamProBlack;
		font-size:30px;
		line-height:35px;
		text-transform:uppercase;
		margin-bottom: 30px;
	}
	#carousel_5, #carousel_9 {
		padding:0;
		ul li {
			margin:0;
			.photo {
				overflow:hidden;
				a {
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
			.name {
				margin-top:15px;
				text-align:left;
				padding:0 10px;
				a {
					text-decoration: none;
					font-size: 14px;
					line-height: 22px;
					font-family: GothamProLight;
					color:@color_text;
				}
			}
		}
		a.buttons {
			top:40%;
			width: 50px;
			background: #024e81;
			z-index: 1;
			display:flex;
			align-items:center;
			justify-content:center;
			&:before {
				font-family: FontAwesome;
				font-size: 30px;
				line-height: 35px;
				color:#fff;
			}
			span {
				display:none;
			}
		}
		a.prev {
			left:0;
			&:before {
				content: url(../images/icon-str-left.png);
			}
		}
		a.next {
			right:0;
			&:before {
				content: url(../images/icon-str-right.png);
			}
		}
	}
	#carousel_9 {
		overflow: visible;
		.photo {
		    display: flex;
            align-items: center;
            justify-content: center;
		}
		a.prev {
			left: -60px;
		}
		a.next {
			right:-60px;
		}
	}
}
.block_11 {
	.rows {
		.item {
			.photo {
				a {
					display: flex;
					align-items: center;
					justify-content: center;
					img {
						max-width:100%;
					}
				}
			}
			.name {
				a {
					font-size: 18px;
					line-height: 22px;
					color: #4a4a4a;
					font-family: GothamProBlack;
					text-transform: uppercase;
					text-align:left;
				}
			}
			.more a {
				display: inline-block;
				background: none;
				border: none;
				color: #4a4a4a;
				padding: 0;
				text-transform: lowercase;
				font-size: 12px;
				line-height: 20px;
				font-family: GothamProBlack;
				border-bottom: 2px solid @color_link;
				&:hover {
					background:@color_link;
				}
			}
		}
	}
}
.fancybox-opened .fancybox-skin {background: transparent;
    box-shadow: none;}
.popup_page {
	padding:0;
	.page_title h1 {
		text-align: center;
		font-size: 24px;
		line-height: 30px;
		font-family: GothamProBlack;
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	.popup_content {
		form {
			background: #fff;
			padding: 40px;
			div.form {
				width:600px;
				overflow:hidden;
				label.submit {
					outline:none;
					position:relative;
					width:100%;
					margin-top:20px;
					&:before {
						content:'';
						position:absolute;
						bottom:100%;
						left: 49.5%;
						border: 3px solid transparent;
						border-bottom: 3px solid #f13108;
					}
				}
				input[type=submit] {
					box-shadow: 0 0 10px 1px #d6d3d3;
					background: rgb(227,0,15);
					background: -moz-linear-gradient(left, rgba(227,0,15,1) 0%, rgba(255,96,0,1) 100%, rgba(255,96,0,1) 100%);
					background: -webkit-linear-gradient(left, rgba(227,0,15,1) 0%,rgba(255,96,0,1) 100%,rgba(255,96,0,1) 100%);
					background: linear-gradient(to right, rgba(227,0,15,1) 0%,rgba(255,96,0,1) 100%,rgba(255,96,0,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3000f', endColorstr='#ff6000',GradientType=1 );
						width:100%;
						float:none;
						font-size:10px;
						line-height:18px;
						font-family:GothamProBold;
						&:hover {
							background: -moz-linear-gradient(left, rgba(255,96,0,1) 0%, rgba(227,0,15,1) 100%);
							background: -webkit-linear-gradient(left, rgba(255,96,0,1) 0%,rgba(227,0,15,1) 100%);
							background: linear-gradient(to right, rgba(255,96,0,1) 0%,rgba(227,0,15,1) 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6000', endColorstr='#e3000f',GradientType=1 );
						}
					}
				label {
					width: 48%;
					float: right;
					position:relative;
					&.agree {
						width:100%;
					}
					input[type=text] {
						color: #4a4a4a;
						font-size: 10px;
						line-height: 22px;
						font-family: GothamProBlack;
						text-transform: uppercase;
						background: rgba(0,0,0,0.25);
						padding: 10px;
						height: auto;
						margin-bottom: 15px;
						width:100%;
					}
					span {
						position: absolute;
						top: 0;
						right: 10px;
						font-size: 10px;
						line-height: 22px;
						padding: 10px 0;
						font-family: GothamProBlack;
						color: #757575;
					}
					&:nth-child(2n) {
						float:left;
					}
				}
				p.title, p.text {
					display:block;
					clear:both;
					margin-bottom:40px;
					color:#4a4a4a;
				}
				p.title {
					font-family:GothamProBlack;
					font-size:18px;
					line-height:22px;
					text-transform:uppercase;
					padding-top:40px;
					border-top:1px solid rgba(108,108,108,0.25);
					text-align:center;
					&:first-child {
						padding:0;
						border:none;
					}
					&:nth-child(3) {
						margin-top:40px;
					}
				}
				p.text {
					font-family:GothamProLight;
					font-size:12px;
					line-height:22px;
					margin-bottom:20px;
				}
				.file_upload {
					position: relative;
					overflow: hidden;
					width: 100%;
					margin-bottom: 15px;
					p.text {
						margin:0;
						font-size:10px;
						line-height:22px;
						color:#4a4a4a;
						background: rgba(0,0,0,0.25);
						text-align:center;
						display:block;
						padding:10px 0;
						font-family:GothamProBlack;
						text-transform:uppercase;
					}
					label, label > input[type=file] {
						position: absolute;
						top: 0;
						right: 0;
						width: 100%;
						height: 100%;
						opacity: 0;
					}
				}
			}
		}
	}
}
.fancybox-close {
	background:none;
	width:24px;
	height:24px;
	top: 4px;
    right: -35px;
	&:after {
		content:url(../images/icon-close.png);
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
}
.fancybox-type-image {
	padding-top: 55px;
	.fancybox-close {
		top: -55px;
		right: -50px;
	}
	.fancybox-title {
		bottom:100%;
		background: none;
		padding: 0;
		font-size: 20px;
		line-height: 22px;
		font-family: GothamProBlack;
		text-transform: uppercase;
		margin-bottom: 10px;
		height: 44px;
	}
	.fancybox-nav {
		width:auto;
		span {display:none;}
		height:100%;
		display:flex;
		align-items:center;
		justify-content:center;
		&:after {
			
		}
	}
	.fancybox-next {
		right:-100px;
		&:after {
			content:url(../images/icon-str-right.png);
		}
	}
	.fancybox-prev {
		left:-100px;
		&:after {
			content:url(../images/icon-str-left.png);
		}
	}
}
#fancybox-thumbs ul li.active {
	border: none;
    opacity: 1;
	position:relative;
	&:after {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(90,0,0,0.7);
	}
}
.block_7 {
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 5%;
    background: #024e81;
    margin: 50px 0;
	position:relative;
	&:after {
		content:url(../images/bg-forma-uslugi.png);
		position: absolute;
		bottom: -50px;
		left: 4%;
	}
	p.h2 {
		font-size: 14px;
		line-height: 22px;
		font-family: GothamProBold;
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	.title {
		width: 30%;
		margin-right: 7.5%;
		font-size: 20px;
		line-height: 24px;
		font-family: GothamProBlack;
		text-transform: uppercase;
		color: #fff;
	}
	.cont {
		width: 20%;
		.phone p {
			font-size: 14px;
			line-height: 22px;
			color: #fff;
			font-family: GothamProBold;
			margin-bottom: 2px;
			span {
				font-family: GothamProLight;
			}
		}
		a.zvonok {
			text-decoration: none;
			font-size: 12px;
			line-height: 18px;
			color: #fff;
			font-family: GothamProBlack;
			padding-bottom: 2px;
			border-bottom: 2px solid #fff;
			margin-top: 10px;
			float: left;
			&:hover {
				border-color:@color_link;
			}
		}
	}
	.form_block {
		width: 40%;
		margin-left: 2.5%;
		input[type=text], textarea {
			width: 45%;
			float: left;
			padding: 2%;
			background: rgba(255,255,255,0.1);
			border: none;
			color: #fff;
			font-size: 10px;
			line-height: 18px;
			text-transform: uppercase;
			font-family: GothamProLight;
			height: auto;
			margin-bottom:7px;
			&:nth-child(2n) {
				float:right;
			}
			&::-webkit-input-placeholder {color:#75a8ca;}
			&::-moz-placeholder          {color:#75a8ca;}/* Firefox 19+ */
			&:-moz-placeholder           {color:#75a8ca;}/* Firefox 18- */
			&:-ms-input-placeholder      {color:#75a8ca;}
		}
		textarea {width:96%;resize:none;}
		div.submit {
			clear:both;
			float:left;
			position:relative;
			margin-top:20px;
			&:before {
				content:'';
				position:absolute;
				bottom:100%;
				left: 49.5%;
				border: 3px solid transparent;
				border-bottom: 3px solid #f13108;
			}
			input[type=submit] {
				background: rgb(227,0,15);
				background: -moz-linear-gradient(left, rgba(227,0,15,1) 0%, rgba(255,96,0,1) 100%, rgba(255,96,0,1) 100%);
				background: -webkit-linear-gradient(left, rgba(227,0,15,1) 0%,rgba(255,96,0,1) 100%,rgba(255,96,0,1) 100%);
				background: linear-gradient(to right, rgba(227,0,15,1) 0%,rgba(255,96,0,1) 100%,rgba(255,96,0,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3000f', endColorstr='#ff6000',GradientType=1 );
				font-size:10px;
				line-height:18px;
				font-family:GothamProBold;
				padding:7px 35px;
				height:auto;
				&:hover {
					background: -moz-linear-gradient(left, rgba(255,96,0,1) 0%, rgba(227,0,15,1) 100%);
					background: -webkit-linear-gradient(left, rgba(255,96,0,1) 0%,rgba(227,0,15,1) 100%);
					background: linear-gradient(to right, rgba(255,96,0,1) 0%,rgba(227,0,15,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6000', endColorstr='#e3000f',GradientType=1 );
				}
			}
		}
	}
}
.block_8 {
	margin: 60px 0;
	overflow:hidden;
	.title {
		font-size: 24px;
		line-height: 28px;
		font-family: GothamProBlack;
		text-transform: uppercase;
		color: #4a4a4a;
		margin-bottom:40px;
	}
	.item {
		display:block;
		width: 17.6%;
		float: left;
		margin-right: 3%;
		&:last-child {margin-right:0;}
		.photo {
			margin-bottom: 20px;
			img {
				background: #e3e3e3;
				border-radius: 50%;
				padding: 15px;
			}
		}
		.name {
			font-size: 12px;
			line-height: 18px;
			color: #4a4a4a;
			font-family: GothamProBlack;
			text-transform: uppercase;
		}
	}
}
.vacans {
	.item {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		background: #024e81;
		margin-bottom: 30px;
		.article {
			padding: 30px;
			width: 90%;
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			.text {
				p.name {
					font-size: 16px;
					line-height: 20px;
					color: #fff;
					font-family: GothamProBlack;
					margin-bottom: 20px;
				}
				p, li {
					font-size: 12px;
					color: #fff;
					line-height: 16px;
					font-family: GothamProLight;
					&.bold {
						font-family: GothamProBold;
					}
				}
			}
			.payment {
				width: 23%;
				padding: 1% 1.5%;
				margin-left: 5%;
				border: 1px solid #0d71b4;
				color: #fff;
				font-size: 12px;
				line-height: 16px;
				font-family: GothamProBlack;
			}
		}
	}
}
.page_contacts {
	overflow:hidden;
	.tabs_navigation {
		margin-bottom: 40px;
		ul {
			margin:0;
			li {
				font-size: 18px;
				line-height: 22px;
				color: #878787;
				background: none;
				border: none;
				font-family: GothamProBlack;
				text-transform: uppercase;
				padding: 0;
				height: auto;
				margin-right: 30px;
				padding-bottom: 2px;
				border-bottom: 3px solid transparent;
				&.active {
					color: #4a4a4a;
					border-color:@color_link;
					background:none;
				}
			}
		}
	}
	.tabs_content {
		.tab {
			.info {
				width: 32%;
				margin-right: 3%;
				float:left;
				p {
					font-size: 16px;
					line-height: 22px;
					font-family: GothamProLight;
					color: #4a4a4a;
					text-align:left;
					margin-bottom:20px;
					span {
						font-size: 16px;
						line-height: 22px;
						font-family: GothamProBlack;
						color: #4a4a4a;
						padding-bottom:2px;
						border-bottom:2px solid @color_link;
						&.dop_text {
							font-size:10px;
							font-family:GothamProBlack;
							border:none;
						}
					}
					a {
						text-decoration:none;
						font-size: 16px;
						line-height: 22px;
						font-family: GothamProBlack;
						color: #4a4a4a;
					}
					&.address {
						font-family: GothamProBlack;
						span {
							display:block;
							font-family: GothamProLight;
							border:none;
						}
					}
					&.text {
						margin-top:40px;
						font-size:14px;
					}
				}
			}
			.map {
				width: 65%;
				float:right;
				iframe {max-width:100%;}
			}
		}
	}
}
.filters {
	overflow:hidden;
	margin-bottom:40px;
	form {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		background: #024e81;
		padding: 100px 70px 50px;
		.filter.catalog_range {
			display: flex;
			align-items: flex-start;
			width: 80%;
			.name {
				width: 26%;
				font-size: 16px;
				line-height: 18px;
				color: #fff;
				font-family: GothamProBlack;
				text-transform: uppercase;
			}
			.block_range {
				width: 69%;
				margin: 0 2.5%;
				padding: 8px 0 0;
				.range {
					#range_1 {
						background: #1473b2!important;
						border: none;
						border-radius: 10px!important;
						height: 5px!important;
						.ui-slider-range {
							background: repeating-linear-gradient(-45deg, #a0d2f4, #a0d2f4 4px, #1473b2 0, #1473b2 12px);
							position:relative;
							&:after {
								content: '';
								position: absolute;
								top: -26.5px;
								left: 0;
								width: 100%;
								height: 2px;
								background: #1473b2;
							}
						}
						span {
							background: #e3000f!important;
							width: 10px!important;
							height: 10px!important;
							border: 2px solid #a0d2f4!important;
							position:relative;
							display:block;
							float:left;
							top: -10px!important;
							&:after {
								position: absolute;
								bottom: 195%;
								right: -20px;
								content:url(../images/filt1.png);
							}
							&:last-child:after {
								content:url(../images/filt2.png);
								bottom:203%;
							}
						}
					}
				}
				.left, .left input, .right, .right input {
					font-size: 12px;
					line-height: 18px;
					color: #fff;
					font-family: GothamProMedium;
					background: none;
					border: none;
				}
				input {
					width:20px;
				}
			}
		}
		.submit {
			width: 15%;
			margin-left: 5%;
			margin-top: -8px;
		}
		button {
			background: #e3000f;
			background: -moz-linear-gradient(left, #e3000f 0%, #ff6000 100%, #ff6000 100%);
			background: -webkit-linear-gradient(left, #e3000f 0%, #ff6000 100%, #ff6000 100%);
			background: linear-gradient(to right, #e3000f 0%, #ff6000 100%, #ff6000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3000f', endColorstr='#ff6000', GradientType=1);
			width: 100%;
			float: none;
			font-size: 10px;
			line-height: 18px;
			font-family: GothamProBold;
			position: relative;
			&:before {
				content: '';
				position: absolute;
				bottom: 16.5px;
				left: -8px;
				border: 4px solid transparent;
				border-right: 4px solid #e3000f;
			}
			&:hover {
				background: -moz-linear-gradient(left, #ff6000 0%, #e3000f 100%);
				background: -webkit-linear-gradient(left, #ff6000 0%, #e3000f 100%);
				background: linear-gradient(to right, #ff6000 0%, #e3000f 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6000', endColorstr='#e3000f', GradientType=1);
				&:before {
					border: 4px solid transparent;
					border-right: 4px solid #ff6000;
				}
			}
		}
	}
}
.catalog {
	.item {
		width: 47%;
		margin-right: 2%;
		float: left;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		margin-bottom: 30px;
		padding:1%;
		background:#f2f2f2;
		&:nth-child(2n) {
			margin-right:0;
		}
		&:nth-child(4n), &:nth-child(4n+1) {
			background:#fff;
		}
		.photo {
			width: 48%;
			a {
				display: flex;
				align-items: center;
				justify-content: center;
				img {
					max-width: 100%;
					background:#fff;
				}
			}
		}
		.text {
			width: 48%;
			margin-left: 4%;
			.name {
				margin-bottom: 10px;
				a {
					font-size: 14px;
					line-height: 18px;
					text-transform: uppercase;
					text-decoration: none;
					font-family: GothamProBlack;
					color: #024e81;
					&:hover {
						color:@color_link;
					}
				}
			}
			article p {
				font-size: 13px;
				line-height: 24px;
				margin-bottom: 0px;
				font-family: GothamProLight;
				color: #585858;
				strong {
					font-size: 13px;
					line-height: 24px;
					margin-bottom: 0;
					font-family: GothamProBlack;
					color: #585858;
				}
			}
		}
	}
}
.detail_catalog {
	.photo {
		background: #fff;
		text-align: center;
		padding: 10px 0;
		margin-bottom: 20px;
	}
	.text {
		width:95%;
		margin:20px auto;
		article {
			p {
				color:#fff;
				span {
					font-size: 14px;
					line-height: 28px;
					font-family: GothamProLight;
					color:#fff;
					strong {
						font-family:GothamProBlack;
					}
				}
			}
			p > span:last-child {
			  position: relative;
			  display: block;
			  overflow: hidden;
			  color:#fff;
			}
			p > span:last-child:after {
			  content: '';
			  position: absolute;
			  bottom: 9px;
			  width: 100%;
			  border-bottom: .1em dotted #fff;
			}
			span:first-child {
				float:right;
				display:block;
				color:#fff;
			}
		}
	}
}
.fancybox-overlay {
	background: rgba(0,0,0,0.8);
}
.page-404 {
	.search {
		margin-bottom: 20px;
		form {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 30%;
			input[type=text] {
				width: calc(~"100% - 40px");
				height: 38px;
				padding: 0 10px;
			}
			input[type=submit] {
				background-position: center;
				background-repeat: no-repeat;
				background-image:url(../images/icon-search.png);
				background-size: 25px;
				outline: none;
			}
		}
	}
	.menu-404 {
		ul {
			margin: 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			list-style: none;
			li a {
				font-size: 14px;
				line-height: 22px;
				text-transform: uppercase;
				font-family: GothamProBlack;
				text-decoration: none;
				padding-bottom: 2px;
				border-bottom: 1px solid transparent;
				&:hover {
					border-color:#343434;
				}
			}
		}
	}
}