/* Резет */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, a, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	border: none;
	background: transparent;
	vertical-align: baseline;
	font-size: 12px;
}

body.loading {
	overflow: hidden !important;
}

/*body.loading .loaderWindow {*/
/*display: block;*/
/*-webkit-transition: .4s all;*/
/*-moz-transition: .4s all;*/
/*-ms-transition: .4s all;*/
/*-o-transition: .4s all;*/
/*transition: .4s all;*/
/**/
/*}*/

/*body .loaderWindow {*/
/*display: none;*/
/*}*/

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td, td img {
	vertical-align: top;
}

td, th {
	padding: 8px 20px;
	border: 1px silver solid;
	vertical-align: middle
}

th {
	text-align: center;
	font-weight: bold;
}

input, select, button, textarea {
	margin: 0;
	font-size: 100%;
}

input[type="checkbox"] {
	vertical-align: bottom;
}

input[type="radio"] {
	vertical-align: text-bottom;
}

/* Общие стили */
html, body {
	height: 100%;
	background: #fff;
	color: #3b3b3b;
	font: 14px/18px Tahoma, Arial, Helvetica, sans-serif;
}

table {
	border-collapse: collapse;
}

h1, h2, h3, h4, p, ul, ol {
	margin: 0 0 12px;
	font-weight: normal;
}

h1 {
	font-size: 18px;
	line-height: 22px;
}

h2 {
	font-size: 16px;
	line-height: 20px;
}

h3 {
	font-size: 14px;
	line-height: 18px;
}

h4 {
	font-size: 12px;
	line-height: 16px;
}

ul, ol {
	margin-bottom: 12px;
	margin-left: 2.5em;
}

li {
	line-height: 18px;
}

a {
	color: #f3771f;
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
}

a:hover {
	color: #f3771f;
	text-decoration: underline;
}

/* Обёртка */
.b-page {
	position: relative;
	margin: 0 auto;
	min-width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff;
}

/* Шапка */
.b-header {
	position: relative;
	width: 100%;
	height: 154px;
	background: url("../images/header-bg2.png") repeat-x;
	/*border-bottom: 1px solid white;*/
	/*box-shadow: 0 1px 15px 0 #999;*/
}

.b-header .wrapper {
	padding: 10px 40px;
}

.b-logo {
	width: 387px;
	height: 75px;
	background: url("../images/new-logo.png") no-repeat;
}

.b-logo a {
	display: block;
	width: 100%;
	height: 100%;
}

.b-contacts {
	position: absolute;
	top: 8px;
	right: 100px;
}

.phone {
	margin: 0;
	padding: 0 30px 0 40px;
	/*width: 137px;*/
	height: 36px;
	background: url("../images/phone.png") left no-repeat;
	line-height: 22px;
}

.phone p {
	display: inline-block;
	margin: 0 0 0 10px;
	color: #f3771f;
	font-size: 20px;
	line-height: 36px;
}

.b-header .city {
	position: absolute;
	top: 16px;
	right: 510px;
	color: #f3771f;
	font-size: 20px;
}

/*.phone-number {*/
/*font-size: 22px;*/
/*line-height: 26px;*/
/*vertical-align: top;*/
/*}*/
.b-search {
	position: absolute;
	top: 46px;
	right: 130px;
	display: block;
}

.b-search-form {

}

#ajaxSearch_form .cleardefault {
	display: inline-block;
	margin-bottom: 9px;
	padding: 4px 6px;
	width: 257px;
	height: 20px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ffffff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #555555;
	font-size: 14px;
	line-height: 20px;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

#ajaxSearch_form .cleardefault:focus {
	outline: 0;
	outline: thin dotted;
	border-color: rgba(243, 119, 31, 0.8) \9;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(243, 119, 31, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(243, 119, 31, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(243, 119, 31, 0.6);
}

#ajaxSearch_form a {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
	background: none;
	color: #71706e;
	text-decoration: underline;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}

.ajaxSearch_highlight {
	background-color: rgb(255, 120, 8, 0.4);
	font-size: 100%;
	font-weight: bold;
}

.b-search-form .search-submit:hover {
	text-decoration: none;
}

/* Верхняя панель */
.b-top {
	position: relative;
	margin: 5px 0 0 0;
	padding-top: 3px;
	background: url("../images/nav-bg.png") top repeat-x;
	/*border-bottom: 1px solid white;*/
	/*	height: 100px;*/
	/*	min-width: 844px;*/
	text-align: center;
}

/* Главное меню */
.b-horizontal-menu {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
}

.b-horizontal-menu li {
	display: inline-block;
	padding: 0 12px 0 13px;
	list-style: none;
	vertical-align: top;
	font-size: 16px;
}

.b-horizontal-menu li:last-child {
	background: none;
}

.b-horizontal-menu .last {
	background: none;
}

.b-horizontal-menu li.active span {
	text-decoration: underline;
}

