.project-listing{--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{width:50%;font-size:13px}.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.small .project>img{height:210px}.project-listing.small .ribbons{display:block}.project-listing.small .area{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{max-width:680px;width:100%;height:initial}}@media(min-width:850px){.section-teaser:not(.simple) .left-col img{max-width:unset;width:unset}}