@charset "utf-8";

html,
body {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
}

body {
		margin: 0;
		padding: 0;
		background: #fff;
		font: 300 14px/20px Roboto, Arial, Helvetica, sans-serif;
		color: #1a1a1a;
		-webkit-text-size-adjust: none;
}

*,
*:before,
*:after {
		box-sizing: inherit;
}

form,
fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}

input,
select,
textarea,
button {
		font-family: Arial, Helvetica, sans-serif;
		color: #333;
		font-size: 12px;
		outline: none;
}

input[type="text"],
input[type="password"],
textarea,
select {
		-webkit-appearance: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		border: 1px solid #b9230a;
		background: #fff;
		margin: 0;
		padding: 4px 5px;
}

textarea {
		resize: none;
}

.btn, .btn-tag  {
		text-decoration: none;
		color: #fff;
		font-weight: 500;
		font-size: 16px;
		height: 34px;
		line-height: 34px;
		padding: 0 17px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		display: inline-block;
		vertical-align: top;
		text-align: center;
}

.btn.bg-blue {			background: #0099e4;}
.btn.bg-blue:hover {		background: #01a1f0;}
.btn.bg-yellow {			background: #ffd500;color: #000;}
.btn.bg-yellow:hover {	background: #ffdf3d;color: #000;}
.btn.bg-orange {			background: #ff7000;}
.btn.bg-orange:hover {	background: #ff8400;}
.btn.bg-white {			background: #fff;color: #000;}
.btn.bg-white:hover {	background: #fff;color: #666;}

.btn-tag {
		margin: 5px 7px 5px 0px;
		text-align: left;
}

.btn-tag.bg-blue {			background: #0099e4;}
.btn-tag.bg-blue:hover {		background: #01a1f0;}
.btn-tag.bg-yellow {			background: #ffd500;color: #000;}
.btn-tag.bg-yellow:hover {	background: #ffdf3d;color: #000;}
.btn-tag.bg-orange {			background: #ff7000;}
.btn-tag.bg-orange:hover {	background: #ff8400;}
.btn-tag.bg-white {			background: #fff;color: #000;}
.btn-tag.bg-white:hover {	background: #fff;color: #666;}


header,
nav,
section,
article,
aside,
footer,
menu,
time,
figure,
figcaption {
		display: block;
}

img {
		border: 0;
		vertical-align: top;
}

a {
		color: #0088ca;
		text-decoration: underline;
		outline: none;
		cursor: pointer;
}

a:hover {
		text-decoration: none;
}

strong {
		font-weight: 500;
}

p,
ol,
ul {
		margin: 0 0 15px 0;
}

ol,
ul {
		padding: 0;
		list-style: none;
}

li {
		padding: 0 0 0 21px;
		position: relative;
}

ul > li:before {
		content: '—';
		position: absolute;
		top: 0;
		left: 0;
}

h1 {
		font-weight: normal;
		font-size: 24px;
		line-height: 24px;
		margin: 0 0 10px 0;
		text-align: left;
}

h2,
h3,
h4,
h5,
h6 {
		text-align: left;
		font-weight: 500;
		font-size: 20px;
		margin: 25px 0 10px 0;
}
h3,
h4,
h5,
h6 {
		font-size: 16px;
}

.green {
		color: #009a0e;
}

.nowrap {
		white-space: nowrap;
}

.nofloat {
		height: 100%;
		overflow: hidden;
}

.cell {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
}

.inline {
		display: inline-block;
		text-align: left;
}

.hr {
		height: 1px;
		overflow: hidden;
		margin: 15px 0;
		background: #e6e6e6;
}

.phone-num {
		color: inherit!important;
		cursor: inherit;
		text-decoration: none!important;
}

.clearfix {
		zoom: 1
}

.clearfix:after,
.container:after {
		content: ' ';
		clear: both;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		font-size: 0;
}

.wrapper,
.footer {
		min-height: 100%;
		min-width: 300px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		text-align: left;
}

.container {
		min-width: 300px;
		max-width: 1000px;
		padding: 0 17px;
		margin: 0 auto;
		position: relative;
}

.side-hold {
		padding: 0 0 0 292px;
}

.side-hold:after {
		content: ' ';
		clear: both;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		font-size: 0;
}

.aside {
		float: left;
		width: 258px;
		margin: 0 0 0 -292px;
}

.mainContent {
		float: right;
		width: 100%;
}
.onecol {
		padding-left: 10px !important;
}

.header .topline {
		position: relative;
		z-index: 20;
		background: #fff;
		box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
		line-height: 28px;
		height: 28px;
		font-size: 12px;
}

.header .aside {
		width: 289px;
}

.header .mainContent {
		padding-left: 86px;
}

.header .select-region {
		float: right;
		white-space: nowrap;
		position: relative;
		margin: 0 -13px 0 0;
}

.header .select-region .out {
		position: absolute;
		right: 100%;
		white-space: nowrap;
}

.header .select-region .hold {
		display: inline-block;
		vertical-align: top;
		position: relative;
}

.header .select-region .toggle {
		white-space: nowrap;
		cursor: pointer;
		font-weight: bold;
		padding: 0 31px 0 29px;
		position: relative;
		height: 28px;
		background: url(/_img/place.png) no-repeat 11px 6px;
		z-index: 101;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

.header .select-region.open .toggle {
		background-color: #fff;
}

.header .select-region .toggle:after {
		content: '';
		position: absolute;
		top: 50%;
		margin: -2px 0 0 0;
		right: 13px;
		width: 0;
		height: 0;
		border: 5px solid #000;
		border-width: 5px 4px 0 4px;
		border-left-color: transparent;
		border-right-color: transparent;
}

.header .select-region .pop {
		white-space: normal;
		font-weight: normal;
		line-height: 24px;
		position: absolute;
		top: 100%;
		left: 0;
		white-space: normal;
		width: 100%;
		background: #fff;
		z-index: 100;
		border: 1px solid #e2e2e2;
		border-top: 0;
		border-radius: 0 0 2px 2px;
		-webkit-border-radius: 0 0 2px 2px;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
		overflow: hidden;
		opacity: 0;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

.header .select-region.open .pop {
		opacity: 1;
}

.header .select-region .pop ul {
		font-size: 12px;
		list-style: none;
		margin: 0;
		padding: 11px 10px 13px 29px;
		position: relative;
}

.header .select-region .pop li {
		position: relative;
		padding: 0;
		margin: 2px 0 0 0;
}

.header .select-region .pop li:before {
		display: none;
}

.header .select-region .pop li:first-child {
		margin-top: 0;
}

.header .select-region .pop a:before {
		content: '';
		position: absolute;
		top: 4px;
		left: -10000px;
		background: url(/_img/place-hover.png) no-repeat;
		width: 13px;
		height: 17px;
}

.header .select-region .pop a:hover:before {
		left: -25px;
}

.header .select-region .pop a:hover {
		text-decoration: underline;
		color: #00192b;
}

.header .select-region .pop .toggle-hide {
		text-align: center;
		line-height: 0;
		position: relative;
}

.header .select-region .pop .toggle-hide div {
		cursor: pointer;
		display: inline-block;
		vertical-align: top;
		height: 18px;
		line-height: 18px;
		font-size: 10px;
		text-transform: uppercase;
		color: #010101;
		padding: 0 9px;
		border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		background: #e5e5e5;
}

.header .search {
		position: relative;
}

.header .search input[type="text"] {
		display: block;
		width: 100%;
		font-weight: 300;
		font-size: 12px;
		border-radius: 0;
		-webkit-border-radius: 0;
		border: 1px solid #ebebeb;
		padding: 6px 30px 6px 8px;
		height: 28px;
}

.header .search input.placeholder {
		color: #9d9d9d;
}

.header .search input[type="submit"] {
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 31px;
		border: 0;
		margin: 0;
		padding: 0;
		background: url(/_img/search.png) no-repeat 50% 50%;
}

.header .link-online {
		float: left;
		text-decoration: none;
		height: 28px;
		padding: 0 12px;
		background: #ffce44;
		font-weight: bold;
		font-size: 13px;
		line-height: 26px;
		color: inherit;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.header a.link-online span {
		position: relative;
		border-bottom: 1px dashed #000;
		border-bottom-color: inherit;
}

.header a.link-online:hover span {
		border: 0;
}

.header .logo {
		display: block;
		text-decoration: none;
		color: #626262;
		font-weight: normal;
		font-size: 10px;
		line-height: 1;
		padding: 40px 0 0 82px;
		letter-spacing: 0.18em;
		position: relative;
		height: 116px;
		background: #fff;
		background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
		background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
}

.header .logo:before,
.header .logo:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		width: 16px;
		background: url(/_img/logo-shad.png) no-repeat 0 100%;
}

.header .logo:before {
		right: 100%;
}

.header .logo:after {
		left: 100%;
		background-position: 100% 100%;
}

.header .logo > span {
		display: block;
		color: #242424;
/*		font: normal 29px/1 "Roboto Condensed", Arial, Helvetica, sans-serif;*/
		font: normal 30px/1 "Roboto Condensed", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
/*		letter-spacing: 0.04em;*/
		letter-spacing: -0.01em;
		margin: -4px 0 -2px -2px;
}
.header .logo span:first-letter {
		font: normal 30px/1 "Roboto Condensed", Arial, Helvetica, sans-serif;
}

.header .logo img {
		position: absolute;
		top: 26px;
		left: 22px;
		height: 62px;
		width: auto;
}

.header .mail {
		color: #000;
		float: left;
		white-space: nowrap;
		font-weight: normal;
		font-size: 14px;
		line-height: 19px;
		margin: 36px 0 0 12px;
}

.header .phone {
		float: right;
		white-space: nowrap;
		position: relative;
		font-size: 12px;
		color: #9e9e9e;
		line-height: 1;
		margin: 36px 0 0 0;
}

.header .phone .big {
		font: normal 36px/1 "Roboto Condensed", Arial, Helvetica, sans-serif;
		color: #000;
}

.header .phone .callback-link {
		white-space: nowrap;
		position: absolute;
		top: 0;
		right: 100%;
		color: #000;
		height: 42px;
		line-height: 41px;
		background: url(/_img/call-link.png) repeat-x 0 -42px;
		text-decoration: none;
		padding: 0 3px 0 1px;
		margin: 0 34px 0 0;
}

.header .phone .callback-link:before,
.header .phone .callback-link:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		margin: 0 -1px;
		background: url(/_img/call-link.png) no-repeat;
}

.header .phone .callback-link:before {
		width: 16px;
		right: 100%;
		background-position: 0 -84px;
}

.header .phone .callback-link:after {
		width: 26px;
		left: 100%;
		background-position: 0 0;
}

.header .phone .callback-link span {
		display: inline-block;
		vertical-align: middle;
		background: url(/_img/phone.png) no-repeat;
		width: 13px;
		height: 16px;
		position: relative;
		top: -1px;
		margin: 0 5px 0 0;
}

.menu {
		background: #0099e4;
		position: relative;
		margin: 0 -10px;
		z-index: 19;
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
}

.menu .toggle2 {
		display: none;
		cursor: pointer;
		height: 49px;
		line-height: 49px;
		text-align: center;
}

.menu .main {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
}

.menu .main > li {
		float: left;
		position: static;
		margin: 0;
		padding: 0;
}

.menu .main > li:before {
		display: none;
}

.menu .main > li > *:first-child,
.menu .more .toggle {
		float: left;
		padding: 0 24px;
		text-decoration: none;
		color: #fff;
		font: bold 18px/49px "Roboto Condensed", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		height: 49px;
		position: relative;
}

.menu .main > li:hover > *:first-child,
.menu .main > li.open > *:first-child,
.menu .main > li > *:first-child:hover,
.menu .more:hover .toggle,
.menu .more.open .toggle {
		color: #000;
		background: rgba(255, 255, 255, 0.95);
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.menu .main .arr:after {
		content: '';
		width: 13px;
		height: 6px;
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 5px;
		background: url(/_img/menu-arr.png) no-repeat;
}

.menu .main > li > .arr,
.menu .more.open .toggle {
		z-index: 101;
}

.menu .main > li:hover > .arr:after,
.menu .main > li.open > .arr:after {
		background-position: 0 -8px;
}

.menu .main > li.open > .arr:before,
.menu .more.open .toggle:before {
		content: '';
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		height: 10px;
		background: #fff;
}

.menu .hide {
		display: none;
}

.menu .more {
		float: right;
		position: relative;
		z-index: 100;
		margin: 0 -24px;
}

.menu .more .toggle {
		position: relative;
		cursor: pointer;
}

.menu .more .toggle span,
.menu .toggle2 span {
		width: 19px;
		height: 14px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -1px;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
}

.menu .more .toggle span:after,
.menu .toggle2 span:after {
		content: '';
		height: 2px;
		margin: -1px 0;
		top: 50%;
		left: 0;
		right: 0;
		background: #fff;
		position: absolute;
}

.menu .more:hover .toggle span, .menu .more.open .toggle span {
		border-color: #000;
}

.menu .more:hover .toggle span:after, .menu .more.open .toggle span:after {
		background-color: #000;
}

.menu .sub {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin: 0 17px;
		z-index: 100;
		background: rgba(255, 255, 255, 0.95);
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
		font: normal 18px/22px "Roboto Condensed", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		display: none;
}

/*.menu li:hover .sub,*/


/*.menu .more:hover .sub {
		display: block;
}*/

.menu .sub a {
		color: inherit;
}

.menu .sub ul {
		list-style: none;
		margin: 0;
		padding: 10px 24px;
		float: left;
		width: 33.33%;
}

.menu .sub li {
		position: relative;
		margin: 14px 0 0 0;
		padding: 0;
}

.menu .sub li:before {
		display: none;
}

.menu .sub li:first-child {
		margin-top: 0!important;
}

.menu .sub.view1 ul {
		padding-top: 20px;
		padding-bottom: 20px;
}

.menu .sub.view1 li {
		margin-top: 4px;
		min-height: 44px;
		padding-left: 47px;
}

.menu .sub.view1 li img {
		height: 36px;
		width: auto;
		position: absolute;
		top: -7px;
		left: 0;
}

.menu .more .sub {
		left: auto;
		width: auto;
		white-space: nowrap;
		margin: 0;
}

.content {
		padding: 30px 0;
		text-align: justify;
}

.side-menu {
		list-style: none;
		text-align: left;
		margin: 5px 0 20px 0;
		padding: 0;
		box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
		background: #fff;
		font-weight: normal;
		font-size: 14px;
		line-height: 17px;
}

.side-menu li {
		border-top: 1px solid #ddd;
		margin: 0;
		padding: 0;
}

.side-menu li:before {
		display: none;
}

.side-menu > li:first-child {
		border-top: 0;
}

.side-menu li > *:first-child {
		display: block;
		color: inherit;
		text-decoration: none;
		padding: 9px 23px 10px 23px;
}

.side-menu li > a:hover,
.side-menu li > .active {
		color: #fff;
		background: #ff791d;
}

.side-menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
		color: #666;
}

.side-menu ul li > *:first-child {
		padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 53px;
}

.side-menu ul li > a:hover,
.side-menu ul li > .active {
		color: inherit;
		background: #f3f3f3;
}

.path {
		font-size: 12px;
		color: #4c4c4c;
		margin: 0 0 20px 0;
}

.table {
		margin: 24px -2px 29px -2px;
}

.table table , .pageContent table {
		border-collapse: collapse;
		width: 100%;
}

.table th, .pageContent th,
.table td, .pageContent td{
		border: 2px solid #fff;
		background: #f5f5f5;
		text-align: center;
		vertical-align: top;
		padding: 6px 10px; font-size: 12px;
}
.table th p, .pageContent th p,
.table td p, .pageContent th p{
font-size: 12px;
}

.table th, .pageContent th {
		font-weight: 500;
		color: #fff;
		background: #7f7f7f;
}

.news {
		text-align: left;
		border-top: 1px solid #e6e6e6;
		margin: 50px 0 0 0;
		padding: 28px 0 1px 0;
}

.proj + .news {
		margin-top: 0;
		border-top: 0;
}

.news h3 {
		font-size: 36px;
		line-height: 1;
		font-weight: 300;
		margin: 0 0 25px 0;
}

.news h4 {
		font-size: 20px;
		line-height: 24px;
		font-weight: normal;
		margin: 0 0 10px 0;
}

.news h4 a {
		text-decoration: none;
}

.news h4 a:hover {
		text-decoration: underline;
}

.news article {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin: 0 -3px 25px 0;
		padding: 0 100px 0 0;
}

.news .hold {
		margin: 0 -100px 0 0;
}

.news p {
		margin-bottom: 12px;
}

.news .btn {
		min-width: 130px;
}

.footer {
		padding: 28px 0;
		min-height: 0;
		font-size: 12px;
		line-height: 18px;
		background: #f1f1f1;
}

.footer a {
		color: inherit;
}

.footer .block {
		float: left;
}

.footer .w1 {
		width: 50%;
}

.footer .w2 {
		width: 25%;
}

.footer .w3 {
		width: 25%;
}

.footer .bmenu {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: -33px;
}

.footer .bmenu .big {
		font-weight: 500;
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 21px 0;
}

.footer .bmenu a {
		color: #808080;
}

.footer .bmenu .elem {
		display: inline-block;
		vertical-align: top;
		margin: 0 -3px 33px 0;
		width: 33.33%;
		padding: 0 10px 0 0;
}

.footer .bmenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
}

.footer .bmenu li {
		margin: 7px 0 0 0;
		padding: 0;
}
.footer .bmenu li:before {
		display: none;
}
.footer .bmenu li:first-child {
		margin-top: 0!important;
}

.footer .cont {
		position: relative;
		padding: 0 0 0 20px;
		margin: 0 0 23px 0;
}

.footer .cont:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
}

.footer .cont.phone,
.footer .cont.mail {
		font-weight: normal;
		font-size: 20px;
		line-height: 24px;
}

.footer .cont.phone:before {
		background-image: url(/_img/phone2.png);
		width: 13px;
		height: 16px;
		top: 5px;
}

.footer .cont.mail {
		margin-bottom: 41px;
}

.footer .cont.mail:before {
		background-image: url(/_img/mail.png);
		width: 13px;
		height: 8px;
		top: 11px;
}

.footer .cont.addr:before {
		background-image: url(/_img/place2.png);
		width: 13px;
		height: 21px;
		top: 2px;
}

.socials {
		white-space: nowrap;
		margin: 41px 0 0 0;
}

.socials a {
		display: inline-block;
		vertical-align: top;
		margin: 0 0 0 5px;
		background: #fff url(/_img/socials.png) no-repeat 0 -10000px;
		width: 24px;
		height: 24px;
		text-align: left;
		text-indent: -10000px;
}

.socials a:first-child {
		margin-left: 0!important;
}

.socials .vk {
		background-position: 0 0;
}

.socials .fb {
		background-position: -30px 0;
}

.socials .od {
		background-position: -60px 0;
}

.socials .goo {
		background-position: -90px 0;
}

.socials .li {
		background-position: -120px 0;
}

.show768,
.show320 {
		display: none;
}

.catalog,
.item .top {
		margin: 0 0 25px 0;
}

.catalog figure:after,
.item .top:after {
		content: ' ';
		clear: both;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		font-size: 0;
}

.catalog figure:before,
.item .top:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 203px;
		width: 1px;
		background: #e7e7e7;
}

.catalog figure {
		margin: 0 0 40px 0;
}

.catalog figure,
.item .top {
		padding: 0 225px 0 226px;
		font-size: 12px;
		line-height: 16px;
		position: relative;
}

.catalog figure .txt,
.item .top .txt {
		float: left;
		width: 100%;
}

.catalog figure .l,
.item .top .l {
		background: #fff;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		float: left;
		width: 205px;
		margin: 0 0 0 -226px;
		padding: 8px 7px 12px 7px;
}

.catalog figure .r,
.item .top .r {
		float: right;
		width: 179px;
		margin: -2px -225px 0 0;
		font-size: 14px;
		line-height: 18px;
}

.catalog figure .photo,
.item .top .photo {
		margin: 0 0 11px 0;
}

.catalog figure .photo img,
.item .top .photo img {
/*		width: 100%;
		height: auto;*/
		width: 191px;
		height: 113px;
}

.catalog figure h3,
.item .top h3 {
		font-size: 16px;
		line-height: 20px;
		margin: -3px 0 13px 0;
}

.catalog figure p,
.item .top p {
		margin-bottom: 3px;
}

.catalog figure .price,
.item .top .price {
		font-size: 18px;
		line-height: 30px;
		margin: 11px 0 8px 0;
}

.catalog figure .price strong,
.item .top .price strong {
		font-weight: normal;
		font-size: 30px;
}

.catalog figure .btn,
.item .top .btn {
		font-size: 14px;
		height: 31px;
		line-height: 31px;
		min-width: 110px;
}

.info-block {
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		background: #fbfbfb url(/_img/info.png) no-repeat 20px 11px;
		font-weight: normal;
		font-size: 11px;
		line-height: 18px;
		padding: 7px 7px 8px 71px;
		min-height: 53px;
		margin: 33px 0 26px 0;
}

.top-slider {
		border-bottom: 1px solid #e3e3e3;
		position: relative;
		z-index: 18;
		line-height: 16px;
}

.top-slider .prev,
.top-slider .next {
		position: absolute;
		top: 0;
		height: 330px;
		cursor: pointer;
		z-index: 20;
		background: url(/_img/slider-arr.png) no-repeat 0 50%;
		width: 24px;
		margin: 0 17px;
}

.top-slider .prev {
		left: 0;
}

.top-slider .next {
		right: 0;
		-moz-transform: scale(-1, 1);
		-webkit-transform: scale(-1, 1);
		-o-transform: scale(-1, 1);
		transform: scale(-1, 1);
}

.top-slider .dots {
		line-height: 0;
		position: absolute;
		left: 0;
		margin: 0 17px;
		top: 306px;
		z-index: 20;
		text-align: center;
		width: 449px;
		cursor: default;
}

.top-slider .dots span {
		display: inline-block;
		vertical-align: top;
		margin: 0 1px;
		width: 12px;
		height: 12px;
		border: 1px solid #cfcfcf;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		cursor: pointer;
		position: relative;
}

.top-slider .dots span.active {
		cursor: default;
}

.top-slider .dots span.active:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		background: #a8a8a8;
		margin: 1px;
}

.top-slider .hold {
		position: relative;
		overflow: hidden;
}

.top-slider .hold ul {
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100000px;
}

.top-slider .hold li {
		margin: 0;
		padding: 0;
		width: 100vw;
		height: 330px;
		position: relative;
		text-align: justify;
		overflow: hidden;
		float: left;
}

.top-slider .bg-img {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
}

.top-slider .nofloat {
		padding-right: 80px;
}

.top-slider .photo {
		text-align: center;
		float: left;
		width: 480px;
		height: 330px;
		font-size: 0;
		line-height: 330px;
		margin: 0 -55px 0 0;
}

.top-slider .photo img {
		max-width: 90%;
		max-height: 90%;
		vertical-align: middle;
		width: auto;
		height: auto;
}

.top-slider h3 {
		font: normal 32px/32px "Roboto Condensed", Arial, Helvetica, sans-serif;
		margin: 62px 0 17px 0;
}

.top-slider .min {
		min-height: 193px;
}

.top-slider .btn {
		font-size: 18px;
		min-width: 135px;
}

.sections {
		margin: 22px 0 86px 0;
}

.sections h2 {
		text-align: center;
		font: bold 30px/32px "Roboto Condensed", Arial, Helvetica, sans-serif;
		margin: 0 -40px 22px -40px;
}

.sections h2:before,
.sections h2:after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 31px;
		height: 14px;
		position: relative;
		top: -1px;
		margin: 0 35px;
}

.sections h2:after {
		background: url(/_img/sections-arr-main.png) no-repeat;
}

.sections .hold {
		margin: 0 -2px 1px -1px;
}

.sections figure {
		float: left;
		border: 1px solid #fff;
		width: 33.33%;
		margin: 0 -1px -1px 0;
		position: relative;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		height: 200px;
}

.sections figure .text {
		position: absolute;
		left: 0;
		right: 0;
		top: 147px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;
		padding: 13px 18px;
}

.sections figure:hover .text {
		top: 0;
}

.sections figure .hide {
		opacity: 0;
}

.sections figure:hover .hide {
		opacity: 1;
}

.sections figure .text:before {
		content: '';
		position: absolute;
		top: 21px;
		right: 12px;
		background: url(/_img/sections-arr.png) no-repeat;
		width: 21px;
		height: 9px;
}

.sections figure:hover .text:before {
		-moz-transform: scale(1, -1);
		-webkit-transform: scale(1, -1);
		-o-transform: scale(1, -1);
		transform: scale(1, -1);
}

.sections figure h3 {
		font-weight: 300;
		font-size: 22px;
		line-height: 24px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0 16px 7px 0;
}

.sections figure .btns {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0 18px 12px 18px;
}

.sections figure .btns .btn {
		min-width: 110px;
		height: 31px;
		line-height: 31px;
		font-size: 14px;
		float: right;
}

.sections figure .btns .btn:first-child {
		float: left;
}

.about {
		text-align: justify;
		margin: 0 0 48px 0;
}

.about .side-l {
		float: left;
		width: 66.66%;
		padding: 0 30px 0 0;
}

.about .side-r {
		float: right;
		width: 33.33%;
}

.about .btn {
		min-width: 130px;
}

.about p + .btn {
		margin-top: 24px;
}

.about h2 {
		font-weight: 300;
		font-size: 36px;
		line-height: 36px;
		margin: 0 0 27px 0;
}

.about h2 a {
		text-decoration: none;
}

.about h2 a:hover {
		text-decoration: underline;
}

.about .photos {
		list-style: none;
		margin: 30px -8px 11px 0;
		padding: 0;
}

.about .photos:after {
		content: ' ';
		clear: both;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		font-size: 0;
}

.about .photos li {
		float: left;
		width: 50%;
		margin: 0;
		padding: 0 8px 8px 0;
}

.about .photos li > * {
		display: block;
		border: 1px solid #b1b1b1;
		height: 126px;
		overflow: hidden;
		position: relative;
		margin: 0;
		padding: 0;
}

.about .photos img {
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
}

.proj {
		background: #000 url(/_img/bg-road.jpg) no-repeat 50% 50%;
		background-size: cover;
		color: #fff;
		padding: 26px 0 21px 0;
}

.proj h2 {
		font-weight: 300;
		font-size: 36px;
		line-height: 36px;
		margin: 0 0 27px 0;
}

.proj .side-l {
		float: left;
		width: 40%;
}

.proj .side-r {
		float: right;
		width: 60%;
		padding: 0 0 0 60px;
}

.files {
		list-style: none;
		margin: 0 0 32px 0;
		padding: 0;
		font-weight: normal;
		font-size: 24px;
		line-height: 26px;
}

.files li {
		position: relative;
		padding: 0 0 0 40px;
		margin: 34px 0 0 0;
}

.files li:before {
		content: '';
		position: absolute;
		top: -3px;
		left: -1px;
		background: url(/_img/doc.png) no-repeat;
		width: 27px;
		height: 34px;
}

.files li:first-child {
		margin-top: 0!important;
}

.files a {
		color: inherit;
		text-decoration: none;
}

.files a:hover {
		text-decoration: underline;
}

.nav {
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		margin: 31px 0;
		padding: 15px 0 16px 0;
		text-align: center;
}

.nav:after {
		content: ' ';
		clear: both;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		font-size: 0;
}

.nav .l {
		float: left;
		text-align: left;
		margin: 0 10px 0 0;
}

.nav .r {
		float: right;
		text-align: left;
		margin: 0 0 0 10px;
}

.nav .l,
.nav .r {
		max-width: 33.33%;
}

.nav .inline {
		text-align: left;
}