.b-horizontal-menu a, .b-horizontal-menu span {
	position: relative;
	display: block;
	height: 95px;
	color: #fff;
	text-align: center;
	/*width: 90px;*/
	text-decoration: none;
	font-size: 12px;
}

.b-horizontal-menu a .bg, .b-horizontal-menu span .bg {
	margin: 15px auto;
	width: 60px;
	height: 65px;
}

.b-horizontal-menu .projects-menu .bg {
	background: url("../images/first-menu2.png") repeat-x 0 0;
}

.b-horizontal-menu .projects-menu:hover .bg {
	background: url("../images/first-menu2.png") repeat-x 180px 0;
}

.b-horizontal-menu .projects-menu:active .bg {
	background: url("../images/first-menu2.png") repeat-x 60px 1px;
}

.b-horizontal-menu .projecting-menu .bg {
	background: url("../images/second-menu2.png") repeat-x 0 0;
}

.b-horizontal-menu .projecting-menu:hover .bg {
	background: url("../images/second-menu2.png") repeat-x 180px 0;
}

.b-horizontal-menu .projecting-menu:active .bg {
	background: url("../images/second-menu2.png") repeat-x 60px 1px;
}

.b-horizontal-menu .design-menu .bg {
	background: url("../images/third-menu2.png") repeat-x 0 0;
}

.b-horizontal-menu .design-menu:hover .bg {
	background: url("../images/third-menu2.png") repeat-x 180px 0;
}

.b-horizontal-menu .design-menu:active .bg {
	background: url("../images/third-menu2.png") repeat-x 60px 1px;
}

.b-horizontal-menu .building-menu .bg {
	background: url("../images/fourth-menu2.png") repeat-x 0 0;
}

.b-horizontal-menu .building-menu:hover .bg {
	background: url("../images/fourth-menu2.png") repeat-x 180px 0;
}

.b-horizontal-menu .building-menu:active .bg {
	background: url("../images/fourth-menu2.png") repeat-x 60px 1px;
}

.b-horizontal-menu .remont-menu .bg {
	background: url("../images/fifth-menu2.png") repeat-x 0 0;
}

.b-horizontal-menu .remont-menu:hover .bg {
	background: url("../images/fifth-menu2.png") repeat-x 180px 0;
}

.b-horizontal-menu .remont-menu:active .bg {
	background: url("../images/fifth-menu2.png") repeat-x 60px 1px;
}

.b-horizontal-menu .gallery-menu .bg {
	background: url("../images/sixth-menu2.png") repeat-x 0 0;
}

.b-horizontal-menu .gallery-menu:hover .bg {
	background: url("../images/sixth-menu2.png") repeat-x 180px 0;
}

.b-horizontal-menu .gallery-menu:active .bg {
	background: url("../images/sixth-menu2.png") repeat-x 60px 1px;
}

.b-horizontal-menu .contacts-menu .bg {
	background: url("../images/seventh-menu2.png") repeat-x 0 0;
}

.b-horizontal-menu .contacts-menu:hover .bg {
	background: url("../images/seventh-menu2.png") repeat-x 180px 0;
}

.b-horizontal-menu .contacts-menu:active .bg {
	background: url("../images/seventh-menu2.png") repeat-x 60px 1px;
}

.b-horizontal-menu a:hover {
	color: #fcfcfc;
	text-decoration: underline;
}

.b-horizontal-menu .active span .bg, .b-horizontal-menu .active span:hover .bg,
.b-horizontal-menu .active span:active .bg, .b-horizontal-menu .active a .bg, .b-horizontal-menu .active a:hover .bg,
.b-horizontal-menu .active a:active .bg {
	background-position: 180px 0 !important;
}

/* Центр страницы */
.b-center {
	position: relative;
	overflow: hidden;
	padding: 20px 0 103px;

	1 border-top: 1px solid #fcfcfc;
	border-right: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
}

.b-push-up {
	position: absolute;
	right: 200px;
	bottom: 0;
	display: block;
	width: 100px;
	height: 61px;
	background: url(../images/vverh-sprite.png) 0 0 no-repeat;
	opacity: .4;
	-webkit-transition: .2s opacity;
	-moz-transition: .2s opacity;
	-ms-transition: .2s opacity;
	-o-transition: .2s opacity;
	transition: .2s opacity;
}

.b-push-up:hover {
	background-position: -100px 0;
	opacity: 1;
}

.b-push-up:active {
	background-position: -200px 0;
}

.offline-wrap {
	position: absolute;
	top: 540px;
	right: 0;
}

.offline-wrap .offline {
	position: fixed;
	top: 50%;
	right: 207px;
	z-index: 10;
	display: block;
	margin: 0;
	padding: 0;
	width: 35px;
	height: 65px;
	background: url(../images/offline-sprite.png) 0 1px no-repeat;
	opacity: 0.7;
	transform: scale(1.5);
}

