.project-listing{--symbol-bg-color: #d9308a;--symbol-color: #fff;--area-bg-color: #351c4f;--area-color: #fff;--counters-color: #999;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.project-listing.std-list{justify-content:flex-start}.project-listing .project img{display:block;width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.project-listing .project .title{display:none;font-size:13px}.project-listing .info{display:flex;flex-wrap:nowrap;align-items:stretch;width:calc(100% - 1rem);margin:5px auto;background-color:var(--project-info-bg-color);color:var(--project-info-color);border-radius:3px;overflow:hidden;font-size:14px;max-height:37px}.project-listing .name{max-width:130px;padding:.5rem 1rem;color:var(--symbol-color);font-weight:700;overflow:hidden}.project-listing .area{padding:.5rem;background-color:var(--area-bg-color);color:var(--area-color);text-align:right}.project-listing .info .construction-cost{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin:0 0 0 auto;padding:.5rem 1rem;gap:.5rem}.project-listing .positions,.project-listing .price{width:50%;font-size:13px}.project-listing .price{text-align:right}.project-listing .favorites-add-remove{position:absolute;top:1em;right:1em;color:#fff}.project-listing .favorites-add-remove .orange{color:orange}.project-listing .features{font-size:14px;line-height:1.5}.project-listing .features .title{font-weight:100}.project-listing .features .value{color:#8d8d8e}.project-listing .counters{display:flex;padding:.5rem;font-size:13px;color:var(--counters-color);gap:1rem}.project-listing .on-request{position:absolute;right:-38px;bottom:75px;transform:rotate(315deg);width:150px;border:22px solid transparent;border-top:22px solid #ca1d61}.project-listing .on-request .text{font-size:16px;line-height:22px;text-align:center;color:#fff;position:absolute;right:2px;bottom:1px}@media(min-width:768px){.project-listing .project .title{display:-webkit-box;width:calc(100% - 1rem);font-size:13px;margin:5px auto auto}.project-listing.list .project{width:calc(50% - 20px);max-width:680px}.project-listing.list .banner{width:calc(50% - 20px);max-width:680px;height:initial;max-height:425px}.project-listing.small .project img{height:210px}.project-listing.list .project img{height:initial;max-height:425px}.project-listing.list .banner a img{width:100%;height:initial;max-height:425px}.project-listing.small .ribbons{display:block}.project-listing.small .area,.project-listing.small .price{text-align:right}.project-listing.small .construction-cost>div{width:50%}.project-listing.small .construction-cost>div:last-of-type{text-align:right}}@media(min-width:992px){.project-listing.large .banner{display:none}.project-listing.large .project>*{width:50%;max-width:680px}.project-listing.large .project img,.project-listing.large .project .no-photo{max-width:680px;width:100%;height:initial}}@media(min-width:850px){.section-teaser:not(.simple) .left-col img{max-width:unset;width:unset}}