.catalog{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
span.result{
	font-size: 1.3em;
	margin: 1em 0 0.5em 0;
	display: block;
}
.catalog .block-header, .catalog .detales{
	height: 43px;
	padding: 10px 20px 0 25px;
}
.catalog .block-header{ background: #68ac1b; }
.catalog .header-box{
	height: 40px;
}
.catalog.nonresidential .header-box{
	height: 35px;
}
.catalog span.header{
	font-size: 1em;
	font-weight: 400;
	color: #003338;
	text-transform: uppercase;
	margin: 8px;
	display: block;
	float: left;
	margin-left: 0;
}
.catalog .icon{
	float: right;
	margin-left: 5px;
	width: 36px;
	height: 36px;
	display: block;
}
.catalog .icon.selected{
	background-position-y: -36px;
}
.catalog .icon.favorite{
	background-image: url("../images/like.png");
}

.catalog .plan{
	width: 100%;
	height: calc(100% - 85px);
	border: 1px solid #00377b;
	position: relative;
}
.catalog.nonresidential .plan{
	height: auto;
}
.catalog>div{
	float: left;
	width: 32%;
	margin-bottom: 30px;
}
.catalog .block-header{
	width: 40%;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.catalog .plan img{
	width: 100%;
	margin: 3px 0 1px 0;
}

.catalog .oldprice, .catalog .discount, .nonresidential .price{
	height: 43px;
	color: #fff;
	font-weight: 700;
	width: 56%;
	font-size: 22px;
	padding: 5px 0 0 20px;
}
.catalog .oldprice{
	background: #b7c0cf;
	text-decoration: line-through;
}
.catalog .oldprice.nodiscount{
	background-color: #A6AFBF;
	text-decoration:none;
}
.catalog .discount {
	background: #ff0000;
	position: absolute;
	left: 0;
	bottom: 0;
}
.catalog.nonresidential .discount, .nonresidential .price{
	background-color: #A6AFBF;
}
.nonresidential .price{
	width: auto;
	display: inline-block;
	padding: 5px 20px 0 20px;
}
.nonresidential h4{ margin-left: 0; font-weight: 700; color: #00377b}
.apartment {
	width: 1100px;
}
.apartment-container{
	margin: 57px 8% 0;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
}
.apartment .left{
	position: relative;
	flex-basis: 30%;
	padding-top: 50px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.apartment .right{
	flex-basis: 70%;
	border: 1px #003338 solid;
	position: relative;
}
.apartment .block-header{
	font-size: 16px;
}
.apartment .right .block-header{
	background: #68ac1b;
	font-weight: 700;
}
.apartment .right img{
	width: 100%;
}
.apartment-footer{
	background: #68ac1b;
	height: 78px;
	margin-top: 30px;
}
.apartment .btn{
	display: inline-block;
	padding: 12px 25px;
	margin: 12px 8% 0 0;
	float: right;
}
.apartment p{ font-size: 16px; margin: 1.7rem 0; line-height: 26px}
.apartment .floor{
	color: #00377b;
}
.apartment .floor span{ font-size: 2em; font-weight: 700 }
.apartment hr {clear: both; margin-right: 20px}
.apartment .thumbnails { display: flex; flex-wrap: wrap }
.apartment .thumbnails a{ display: block; border: #fff 2px solid}
.apartment .thumbnails a.active { border-color: #68ac1b}
.apartment .thumbnails img{ display: block; width: 56px; height: 56px}

ul.finishes {
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
ul.finishes li{
	cursor: pointer;
}
ul.finishes li:before{
	content: '';
	display: inline-block;
	border: 2px #003338 solid;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
}

ul.finishes li.active:before{
	background-color: #003338;
	background-image:url('data:image/png;base64,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Z2VSZWFkeXHJZTwAAAMmaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0Y5OUNCODdCOEYxMUU5OTI0Q0JERUUwQzc3RkRCQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0Y5OUNCOTdCOEYxMUU5OTI0Q0JERUUwQzc3RkRCQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Rjk5Q0I2N0I4RjExRTk5MjRDQkRFRTBDNzdGREJCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY3Rjk5Q0I3N0I4RjExRTk5MjRDQkRFRTBDNzdGREJCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TvP68QAAALJJREFUeNpi/P//PwMlgHHADWAAGUAiVgfiZ0B8GYiFSHWBPBDfAGIOKN8N2WRVAjaLAvH7/whwBIg5QRJMQHwQKtiPQzMvED9B0nwJJgcimP+jgmY0zSD5u0jy94CYBdkAEI5CM6QSyYALSOKgwONDtgDZpmw0Q9KBeDkSH+R/cXTvofu1/D928AOIFbGFD7YAa8VigBau2MEVZROQNJvji158CSkQiO8D8YXBnZkAAgwA0zH22Shi5GwAAAAASUVORK5CYII=');

}

.old-price{ color: #a5b4c6; }
.nodiscount.old-price{ color: #003338; }
.old-price span { font-size: 2em; text-decoration: line-through; font-weight: 700 }
.nodiscount.old-price span { text-decoration: none }
.new-price{
	color: #003338;
}

.apartment .icons { display: flex; margin-top: 0.5rem; align-items: center;}
.new-price span { font-size: 2em; font-weight: 700 }
.apartment .favorite-big{ background-image: url("../images/like-big.png"); }
.apartment .favorite-big.selected{ background-position-y: -100%}
.apartment .icon {display: block; margin-bottom: 20px; margin-right: 5px; width: 55px; height: 55px; background-size: 100% auto; flex-grow: 0; flex-shrink: 0}
.apartment .phones { float: left; margin: 10px 0 0 8%}
.apartment .phones a{ font-size: 2em; color: #fff }

#buildings-filter li{
	width: 25%;
	padding: 0 15px 20px 15px;
}
#buildings-filter li:first-child{ padding-left: 10px }
#buildings-filter li:last-child{ padding-right: 10px }
#buildings-filter li a{
	background: none;
	padding: 5px;
	color: #000000;
}
#buildings-filter li a.on{
	background: #68ac1b;
	color: #fff;
}
.catalog .plan .promoimage{
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 40%;
	margin: 0!important;
	width: auto;
}
.apartment-container .promoimage{
	position: relative;
	max-width: 100%;
	padding-right: 20px;
	margin: auto;
	display: block;
	width: 85%;
}

@media (max-width: 1700px) {
	.catalog .plan img{margin-top: 5px}
}
@media (max-width: 1550px) {
	.catalog .plan img{margin-top: 10px; margin-bottom: 8px}
}
@media (max-width: 1500px) {
	.catalog .oldprice, .catalog .discount { font-size: 18px; height: 39px; padding-left: 15px}
	.catalog .block-header, .catalog .detales { height: 39px; padding: 8px 15px 0 15px;}
	.apartment { width: 900px; }
	.apartment .icon { width: 48px; height: 48px; margin-bottom: 15px}
	.apartment p { font-size: 15px }
}
@media (max-width: 1350px) {
	.catalog .oldprice, .catalog .discount { font-size: 15px; height: 35px;}
	.catalog .block-header, .catalog .detales { height: 35px; padding: 8px 18px 0 18px;}
}

@media (max-width: 1270px) {
	.catalog > div{ width: 49%; }
	.catalog span.header { font-size: 1.25em }
	.catalog .plan img{margin-top: 3px; margin-bottom: 1px}
	.catalog .oldprice, .catalog .discount { font-size: 22px; height: 43px; padding-left: 15px}
	.catalog .block-header, .catalog .detales { height: 43px; padding: 10px 20px 0 25px; font-size: 15px}
	.apartment-container{ margin: 30px 6% 0; }
}
@media (max-width: 1150px) {
	.catalog .plan img{margin-top: 10px; margin-bottom: 5px}
	.catalog .oldprice, .catalog .discount { font-size: 18px; height: 39px; padding-left: 15px}
	.catalog .block-header, .catalog .detales { height: 39px; padding: 8px 20px 0 20px;}
	.apartment { width: 800px; }
	.apartment .icon { width: 40px; height: 40px; margin-bottom: 10px}
	.apartment p { font-size: 14px; line-height: 24px }
	.apartment-container{ margin: 30px 4% 0; }
}
@media (max-width: 1000px) {
	/*.catalog span.header { font-size: 1.4em }*/
	.catalog .oldprice, .catalog .discount { font-size: 15px; height: 35px;}
	.catalog .block-header, .catalog .detales { height: 35px; padding: 5px 18px 0 18px;}
	.catalog .plan img{margin-top: 10px; margin-bottom: 8px}
	#buildings-filter li{ padding: 0 8px 17px 8px; }
}
/*@media (max-width: 900px) {*/
	/*.apartment { width: 700px; }*/
	/*.apartment .block-header { font-size: 13px}*/
	/*.apartment p { font-size: 12px; line-height: 20px }*/
	/*.apartment .left { padding-top: 30px}*/
/*}*/
@media (max-width: 900px) {
	.catalog .oldprice, .catalog .discount { font-size: 15px; height: 35px;}
	.catalog .block-header, .catalog .detales { height: 35px; padding: 5px 14px 0 14px;}
	.catalog .icon img { width: 30px; height: 30px }
	.catalog .icon { margin-left: 3px; width: 30px; height: 30px; }
	.catalog .icon.favorite { background-size: 30px;  width: 30px; height: 30px}
	.catalog .icon.selected { background-position-y: -30px; }
	.catalog .plan img{margin-top: 10px; margin-bottom: 8px}
	.apartment { width: 500px; }
	.apartment .left, .apartment .right { flex-basis: 100%; overflow: auto}
	.apartment-container.promo .repair { float: right}
	/*.apartment-container.promo .favorite-big{ float: right }*/
	.apartment-container.promo .vr{ float: right; margin-right: 0 }
	.apartment-container .promoimage{ padding-right: 0; max-width: 200px; margin-top: 2rem}
	.apartment hr {margin-right: 0}
	#buildings-filter li{ padding: 0 5px 15px 5px; }
	#buildings-filter li a{ font-size: 0.95em }
}
@media (max-width: 640px) {
	.catalog > div{ width: 100%; }
	/*.catalog span.header { font-size: 1.6em }*/
	.catalog .plan img{margin-top: 3px; margin-bottom: 1px}
	.catalog .oldprice, .catalog .discount { font-size: 22px; height: 43px; padding-left: 15px}
	.catalog .block-header, .catalog .detales { height: 43px; padding: 10px 20px 0 25px; font-size: 15px}
	#buildings-filter li{ padding: 0 5px 10px 5px;}
	#buildings-filter li a{ padding: 8px; }
}
@media (max-width: 550px) {
	.apartment .icon { width: 30px; height: 30px; }
}
@media (max-width: 530px) {
	.apartment { width: 400px; }
	.apartment-footer { height: auto; overflow: auto; text-align: center}
	.apartment .btn { float: none; margin: 10px 0; }
	.apartment .phones {width: 100%; margin: 10px 0 0 0}
	#buildings-filter li{ padding: 5px 10px; width: 50%}
	ul#buildings-filter { margin-bottom: 15px}
}
@media (max-width: 450px) {
	.catalog .oldprice, .catalog .discount { font-size: 18px; height: 39px; padding-left: 15px}
	.catalog .block-header, .catalog .detales { height: 39px; padding: 8px 15px 0 15px;}
	.catalog .plan img{margin-top: 10px; margin-bottom: 4px}
	#buildings-filter li{ padding: 3px 10px; width: 100%}
	.apartment { width: 100%; }
	.apartment .left-text { width: 100%; float: none }
	.apartment-container.promo { float: right; }
	.apartment-container.promo .vr { float: none;}
	.apartment .icon { width: 64px; height: 64px; }
	.apartment .icon { width: 44px; height: 44px; }
	}