.offline-wrap .offline:hover {
	background-position: 0 -65px;
}

.offline-wrap .offline:active {
	background-position: 0 -130px;
}

.offline-wrap .offline-send-message {
	position: absolute;
	top: 0;
	right: -193px;
	z-index: 999;
	display: none;
	margin: 0;
	padding: 0;
	width: 228px;
	height: 65px;
	background: url(../images/offline-send-message.png) 0 0 no-repeat;
}

.offline-wrap .offline-send-message .hide {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 65px;
	cursor: pointer;
}

.offline-wrap .offline-send-message .send-message {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 180px;
	height: 30px;
	cursor: pointer;
}

/* Центральная колонка (контент) */
.b-content {
	position: relative;
	float: left;
	/*width: 530px;*/
	margin: 20px 15px 0;
	font-size: 14px;

	_display: inline;
}

.b-title {

}

.b-text p {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 18px;
}

.b-left {
	float: left;
	margin-bottom: -2000px;
	padding-top: 20px;
	padding-bottom: 2000px;
	padding-left: 24px;
	width: 181px;
	_display: inline;
}

.b-sep {
	display: block;
	margin: 20px 0;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #ffffff;
}

.news-items {
	margin-left: 0;
}

.news-items li {
	list-style-type: none;
}

.b-news {

}

.b-news .time {
	margin-bottom: 7px;
	color: #898989;
}

.b-news .link {
	display: block;
	margin-bottom: 17px;
	line-height: 17px;
}

.b-content-table {
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
}

.b-content-table-left-cell {
	margin: 0;
	padding: 0 0 150px;
	width: 208px;
	border: none;
	background: url(../images/left-side-bg.png);
	vertical-align: top;

	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.b-content-table-middle-cell {
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 150px;
	border: none;
	vertical-align: top;
}

.b-content-table-right-cell {
	margin: 0;
	padding: 0 0 150px;
	width: 198px;
	border: none;
	background: url(../images/right-side-bg.png);
	vertical-align: top;
}

.b-fake-nav-bg {
	margin: 0;
	padding: 0;
	height: 30px;
	background: url(../images/fake-nav-bg.png) 0 0 repeat-x;
}

.b-big-apple {
	margin: 10px auto 0;
	padding: 74px 0 20px 0;
	width: 118px;
	height: 73px;
	background: url(../images/apple-big-gray.png) center center no-repeat;
	background-size: cover;
	color: #5E5E5E;
	text-align: center;
	font-size: 12px;
}

.b-side-menu {
	margin: 30px 0 0 0;
	padding: 0 0 0 20px;
	list-style: none;
}

.b-side-menu-item {
	margin: 12px 0;
	padding: 0;
}

.b-side-menu-item .link {
	display: inline-block;
	color: #999;
	text-decoration: none;
	font-size: 14px;
}

.b-side-menu-item .link:hover {
	color: #F3771F;
	text-decoration: underline;
}

/* Подвал */
.b-footer {
	position: relative;
	padding: 30px 0 10px;
	min-height: 100px;
	/*	min-width: 1300px;*/
	/*margin: -150px auto 0;*/
	width: 100%;
	/*border-top: 1px solid #cdcdcd;*/
	background: url(../images/footer-bg.png) 0 0 repeat-x;
	color: #7b7b7b;
}

.apple-footer-bg {
	position: absolute;
	top: 20px;
	right: 200px;
	display: block;
	width: 80px;
	height: 74px;
	background: url("../images/footer-apple-gray.png");
}

.b-footer .apple {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 112px;
	height: 112px;
	background: url("../images/apple-bottom.png") 0 0 no-repeat;
}

.b-footer .apple:hover {
	background-position: 0 -112px;
}

.b-footer .apple:active {
	background-position: 0 -224px;
}

.b-footer .info {
	position: absolute;
	top: 12px;
	right: 40px;
	margin-top: 0;
	font-size: 11px;
}

.b-footer .copyright {
	position: absolute;
	right: 40px;
	bottom: 12px;
	margin-top: 0;
	text-align: right;
	font-size: 11px;
	line-height: 1.5em;
}

.b-footer .copyright p {
	margin: 0 !important;
}

.b-sijeko {
	color: #394d5e;
	text-decoration: none;
	font-size: 11px;
}

.b-sijeko:hover {
	color: #ff6600;
	text-decoration: underline;
}

span.b-sijeko:hover {
	color: #394d5e;
	text-decoration: none;
	cursor: default;
}

.b-sijeko i {
	color: #ff6600;
	font-style: normal;
	font-size: 11px;
}

.b-footer-menu {
	margin: 0 300px 0 210px;
	padding: 0;
}

.b-footer-menu-table {
	width: 100%;
	border: none;
}

.b-footer-menu-table td {
	width: 25%;
	border: none;
	text-align: center;
}

.b-footer-menu-single-list {
	float: left;
	margin: 0;
	margin-right: 20px;
	padding: 0;
	list-style: none;
}

.b-footer-menu-single-list-item {
	margin: 0 0 5px;
}

.b-footer-menu-single-list-item a {
	display: inline-block;
	color: #999;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
}

.b-footer-menu-single-list-item a:hover {
	color: #F3771F;
	text-decoration: underline;
}

#articles {
	margin: 0 10px 40px;
	padding: 2px 0 6px 3px;
}

