@charset "utf-8"; .filter{background:#423C65;margin-bottom:10px;opacity:1;position:relative;margin-top:0;/*transition:all 0.2s ease-in-out*/} .filter-content{padding:20px 0} .filter-hidden-data{display:none} .filter [f-table]:not(.show), .filter [f-folder]:not(.show){display:none} .filter-form-top{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between} .filter-form-top-item{display:flex;align-items:center;position:relative;margin-bottom:20px} .filter-form-top-item.price{align-items:stretch;margin-left:1px;align-self:flex-start} .filter-form-top-item.map{margin-bottom:0} .filter-form-top-item-link{width:17px;height:24px;cursor:pointer} /*Модальное окно фильтра для выбора локации*/ .filter-loc-modal{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;z-index:1000000;overflow-y:scroll;overflow-x:hidden;display:none} .filter-loc-modal.show{display:block} .filter-loc-modal-wrap{background:#fff;width:1030px;min-height:250px;margin:35px auto;position:relative} .filter-loc-modal-space{background:#fff;width:100%;min-height:182px;position:relative;overflow:hidden} .filter-loc-modal-close{position:absolute;width:24px;height:24px;top:-29px;right:2px;cursor:pointer;display:flex;justify-content:center;align-items:center} .filter-loc-modal-close:before{content:"";position:absolute;width:26px;height:1px;background:#fff;transform:rotate(45deg)} .filter-loc-modal-close:after{content:"";position:absolute;width:26px;height:1px;background:#fff;transform:rotate(-45deg);} .filter-loc-modal-buttons{display:flex;align-items:center;background:#423C65;padding:13px 20px 16px 20px;justify-content:space-between} .filter-loc-modal-buttons-wrap.input{width:29.1%;margin-right:13px;position:relative} .filter-loc-modal-buttons-wrap.links{display:flex;margin-right:13px} .filter-loc-modal-buttons-input{padding:11px 24px 11px 15px;border:1px solid #fff;color:#fff;background:#423C65;box-sizing:border-box;width:100%;font-size:13px} .filter-loc-modal-buttons-input::-moz-placeholder{color:#fff} .filter-loc-modal-buttons-input::-webkit-input-placeholder{color:#fff} .filter-loc-modal-buttons-input::-ms-input-placeholder{color:#fff} .filter-loc-modal-buttons-input::-ms-input-placeholder{color:#fff} .filter-loc-modal-buttons-input::placeholder{color:#fff} .filter-loc-modal-buttons-arrow{position:absolute;width:30px;height:100%;background-image:url("../img/filter-holder-arrow.webp");background-repeat:no-repeat;background-position:center;cursor:pointer;top:0;right:0} .nowebp .filter-loc-modal-buttons-arrow{background-image:url("../img/filter-holder-arrow.png")} .filter-loc-modal-buttons-link{text-decoration:none;padding:9px 12px 10px 12px;color:#fff;font-family:"OpenSans-Bold";border:1px solid #fff;border-right:none;cursor:pointer;position:relative;font-size:13px} .filter-loc-modal-buttons-link.active, .filter-loc-modal-buttons-link:hover{background:#fff;color:#423C65} .filter-loc-modal-buttons-link:last-child{border-right:1px solid #fff} .filter-loc-modal-buttons-link-count{position:absolute;right:2px;top:-8px;min-width:8px;display:block;height:16px;padding:0 5px 0 3px;color:#fff;font-size:11px;font-style:normal !important;text-align:center;background:#f03c40;border-radius:8px} .filter-loc-modal-buttons-link-count[data-count="0"]{display:none} .filter-loc-modal-buttons-wrap.save{cursor:pointer} .filter-loc-modal-buttons-save{color:#fff;padding:11px 18px;background:#5DA048;font-size:13px;text-decoration:none;transition:all 0.2s ease-out;cursor:pointer} .filter-loc-modal-buttons-save:hover{background:#50913c;transition:all 0.2s ease-out} .filter-loc-modal-loader{display:none;padding:0px 20px 20px 20px;position:absolute;width:100%;box-sizing:border-box;background:rgba(255, 255, 255, .8);height:100%;text-align:center;vertical-align:top;z-index:1} .filter-loc-modal-loader.show{display:block} .filter-loc-modal-loader > svg.lds-spinner{max-width:100px;max-height:100px} .filter-loc-modal-map{position:relative;display:none;width:100%;height:50px;overflow:hidden} .filter-loc-modal-map.show{display:block} .filter-loc-modal-map-space{display:block;width:100%;height:100%} .filter-loc-modal-map-layer{position:absolute;top:0;width:100%;height:100%;cursor:pointer} .filter-loc-modal.map_full .filter-loc-modal-map{height:400px} .filter-loc-modal.map_full .filter-loc-modal-map-layer, .filter-loc-modal.map_full .filter-loc-modal-list{display:none} .filter-loc-modal-points{display:none;flex-wrap:wrap;padding:20px 20px 0px 20px} .filter-loc-modal-points.show{display:flex} .filter-loc-modal-points-item{cursor:pointer;margin:0 3px;padding:0 3px} .filter-loc-modal-points-text{cursor:pointer;border-bottom:1px dotted #0088b9;color:#0088b9;font-family:"OpenSans-Bold"} .filter-loc-modal-points-text:hover{border-bottom:1px dotted #fff} .filter-loc-modal-points-item.active{background-color:#1ea0e4;border-bottom:1px dotted #1ea0e4} .filter-loc-modal-points-item.active .filter-loc-modal-points-text{color:#fff} .filter-loc-modal-list{padding:20px} .filter-loc-modal-list-map{width:100%;height:400px} .filter-loc-names{display:flex;flex-wrap:wrap} .filter-loc-names.hide{display:none} .filter-loc-modal-names-col{width:23%;margin-right:19px;margin-bottom:13px} .filter-loc-modal-names-col-row{margin-bottom:13px} .filter-loc-modal-names-col-row:last-child{margin-bottom:0px} .filter-loc-modal-names-col-row.hide{display:none} .filter-loc-names.street .filter-loc-modal-names-col-row, .filter-loc-names.metro .filter-loc-modal-names-col-row{width:100%} .filter-loc-scheme-metro{position:relative} .filter-loc-scheme-metro.hide{display:none} .filter-loc-scheme-metro-img{position:absolute;top:0px;left:0px} .filter-loc-scheme-metro-station{position:absolute;top:155px;left:775px;font-size:11px;line-height:0.95;letter-spacing:0px;color:black;cursor:pointer} .filter-loc-scheme-metro-station[data-role="line"]{width:13px;height:13px} .filter-loc-scheme-metro-station-icon{position:absolute;display:none;width:13px} .filter-loc-scheme-metro-station.active{color:#f00 !important} .filter-loc-scheme-metro-station.active .filter-loc-scheme-metro-station-icon{display:block} .filter-loc-modal-names-letter{color:#898989;margin-bottom:4px;margin-left:6px} .filter-loc-names.metro .filter-loc-modal-names-letter{display:inline-block;padding:0 1em 0 .3em;color:#000;border-left:1em solid #fff;border-bottom:.2em solid #fff} .filter-loc-modal-names-list-item{margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:1px} .filter-loc-names.street .filter-loc-modal-names-list-item, .filter-loc-names.metro .filter-loc-modal-names-list-item{display:inline-block;width:22.6%;margin-right:2%;margin-bottom:3px} .filter-loc-modal-names-link{border-bottom:1px dotted #4a667b;color:#4a667b;cursor:pointer;margin:0 6px} .filter-loc-modal-names-link:hover{border-bottom:1px dotted #fff} .filter-loc-modal-names-link.active{background-color:#1ea0e4;color:#fff;border-bottom:1px dotted #1ea0e4;padding:0 6px;margin:0} .filter-loc-metro{position:relative} .filter-loc-metro-img{width:100%} .filter-form-top-item.rooms{width:272px;overflow:hidden;padding:1px;transition:all .2s ease-out;opacity:1} .filter-form-top.no-rooms .filter-form-top-item.rooms{width:0;opacity:0;transition:all .2s ease-out} .filter-form-top-item-point{cursor:pointer} .filter-form-top-item-point-input{display:none} .filter-form-top-item-point-input:checked + .filter-form-top-item-point-span{background:#fff;color:#423C65} .filter-form-top-item-point-span{color:#fff;padding:9px 18px 8px;margin:-1px 0 0 -1px;border:1px solid #fff;box-sizing:border-box;display:block;background:#423C65} .filter-form-top-item.rooms .filter-form-top-item-point:first-child .filter-form-top-item-point-span{text-transform:capitalize} .filter-form-top-item-wrap{display:flex;} .filter-form-top-item-input{width:100px;box-sizing:border-box;padding:10px 13px 11px;display:block;border:1px solid #fff;background:none;color:#fff;border-radius:0;/*transition:all .2s ease-out;*/margin:0;margin-left:-1px} .filter-form-top.no-rooms .filter-form-top-item.price .filter-form-top-item-input{width:170px/*;transition:all .2s ease-out*/} .filter .afy-select.filter-main.valute{width:63px;box-sizing:border-box;margin-left:-1px} .filter .afy-select.filter-main.more{box-sizing:border-box;width:0;transition:all .2s ease-out;padding:9px 0 8px;overflow:hidden;opacity:0} .filter-form-top.no-rooms .afy-select.filter-main.more{border:1px solid #fff;width:90px;opacity:1;transition:all .2s ease-out;padding:9px 12px 8px;overflow:visible;margin-left:-1px} .filter .afy-select.filter-main.type{width:63px;box-sizing:border-box;margin-left:-1px} .filter .geo_select-visible.filter-data{width:200px;box-sizing:border-box;margin-left:-1px} .filter-form-top-item-input:hover{background:#353051} .filter-form-top-item-input:focus{background:#fff;color:#000} .filter-form-top-item-input::-moz-placeholder{color:#fff} .filter-form-top-item-input::-webkit-input-placeholder{color:#fff} .filter-form-top-item-input:-ms-input-placeholder{color:#fff} .filter-form-top-item-input::-ms-input-placeholder{color:#fff} .filter-form-top-item-input::placeholder{color:#fff} .filter-form-top-item.square{display:flex;align-items:stretch;align-self:flex-start} .filter-form-top-item-input.square{width:100px;padding:10px 9px 11px;margin:0;margin-left:-1px} .filter-form-bottom{width:100%;display:flex;align-items:center;justify-content:space-between} .filter-form-bottom-item{display:flex;align-items:center} .filter-form-bottom-item.center{width:545px;justify-content:flex-end} .filter-form-bottom-item-link{display:flex;align-items:center;color:#fff;font-size:13px;line-height:16px} .filter-form-bottom-item-link.more-filter{margin-right:35px;} .filter-form-bottom-item-link:before{content:"";width:16px;height:16px;margin-right:7px} .filter-form-bottom-item-link.more-filter.active:before{transform:rotate(180deg)} .filter-form-bottom-item-checkboxes{display:flex} .filter-form-bottom-item-checkboxes-label{display:flex;align-items:center;margin-left:28px;margin-right:21px;cursor:pointer;position:relative;} .filter-form-bottom-item-checkboxes-label:last-child{margin-right:0} .filter-form-bottom-item-checkboxes-input{display:none} .filter-form-bottom-item-checkboxes-check{position:absolute;width:15px;height:15px;top:1px;left:-23px;border:1px solid #cecece;cursor:pointer;display:flex;justify-content:center;align-items:center} .filter-form-bottom-item-checkboxes-span{position:relative;display:block;color:#fff;font-size:13px} .filter-form-bottom-item-checkboxes-input:checked + .filter-form-bottom-item-checkboxes-check:before{content:"";position:absolute;top:calc(50% - 9px / 2);left:calc(50% - 9px / 2);width:9px;height:9px;background:#fff} .filter-form-bottom-item-buttons{display:flex} .filter-form-bottom-item-buttons-view{background:#5da048;border:0;padding:11px 0;color:#fff;margin-right:4px;cursor:pointer;width:190px;text-align:center;white-space:nowrap;overflow:hidden} .filter-form-bottom-item-buttons-view *{cursor:pointer} .filter-form-bottom-item-buttons-view:hover{background:#487E37} .filter-form-bottom-item-button{display:none;border:1px solid #5DA048;box-sizing:border-box;background:0;color:#fff;font-family:"OpenSans-Bold";cursor:pointer} .filter-form-bottom-item-button.map{display:block} body.popap_map_open .filter-form-bottom-item-button.list{display:block} body.popap_map_open .filter-form-bottom-item-button.map{display:none} .filter-form-bottom-item-button-span{cursor:pointer;line-height:18px;display:flex;align-items:center} .filter-form-bottom-item-button .filter-form-bottom-item-button-span:before{content:"";margin-right:5px} .filter-form-bottom-item-button.map .filter-form-bottom-item-button-span:before{width:15px;height:22px} .filter-form-bottom-item-button.list .filter-form-bottom-item-button-span:before{width:16px;height:12px} .filter-form-bottom-item-button:hover{background:#5DA048} .filter-fields{padding:30px 0;background:#fff;margin-bottom:10px;display:none} .filter-fields.show{display:block} .fields-list{display:flex;justify-content:space-between} .fields-form-col{width:31%} .fields-form-col-field{margin-bottom:20px} .fields-form-col-field-checkbox-label-square{display:inline-block;padding-right:.4em} .fields-form-col-field-checkbox-wrap{display:flex;justify-content:space-between;flex-wrap:wrap} .fields-form-col-field-checkbox{margin-bottom:20px;margin-top:5px} .fields-form-col-field-checkbox-label{margin-left:23px;margin-right:8px;cursor:pointer} .fields-form-col-field-checkbox-label-span-class{display:inline-block;padding:6px 13px 8px 13px;background:#fff;border:1px solid #c5c5c5;cursor:pointer} .fields-form-col-field-checkbox-label.full-line{width:100%;display:block} .fields-form-col-field-checkbox-label-input-class:checked + .fields-form-col-field-checkbox-label-span-class{background-color:#49AFE4;border-color:#49AFE4;color:#fff} .fields-form-col-field-checkbox-label-input, .fields-form-col-field-checkbox-label-input-class{display:none} .fields-form-col-field-checkbox-label-input:checked + .fields-form-col-field-checkbox-label-span:before{content:"";background-image:url(../img/sprite-2.webp?20200126);background-repeat:no-repeat;background-position:-218px -241px;background-size:267px} .nowebp .fields-form-col-field-checkbox-label-input:checked + .fields-form-col-field-checkbox-label-span:before{background-image:url(../img/sprite-2.png?20200126)} .fields-form-col-field-checkbox-label-span{position:relative} .fields-form-col-field-checkbox-label-span:before{content:"";position:absolute;width:15px;height:15px;top:1px;left:-23px;border:1px solid #cecece;cursor:pointer} .fields-form-col-field-name{display:block;font-family:"OpenSans-Bold";margin-bottom:3px} .fields-form-col-field-label{display:flex;justify-content:space-between} .fields-form-col-field-label-select{width:100%;box-sizing:border-box;padding:7px 8px;border:1px solid #c5c5c5;background:#fff} .fields-form-col-field-label-input{padding:8px 8px;border:1px solid #c5c5c5;width:43.5%} .fields-form-col-field-label-input.margin-right{margin-right:5px} @media (max-width:1290px){ .filter-form-top-item-input.square{width:120px} .filter-form-bottom-item-link.more-filter{margin-right:15px} .filter-form-bottom-item-buttons-view{padding:8px 6px} .filter-form-top-item.select{order:1} .filter-form-top-item.rooms{order:2} .filter-form-top-item.price{order:3} .filter-form-top-item.square{order:4;margin-left:1px} .filter-form-bottom-item.left{order:6} .filter-form-bottom-item.center{order:5;margin-bottom:20px} .filter-form-bottom-item.right{order:7} .filter-form-top.no-rooms .filter-form-top-item.price .filter-form-top-item-input{width:200px} } @media (max-width:1034px){ .filter-form-top-item-input{width:169px} .filter-form-bottom-item.center{width:100%} .filter-form-bottom-item-checkboxes{width:100%;justify-content:center} .filter-form-bottom-item-checkboxes-label{margin-right:26px} .filter-form-top-item-input.square{width:156px} .filter-form-top-item.rooms{width:311px} .filter-form-top-item-point-span{padding:9px 22px 8px} .filter-form-top.no-rooms .filter-form-top-item.price .filter-form-top-item-input{width:113px} .filter-form-top.no-rooms .filter-form-top-item.square .filter-form-top-item-input.square{width:100px} .filter-form-top.no-rooms .filter-form-bottom-item.center{width:65%} .filter-form-top.no-rooms .filter-form-bottom-item-checkboxes{justify-content:flex-end;} .filter-form-top.no-rooms .filter-form-bottom-item-checkboxes-label{margin-right:18px} .filter-form-top.no-rooms .filter-form-bottom-item-checkboxes-label:last-child{margin-right:0} .fields-list{flex-wrap:wrap} .fields-form-col{width:100%} } @media (max-width:840px){ .filter .geo_select-visible.filter-data{width:160px} .filter-form-top-item.rooms{width:261px} .filter-form-top-item-point-span{padding:9px 17px 8px} .filter-form-top-item-input{width:129px} .filter-form-top-item-input.square{width:101px} .filter-form-top.no-rooms .select_folder-block{width:298px} .filter-form-top.no-rooms .filter-form-bottom-item.center{width:100%} .filter-form-top.no-rooms .filter-form-bottom-item-checkboxes{justify-content:center} .filter-form-top.no-rooms .filter-form-top-item.square .filter-form-top-item-input.square{width:100px} .filter-form-top.no-rooms .filter-form-top-item.price .filter-form-top-item-input{width:98px} .filter-form-top.no-rooms .geo_select-visible.filter-data{width:301px} .filter-form-top-item{margin-bottom:12px} .filter-form-bottom-item.center{margin-bottom:12px} .filter-form{width:100%;margin:0 auto} .filter-form-top-item-link{display:none} .filter .geo_select-visible{margin-right:0} } @media (max-width:610px){ .filter .geo_select-visible.filter-data{width:100%;margin-left:0} .filter .afy-select.filter-main.more{margin-top:0;padding:0} .filter-form-top-item.rooms{width:316px} .filter-form-top-item-point-span{padding:9px 1.48em 8px} .filter-form-bottom-item-checkboxes-label{margin-right:0;width:100%;margin-left:23px;margin-bottom:18px} .filter-form-bottom-item-checkboxes-label:last-child{margin-bottom:0} .filter-form-top.no-rooms .select_folder-block{width:100%} .filter-form-top.no-rooms .filter-form-top-item.rooms{padding:0} .filter-form-top.no-rooms .filter-form-top-item.price .filter-form-top-item-input{width:82px} .filter-form-top.no-rooms .filter-form-top-item.square .filter-form-top-item-input.square{width:46%} .filter-form-top.no-rooms .geo_select-visible.filter-data{width:100%} .filter-form-top.no-rooms .filter-form-top-item.price .filter-form-top-item-input{width:44.8%;} .filter-form-top.no-rooms .filter .afy-select.filter-main.more{padding:9px 0 8px} .filter{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;overflow:auto} .filter-form{width:100%;padding:0 10px;box-sizing:border-box} .filter-form-top{margin-bottom:32px} .filter-form-top-item.select, .filter-form-top-item.select .select_folder{flex-wrap:wrap;margin-bottom:12px;justify-content:flex-start;position:relative;width:100%} .filter-form-top-item.map{position:absolute;bottom:7px;left:13px} .filter-form-top-item.price{margin-top:0px;margin-left:1px;justify-content:flex-start;margin-bottom:12px;width:100%} .filter-form-top.no-rooms .filter-form-top-item.price{width:100%} .filter-form-top-item-wrap{margin-right:0px;width:100%} .filter-form-top-item-input{width:46%;margin-bottom:0px} .filter-form-top-item-input.first{margin-left:-1px} .filter-form-top-item.square{margin-top:0px;position:relative;width:100%;margin-bottom:29px} .filter-form-top-item-input.square{width:46%} .filter-form-bottom-item.center{margin-bottom:20px} .filter-form-bottom-item.left{margin-bottom:20px;flex-wrap:wrap;order:7} .filter-form-bottom-item.right{margin-bottom:20px;order:6} .filter-form-bottom-item-link.more-filter{margin-right:24px} .filter-form-bottom-item-checkboxes{width:100%;flex-wrap:wrap} .filter-form-bottom-item-checkboxes-label.first{margin-right:0px;width:100%;margin-bottom:10px} .filter-form-bottom-item-buttons-view{padding:8px 8px} .filter .fields-content{width:97%;margin:0 auto} .filter .geo_select-visible.filter-data .geo_select-visible-field-input{padding:10px 13px 10px 13px;border-radius:0} } #filter-mob-menu{display:none} .filter-mob-close{display:none} @media (max-width:610px) { #filter-mob-menu{display:block;margin-bottom:10px;height:52px;background:#fff} #filter-mob-menu > .container > .content{padding:0} .filter-mob-close{display:flex;align-items:center;justify-content:flex-end;color:#fff;margin:22px 10px 7px 0;cursor:pointer} .filter-mob-close:before{content:"";width:12px;height:12px;margin-right:10px} .filter-mob-menu-container.fixed{position:fixed;width:100%;top:0;left:0;background:#fff;border-bottom:1px solid #D5D5D5;z-index:149;box-sizing:border-box} .filter-mob-menu-buttons{display:flex;justify-content:center;align-items:center;padding:15px 0} .filter-mob-menu-button{font-weight:bold;font-size:16px;line-height:21px;color:#423C65;margin-right:53px;display:flex;align-items:center} .filter-mob-menu-button:before{content:"";margin-right:10px} .filter-mob-menu-button:last-child{margin-right:0} .filter-mob-menu-button.filter-button:before{width:24px;height:17px} .filter-mob-menu-button.map-button:before{width:17px;height:24px} .filter-mob-menu-button.list-button:before{width:16px;height:12px} } @media (max-width:610px){ /* фильтр скрыт */ body .filter{display:none} /* фильтр показывается (попап во весь экран) */ body.filter_open{overflow:hidden} body.filter_open .filter{display:block} } @media (min-width:611px){ /* фильтр показывается */ body .filter{display:block} body.popap_map_open.filter_hide .filter{display:none} }