#articles h2 {
	margin: 8px 0 10px 5px;
	font-size: 16px;
}

#articles ul {
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 15px;
	text-align: left;
}

#articles ul li {
	padding-left: 0;
	list-style-type: none;
	text-align: left;
}

#articles ul li a {
	margin-top: 7px;
	text-align: left;
	font-size: 12px;
}

.gallery {

}

.gallery ul {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	text-align: center;
}

.gallery ul li {
	position: relative;
	display: inline-block;
	margin: 10px 10px 20px;
	padding: 0;
	width: 190px;
	vertical-align: top;
}

.gallery ul li a {
	display: table-cell;
	width: 190px;
	height: 145px;
	border: 3px solid #999;
	-webkit-border-radius: 3px;

	border-radius: 3px;
	vertical-align: middle;
}

.gallery ul li a:hover {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.3);
}

.gallery .link a {
	width: 190px;
	height: 50px;
	border: none;
	color: #999;
	font-size: 14px;
}

.gallery .link a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #F3771F;
	text-decoration: underline;
}

.gallery img {
	max-width: 180px;
	max-height: 135px;
	text-align: center;
	/*margin: 0 0 0.5em 50px;*/
}

.galTmb {
	height: 150px;
}

.gallery .link {
	clear: left;
	vertical-align: top;
	text-align: center;
}

#filter-form table td {
	border: none;
}

/* Фильтр для проектов домов */
.b-filter {
	margin: 20px 0 0 0;
	padding: 10px;
}

.b-filter-area {

}

.b-sliders {
	margin: 0 0 5px;
}

.b-sliders .label {
	color: #999;
	font-size: 11px;
}

.b-sliders .text {
	float: right;
	width: 120px;
	border: none;
	background: none;
	color: #999;
	text-align: center;
	font-size: 11px;
}

.slider-range {
	float: right;
	margin: 0 0 10px;
	width: 120px;
}

.b-filter-checkboxes-header {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0;
	height: 20px;
}

.b-filter-checkboxes-header .yes {
	position: absolute;
	bottom: 5px;
	left: 116px;
	color: #474643;
	font-size: 11px;
}

.b-filter-checkboxes-header .no {
	position: absolute;
	bottom: 5px;
	left: 149px;
	color: #474643;
	font-size: 11px;
}

.b-filter-checkboxes {
	margin: 0 0 10px;
	height: 24px;
}

.b-filter-checkboxes .label {
	display: block;
	float: left;
	width: 100px;
	height: 24px;
	color: #999;
	font-size: 11px;
}

.b-filter-checkboxes .label .wrap {
	display: table-cell;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 24px;
	border: none;
	color: #999;
	vertical-align: middle;
	font-size: 11px;
}

.b-apple-checkbox {
	display: block;
	float: left;
	margin: 0 0 0 13px;
	padding: 0;
	width: 22px;
	height: 24px;
	background: url(../images/apple-checkbox-sprite.png) 0 0 no-repeat;
}

.b-apple-checkbox:hover {
	background-position: 0 -48px;
}

.b-apple-checkbox.checked {
	background-position: 0 -24px;
}

.b-apple-checkbox.checked:hover {
	background-position: 0 -72px;
}

.b-apple-submit {
	display: block;
	margin: 15px auto 0px;
	padding: 0px;
	width: 125px;
	height: 40px;
	border: 1px solid #b22520;
	border-radius: 5px;
	background: linear-gradient(to top, #b52823, #e65952);
	color: white;
	font-size: 14px;
}

.b-apple-submit:hover {
	background: linear-gradient(to top, #c83b36, #db4e48);
}

/*.b-apple-submit:active {*/
/*background-position: 0 -96px;*/
/*}*/

/* UI Slider */
.ui-slider-horizontal {
	height: 6px !important;
}

.ui-slider-handle {
	top: -4px !important;
	width: 13px !important;
	height: 13px !important;
	border: none !important;
	background: url(../images/slider-handle2.png) 0 -13px no-repeat !important;
}

.ui-slider-handle:hover {
	background-position: 0 -13px !important;
}

.ditto_currentpage {
	color: #F3771F;
	font-weight: bold;
}

.clr {
	clear: both;
}

.hidden {
	display: none;
}

.b-contacts-map {
	float: left;
	margin: 0 0 20px;
	width: 500px;
	height: 435px
}

.b-contacts-map .ymaps-map {
	width: 500px;
	height: 435px;
}

.b-house-preview {
	position: relative;
	display: block;
	margin: 20px auto 10px;
	padding: 0;
	width: 170px;
}

.b-house-preview .house1 {
	display: block;
	width: 170px;
	height: 155px;
	background: url(../images/house_images/house-sprite.png) 0 0 no-repeat;
}

.b-house-preview .house15 {
	display: block;
	width: 170px;
	height: 155px;
	background: url(../images/house_images/house-sprite.png) 0 -155px no-repeat;
}

.b-house-preview .house2 {
	display: block;
	width: 170px;
	height: 155px;
	background: url(../images/house_images/house-sprite.png) 0 -310px no-repeat;
}

.b-house-preview .window {
	position: absolute;
	display: block;
	width: 29px;
	height: 26px;
	background: url(../images/house_images/window.png) 0 0 no-repeat;
}

.b-house-preview .socle {
	position: absolute;
	display: block;
	width: 18px;
	height: 9px;
	background: url(../images/house_images/socle.png) 0 0 no-repeat;
}

.b-house-preview .garage-left {
	position: absolute;
	display: block;
	width: 49px;
	height: 74px;
	background: url(../images/house_images/garage-left.png) 0 0 no-repeat;
}

.b-house-preview .garage-right {
	position: absolute;
	display: block;
	width: 49px;
	height: 74px;
	background: url(../images/house_images/garage-right.png) 0 0 no-repeat;
}

.projects-block {
	overflow: hidden;
	box-sizing: border-box;
	padding: 20px;
	padding-bottom: 0;
	width: 100%;
	height: 195px;
	border-bottom: 2px dotted rgb(161, 161, 161);
	text-align: center;

}

.projects-block a {
	text-decoration: none;
}

.projects-block a:hover .project-item .thumbnail {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.projects-block a:hover .project-item .thumbnail .icon img:first-child {
	display: none;
}

.projects-block a:hover .project-item .thumbnail .icon img:last-child {
	display: block;
}

.projects-block a:hover .project-item .name {
	text-decoration: underline;
}

.projects-block .project-item {
	display: inline-block;
	margin: 0 20px 20px;
	width: 160px;
	vertical-align: top;
}

.projects-block .project-item .thumbnail {
	position: relative;
	margin-bottom: 8px;
	padding: 4px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: white;
	transition: .2s all;
}

.projects-block .project-item .thumbnail .icon {
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 1000;
}

.projects-block .project-item .thumbnail .icon.project200-300 img,
.projects-block .project-item .thumbnail .icon.projectWithGarage img {
	width: 90px;
}

.projects-block .project-item .thumbnail .icon.project300over img,
.projects-block .project-item .thumbnail .icon.project2owners img {
	width: 80px;
}

.projects-block .project-item .thumbnail .icon img {
	width: 60px;
}

.projects-block .project-item .thumbnail .icon img:last-child {
	display: none;
}

.projects-block .project-item .thumbnail img {
	box-sizing: border-box;
	width: 100%;
}

.projects-block .project-item .name {
	color: #9b9b9b;
	text-align: center;
	font-weight: bold;
}

.projects-block .project-item .name .size {
	display: block;
}

.random-offers {
	margin-top: 40px;
	padding: 0 8px 40px 20px;
}

.random-offers ul {
	margin: 0;
}

.random-offers ul li {
	margin-bottom: 16px;
	list-style: none;
}

.random-offers ul li a:hover img {
	border-color: #f3771f;
}

.random-offers ul li a .random-item-name {
	display: block;
	margin-bottom: 4px;
}

.random-offers ul li img {
	box-sizing: border-box;
	max-width: 100%;
	border: 4px solid #e6e6e6;
	transition: .2s all;
}

.random-offers .heading {
	color: #f3771f;
	font-size: 18px;
}

.typeprojects-menu {
	width: auto !important;
}

.b-horizontal-menu .typeprojects-menu .bg {
	background: url("../images/first-menu2.png") repeat-x 0 0;
}

.b-horizontal-menu .typeprojects-menu:hover .bg {
	background: url("../images/first-menu2.png") repeat-x 180px 0;
}

.b-horizontal-menu .typeprojects-menu:active .bg {
	background: url("../images/first-menu2.png") repeat-x 60px 1px;
}

canvas:hover {
	cursor: ew-resize;
}

.wrap {
	position: relative;
	width: 800px;
	height: 600px;
}

.loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 170px;
	height: 50px;
	text-align: center;
}

.progress {
	width: 100%;
	height: 5px;
	border: 1px solid #666;
	border-radius: 10px;
}

.progress-bar {
	width: 0;
	height: 5px;
	background: #40a7fe;
	transition: width 0.2s linear
}

.gallery-3d-wrapper {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
	box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.49);

}

.gallery-text-info {
	margin-bottom: 320px;
}

.gallery-3d-wrapper .mark {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 100;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .1),
	0 1px 1px rgba(0, 0, 0, .1),
	0 1px 0 rgba(0, 0, 0, .4),
	0 2px 2px rgba(0, 0, 0, .2);
	font-size: 40px;
}

.b-project .project-iblock .photo {
	margin: 0 10px 10px 0;
	width: auto;
}

.b-project .project-description {
	float: left;
	margin: 0;
	width: 580px;
}

.b-project .project-description p {
	font-size: 12px;
}

.project-iblock .photo .wrapper {
	z-index: 10;
}

.project-iblock .photo .wrapper:before,
.project-iblock .photo .wrapper:after {
	position: absolute;
	bottom: 5px;
	left: 3px;
	z-index: -2;
	max-width: 375px;
	width: 50%;
	height: 20%;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
	content: '';
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.project-iblock .photo .wrapper:after {
	right: 0;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

.b-project .project-imgs {
	/*clear: both;*/
	1 float: left;
	padding: 10px 0 0 0;
	width: 100%;
	1 border-top: 2px dotted gray;
}

.b-project .project-images {
	display: inline-block;
	margin-right: 6px;
	padding: 0;
	width: 100%;
	/*border-top: 3px dotted;*/
}

.fancybox-gallery-project {
	display: inline-block;
	margin: 0;
}

.fancybox-gallery-project a img {
	margin-right: 10px;
	margin-bottom: 4px;
}

.clearfix:after,
.clearfix:before {
	display: table;
	clear: both;
	content: '';
}

.result-item-title h3 {
	margin: 0;
}

.img-wrapper {
	position: relative;
	display: block;
	overflow: hidden;
	min-height: 120px;
	max-width: 158px;
	border-radius: 4px;
}

.loaderWindow {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	border-radius: 4px;
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(left, #f4f4f4 0%, #ffffff 15%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f4f4f4), color-stop(15%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #f4f4f4 0%, #ffffff 15%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #f4f4f4 0%, #ffffff 15%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #f4f4f4 0%, #ffffff 15%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to right, #f4f4f4 0%, #ffffff 15%, #ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 30px;
	transform: translate(-50%, -50%);
}

.spinner > div {
	display: inline-block;
	width: 6px;
	height: 100%;
	background-color: #333;

	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.2);
		background: orange
	}
	20% {
		-webkit-transform: scaleY(1.0);
		background: orangered
	}
}

@keyframes stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.2);
		-webkit-transform: scaleY(0.2);
		background: orange

	}
	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
		background: orangered
	}
}

span.ditto_currentpage {
	font-size: 20px;
}

.examples-links .eg-list li {
	list-style-type: circle;
}

#slider .item img {
	width: 100%;
}

.banners {
	padding: 20px;
}

.banners .banner {
	margin-bottom: 20px;
	padding: 20px 10px;
	min-height: 250px;
	border: 2px solid black;
	text-align: center;
	opacity: .08;
	-webkit-transition: .2s all ease-in;
	-moz-transition: .2s all ease-in;
	-ms-transition: .2s all ease-in;
	-o-transition: .2s all ease-in;
	transition: .2s all ease-in;
}

.banners .banner:hover {
	opacity: 1;
}

.banner .banner-text {
	font-size: 16px;
	line-height: 1.2;
}

.current-city {
	position: absolute;
	top: 30px;
	left: 310px;
	font-size: 20px;
}

.current-city-tydydyshka {
	padding: 0;
	border: none;
	border-bottom: 1px dotted rgb(255, 120, 7);
	background: none;
	color: rgb(255, 120, 7);
	cursor: pointer;
}

.current-city-tydydyshka:hover {
	outline: none;
	color: rgb(243, 119, 31);
}

.current-city-tydydyshka:focus {
	outline: none;
}

.domains-select-list {
	position: absolute;
	top: 60px;
	left: 310px;
	z-index: 10;
	display: none;
	margin: 0;
	padding: 6px;
	background: rgba(255, 255, 255, .9);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.domains-select-list li {
	list-style: none;
	line-height: 20px;
}

.domains-select-list li a {
	display: block;
	padding: 4px;
	font-size: 14px;
}

.help-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
	background: rgba(0, 0, 0, 0.6);
}

.annotation {
	display: table;
	width: 100%;
	height: 100%;
}

.help-block {
	position: absolute;
	bottom: 10px;
	left: 24%;
	color: white;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
}

.ui-slider .ui-slider-handle,
.ui-slider-horizontal .ui-slider-range {
	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-ms-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;
	transform: translateZ(0);
}

.b-review-block {
	display: inline-block;
	overflow: hidden;
	margin: 0 10px 10px 0;
	width: 300px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.b-review-block:hover {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
}

.b-author {
	background: rgb(255, 120, 7);
	color: white;
	text-align: center;
	font-weight: bold;
}

.b-review-block .b-preview-text,
.b-review-block footer,
.b-review-block .b-author {
	padding: 10px;
}

.b-review-block footer {
	text-align: center;
}

.project-iblock .content-left-block {
	display: block;
	float: left;
	width: 410px;
}

.project-iblock .content-right-block {
	display: block;
	margin-left: 410px;
	padding: 0 0 0 7px;
	border-left: 2px dotted gray;
	/*display: block;*/
	/*width: 1045px;*/
	/*float: left;*/
}

.project-iblock .nav-block {
	display: block;
	float: right;
	margin: 0 0 0 17px;
}

.call-link {
	position: relative;
	top: 5px;
	margin-right: 15px;
	font-size: 20px;
}

#ajaxSearch_form {
	float: right;
}

.clrfix {
	clear: both;
}

.list-inline {
	display: block;
	margin-left: 0;
	list-style: none;
	text-align: center;
}

.list-inline li {
	display: inline-block;
	padding: 0 15px;
}

.btn {
	display: block;
	margin-bottom: 10px;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

.btn-default {
	width: 170px;
	border-color: #ccc;
	background-color: #d4d4d4;
	color: #333;
}

.b-sub-btn {
	position: relative;
	top: -65px;
	left: 15px;
	display: block;
	padding: 8px 12px;
	width: 170px;
	border: 1px solid #f3771f;
	background-color: white;
	text-align: center;
	font-size: 16px;
}

#material {
	width: 100%;
}

.b-project .properties {
	margin: 0;
}

.filter-content {
	display: none;
}

.pagination_top > * {
	display: inline-block;
}

.pagination_bottom > * {
	display: inline-block;
}

.fancybox-gallery-project a img {
	max-width: 100% !important;
	width: 100%;
	height: auto;
}

.b-project .photo img {
	max-width: 100% !important;
	max-height: 100% !important;
	width: 100% !important;
	height: auto !important;
}

.project-video {
	position: relative;
	padding-top: 25px; /* 16:9 */
	padding-bottom: 56.25%;
	height: 0;
}

.project-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.project-images a img {
	max-width: 100%;
	width: 100%;
}

@media screen and (max-width: 1660px) {
	.b-sub-btn {
		top: 18px;
	}
}

@media screen and (max-width: 1324px) {
	.b-footer-menu-single-list:nth-child(5) {
		clear: both;
	}
}

@media all and (max-width: 1324px) {
	h1 {
		font-size: 22px;
	}

	form {
		font-size: 15px;
	}

	.b-logo {
		position: relative;
		float: left;
		width: 270px;
	}

	.b-contacts {
		right: 0px;
	}

	.phone {
		background: none;
	}

	.phone > p > small {
		display: none;
	}

	.b-footer .apple {
		bottom: 0;
	}

	.clear-both {
		clear: both;
	}

	.offline-wrap .offline {
		right: 0;
	}

	.b-text {
		font-size: 12px;
	}

	.b-content-table-right-cell:nth-child(3) {
		display: none;
	}

	.project-iblock .nav-block {
		float: left;
		clear: left;
		margin: 0;
	}

	.btn {
		font-size: 18px;
	}

	.result-item-title a .first-line {
		font-size: 18px;
	}

	.result-item-properties span {
		font-size: 17px;
	}

	.project-iblock {
		display: flex;
		max-width: 100%;
		flex-flow: column;
	}

	.project-iblock .content-right-block {
		margin-left: 0;
		border-left: none;
		order: 1;
	}

	.project-iblock .content-left-block {
		order: 2;
	}

	.b-project .properties {
		margin: 0;
	}

	.b-project .project-description {
		width: 100%;
	}

	.b-project .properties .left-column, .b-project .properties .right-column {
		float: left;
		clear: both;
		margin: 5px 20px 5px 5px;
		font-size: 20px;
	}

	.b-project span {
		font-size: 20px;
	}

	.b-project .order-menu {
		float: left;
		clear: both;
		margin: 20px 0 10px 55px;
	}

	.example-design {
		font-size: 20px;
	}

	.project-iblock .nav-block {
		margin-right: 10px;
		width: 330px;
	}

	.result-item-properties .left-column {
		font-size: 14px;
	}

	.result-item-properties .right-column {
		font-size: 14px;
	}

	.b-horizontal-menu a .bg, .b-horizontal-menu span .bg {
		display: none;
	}

	.b-top {
		margin: 5px 0 5px 0;
		padding: 0;
	}

	.b-horizontal-menu a, .b-horizontal-menu span {
		display: block;
		padding: 4px 0px;
		height: auto;
		font-size: 17px;
	}

	.b-search {
		right: 30px;
	}
}

@media all and (max-width: 1248px) {
	.b-horizontal-menu {
		display: flex;
		justify-content: space-between;
		/*background: url(../images/nav-bg.png) top repeat;*/
		padding-top: 10px;
		padding-bottom: 10px;
		min-height: 25px;
		border-bottom: #ffa768 5px solid;
		background: #ff7a04;
		flex-wrap: wrap;
	}

	.b-horizontal-menu li {
		padding: 1px 13px 4px 13px;
		vertical-align: text-top;
	}

	.b-horizontal-menu a, .b-horizontal-menu span {
		padding: 0px 0px;
	}

	.b-fake-nav-bg {
		margin-top: 5px;
		height: 66px;
		border-bottom: #ffa768 5px solid;
		background: #ff7a04;
		/*background: url(../images/nav-bg.png) top repeat;*/
	}

	.gallery-text-info {
		float: left;
		margin-bottom: 50px;
	}

	.project-iblock .content-left-block {
		width: 100%;
	}
}

@media all and (max-width: 960px) {
	.b-search {
		display: none;
	}

	.b-contacts .phone > p {
		float: right;
		clear: right;
		line-height: 25px;
	}

	.result-item-body .shadow {
		width: 100%;
	}

	.b-content-table-right-cell {
		display: none;
	}

	.gallery-3d-wrapper {
		float: none;
	}
}

@media all and (max-width: 790px) {
	.project-iblock .nav-block {
		width: 100%;
	}

	.b-sub-btn {
		top: 18px;
		margin-top: 30px;
	}

	.b-fake-nav-bg {
		margin-top: 5px;
		height: 89px;
		/*background: url(../images/nav-bg.png) top repeat;*/
	}
}

@media all and (max-width: 740px) {
	.b-content-table tr {
		display: flex;
		flex-direction: column;
	}

	.b-fake-nav-bg {
		display: none;
	}

	.b-content-table-left-cell {
		width: 100%;
		background: none;
		margin: 0;
		padding: 0 0 0;
	}

	.b-filter {
		margin: 0;
		padding: 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.hide-filter-btn {
		position: relative;
		display: block;
		margin-top: 30px;
		margin-bottom: -20px;
		margin-left: 15px;
		width: 50px;
		height: 30px;
		cursor: pointer;
	}

	.filter-hide {
		display: none;
		visibility: hidden;
		box-sizing: border-box;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.filter-content {
		position: relative;
		display: block;
		margin-top: 65px;
		padding: 8px 12px;
		width: 170px;
		border: 1px solid #f3771f;
		background-color: white;
		color: #f3771f;
		text-align: center;
		text-decoration: none;
		font-size: 16px;
		line-height: inherit;
	}

	.filter-content:hover {
		border: 1px solid white;
		background-color: #f3771f;
		color: white;
	}

	.b-sub-btn {
		margin-top: 20px;
	}

	.expantion {
		filter: alpha(opacity=0);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

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

@media all and (max-width: 635px) {
	.b-contacts-map .ymaps-map {
		width: 100%!important;
		height: auto!important;
		min-height: 300px;
	}
	.b-contacts-map {
		width: 100%!important;
		height: auto!important;
	}
	.ymaps-2-1-64-map .ymaps-2-1-64-i-ua_js_yes .ymaps-2-1-64-map-bg .ymaps-2-1-64-islets_map-lang-ru {
		width: 100%!important;
		height: auto!important;
	}

	.b-horizontal-menu a, .b-horizontal-menu span {
		font-size: 20px;
	}

	.b-filter form {
		width: 100%;
	}

	.ui-slider-horizontal {
		width: 85%;
	}

	.help-wrapper .spritespin .spritespin-instance .with-canvas {
		width: 100%;
		height: auto;
	}

	.gallery-3d-wrapper div {
		width: 100% !important;
	}

	.spritespin .spritespin-instance .with-canvas {
		width: 100% !important;
	}

	.spritespin-canvas {
		width: 100% !important;
	}

	.b-contacts, .b-search {
		display: none;
	}

	.filter-result-item {
		width: 100%;
		height: auto;
	}

	.result-item-body .photo img {
		max-width: 100%;
		max-height: 100%;
		width: 100%;
	}

	.result-item-body .photo {
		max-height: 100%;
		width: 100%;
	}
}

@media all and (max-width: 420px) {

	.b-footer-menu {
		margin: 0px 0 0 166px;
		padding: 0;
	}

	.b-project .order-menu {
		float: left;
		clear: both;
		margin: 20px 0 10px 0px;
	}

	.filter-result-item {
		margin-left: auto;
	}

	.filter-result-item {
		margin: auto;
		margin-bottom: 20px;
	}

	.b-footer .copyright {
		bottom: -40px;
	}

	.b-footer .apple {
		bottom: -40px;
	}

	.b-footer .info {
		top: 120px;
		right: unset;
		left: 0;
	}

	.b-header .wrapper {
		padding: unset;
	}

	.current-city {
		top: 71px;
		left: 107px;
	}
}

.project-iblock .content-right-block .photo .wrapper, .b-project .project-imgs {
	margin-bottom: 20px;
}