

/* Start:/local/components/vysotsky/zhk.list/templates/map/style.css?177858721913042*/
.ta-filter {  margin: 0 -12px;  margin-bottom:32px; padding:12px; border-radius: 6px; background:#F0EEF4;  display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-align: center;-ms-flex-align: center;align-items: center; position:relative; gap:12px; }

.ta-filter .col { }
.ta-filter .col span.name { -ms-flex-preferred-size: 100%;flex-basis: 100%; max-width:320px; display:block; text-align: left;  color: #1A1A1A; font-size:13px;  margin-bottom: 3px; }



.ta-filter .col-btns { margin-left: auto; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-align: center;-ms-flex-align: center;align-items: center; margin-top: 24px;}

.ta-filter .btn-search{
    cursor: pointer;
    outline: none;
    font-size:14px;
    line-height:20px;
    display:inline-block;
    padding:12px 16px;
    text-decoration:none;
    color:#fff;
    border-radius: 6px;
    width:auto;
    text-align:center;
    background:#E06437;
    margin-left: 8px;
}
.ta-filter .btn-search:hover{
    background:#FF7644;
}
.ta-filter .btn-search:active{
    background:#FF7644;
}

.ta-filter .btn-reset{
    font-size: 14px; line-height: 20px; padding:4px 8px; color:#797686;
}
.ta-filter .btn-reset:hover{
    color: #E06437;
}






.filter-cnt { margin-left:auto; font-size: 14px; line-height: 20px; color:#797686; margin-right:32px;}
.filter-cnt .cnt { font-weight:bold;}


.jcf-select .jcf-select-text { text-overflow:ellipsis !important; }




.ta-filter-prices { display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.ta-filter-prices .ta-input-container { position:relative; }
.ta-filter-prices .ta-input-container input {
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size: 14px;
    width: 130px;
    height:46px;
    margin: 0;
    padding:0 8px;
    border:none;
    border-radius:6px;
    background:#fff;
    border:1px solid #B2AFBA;
    color:#000;
}
.ta-filter-prices input.ta-input-price-min{ border-radius:6px 0 0 6px; padding-left:29px; padding-right:8px;}
.ta-filter-prices input.ta-input-price-max{ border-radius:0px 6px 6px 0; padding-left:29px; padding-right:8px;}
.ta-filter-prices .ta-input-container + .ta-input-container { margin-left:-1px;}
.ta-filter-prices .ta-input-container label.name { position: absolute; left:0; top:0; height:46px; padding: 14px 0 12px 8px; font-size: 14px; line-height:20px; color:#797686; }
.ta-filter-prices .ta-input-container label.cur { position: absolute; right:0; top:0; height:46px; padding: 14px 8px 12px 0px; font-size: 14px; line-height:20px; color:#797686; text-align:left; }


.ta-filter-area { display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-align:center;-ms-flex-align:center;align-items:center;   }
.ta-filter-area .ta-input-container { position:relative; }
.ta-filter-area .ta-input-container input {
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size: 14px;
    width: 80px;
    height:46px;
    margin: 0;
    padding:0 8px;
    border:none;
    border-radius:6px;
    background:#fff;
    border:1px solid #B2AFBA;
    color:#000;
}
.ta-filter-area input.ta-input-area-min{ border-radius:6px 0 0 6px; padding-left:29px; padding-right:8px;}
.ta-filter-area input.ta-input-area-max{ border-radius:0px 6px 6px 0; padding-left:29px; padding-right:8px;}
.ta-filter-area .ta-input-container + .ta-input-container { margin-left:-1px;}
.ta-filter-area .ta-input-container label.name { position: absolute; left:0; top:0; height:46px; padding: 14px 0 12px 8px; font-size: 14px; line-height:20px; color:#797686; }



.ta-filter-text { display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-align:center;-ms-flex-align:center;align-items:center;  }
.ta-filter-text .ta-input-container { position:relative; }
.ta-filter-text .ta-input-container input {
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size: 14px;
    width: 300px;
    height:46px;
    margin: 0;
    padding:0 8px;
    border:none;
    border-radius:6px;
    background:#fff;
    border:1px solid #B2AFBA;
    color:#000;
}



.jcf-select .jcf-select-text { text-overflow:ellipsis !important; }

.ta-filter-text { max-width: 260px;}
.ta-filter-city { width: 160px; max-width: 160px;}
.ta-filter-rooms { width: 130px;  max-width: 130px;}
.ta-filter-prices { width: 260px; max-width: 260px;}
.ta-filter-area { width: 160px;  max-width: 160px;}

.ta-filter .col-more {  margin-left: 0; margin-top: 23px; }
.ta-filter .ta-btn-more { display:block; border-radius: 6px; height: 46px; width:46px; background: #fff;  border: 1px solid #B2AFBA; background-repeat:no-repeat; background-position:center; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.75 12.75V15.75M15.75 18.75V15.75M18.75 15.75H21.75M15.75 15.75H2.25' stroke='%23797686' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M8.25 11.25V8.25M8.25 5.25V8.25M11.25 8.25H21.75M8.25 8.25H2.25' stroke='%23797686' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E ");}
.ta-filter .ta-btn-more:hover { cursor:pointer;}
.ta-filter .ta-btn-more > span { display:none; font-size: 14px; color:#797686; line-height:44px; padding-left:2px; }

@media screen and (min-width: 1920px) {
    .ta-filter .col-btns { margin-top:24px;}
    .ta-filter .col-more { display:none; }
    .ta-filter-text .ta-input-container input { width: 400px;}
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
    .ta-filter .btn-reset{ margin-left:auto; }
    .ta-filter .col-more { display:none; }

}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .ta-filter .btn-reset{ margin-left:auto; }
    .ta-filter { height: 93px; overflow:hidden;}
    .ta-filter.expanded { height:auto; }

    .ta-filter-rooms { order:1; }
    .ta-filter-area { order:2; }
    .ta-filter-prices { order:3; }
    .ta-filter .col-more { order:4; }
    .ta-filter .col-btns { order:5; }
    .ta-filter-text { order:6; }

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .ta-filter .btn-reset{ margin-left:auto; }
    .ta-filter { height: 93px; overflow:hidden;}
    .ta-filter.expanded { height:auto; }

    .ta-filter-rooms { order:1; }
    .ta-filter-prices { order:2; }
    .ta-filter .col-more { order:3; }
    .ta-filter .col-btns { order:4; }
    .ta-filter-area { order:5; }
    .ta-filter-text { order:6; }

}
@media screen and (max-width: 767px) {

    .ta-filter{ margin-bottom:24px; gap: 12px 0; }

    .ta-filter .col.ta-filter-text { width: 100%; margin: 0; max-width:unset;}
    .ta-filter-text .ta-input-container { width: 100% !important; }
    .ta-filter-text .ta-input-container input { width: 100% !important; }

    .ta-filter .col.ta-filter-rooms { width: 50%; padding-right: 6px; margin: 0;  max-width:unset;}

    .ta-filter .col.ta-filter-area { width: 50%; padding-left: 6px; margin: 0;  max-width:unset;}
    .ta-filter-area input.ta-input-area-min{ padding-left:26px; }
    .ta-filter-area input.ta-input-area-max{ padding-left:26px; }
    .ta-filter-area .ta-input-container { width: 50% !important; max-width:unset;}
    .ta-filter-area .ta-input-container input { width: 100% !important; max-width:unset;}
    .ta-filter-area .ta-input-container label.name { padding: 14px 0 12px 6px; font-size: 12px; }


    .ta-filter .col.ta-filter-prices  { -ms-flex-preferred-size: 100%;flex-basis: 100%; max-width:unset;}
    .ta-filter-prices .ta-input-container { width: 50% !important; max-width:unset;}
    .ta-filter-prices .ta-input-container input { width: 100% !important; max-width:unset;}
    .ta-filter-prices input.ta-input-price-min{ padding-left:26px; }
    .ta-filter-prices input.ta-input-price-max{ padding-left:26px; }
    .ta-filter-prices .ta-input-container label.name { padding: 14px 0 12px 6px; font-size: 12px; }


    .ta-filter .col-btns { -ms-flex-preferred-size: 100%;flex-basis: 100%; gap:12px;}
    .ta-filter .filter-cnt { margin-left:0; -ms-flex-preferred-size: 100%;flex-basis: 100%; }
    .ta-filter .btn-reset {  margin:0;  padding:12px 0; -webkit-box-flex: 2;-ms-flex: 2;flex: 2;}
    .ta-filter .btn-search { width: 50% ; margin:0; }

    .ta-filter .ta-btn-more { width:50%; text-align:center;  display:block; background-image:unset; }
    .ta-filter .ta-more-container { padding-right:6px;}
    .ta-filter .ta-btn-more > span {  width:auto; display:inline-block; padding:0 0 0 30px;  background-repeat:no-repeat; background-position:left center; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.75 12.75V15.75M15.75 18.75V15.75M18.75 15.75H21.75M15.75 15.75H2.25' stroke='%23797686' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M8.25 11.25V8.25M8.25 5.25V8.25M11.25 8.25H21.75M8.25 8.25H2.25' stroke='%23797686' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E "); }

    .ta-filter .col-more { margin-top:0; }
    .ta-filter .col-btns { margin-top:0; }

    .ta-filter { height: 70px; overflow:hidden;}
    .ta-filter.expanded { height:auto; }
    .ta-filter .col-more { order:1; width: 100%; -ms-flex-preferred-size: 100%;flex-basis: 100%;}
    .ta-filter-rooms { order:2; }
    .ta-filter-area { order:3; }
    .ta-filter-prices { order:4; }
    .ta-filter-text { order:5; }
    .ta-filter .col-btns { order:10; }

}




select.cf-select {display:block;position:relative; border: 1px solid #B2AFBA; border-radius: 6px; background:#fff; margin:0; min-width:unset !important; height:auto !important; width:auto; padding:12px 8px; font-size: 14px; line-height: 20px; max-width: 85px;  }
.jcf-select.jcf-select-cf-select {display:block;position:relative; border: 1px solid #B2AFBA; border-radius: 6px; background:#fff; margin:0;  height:auto !important; cursor:pointer; }
.jcf-select.jcf-select-cf-select .jcf-select-text{ text-overflow:unset; white-space:nowrap; overflow:hidden; cursor:pointer; display:block; padding:12px 8px; font-size: 14px; line-height: 20px; margin:0;color:#1A1A1A;}
.jcf-select.jcf-select-cf-select .jcf-select-opener{ display:none !important; }

select.cf-select-multi {display:block;position:relative; border: 1px solid #B2AFBA; border-radius: 6px; background:#fff; margin:0; min-width:unset !important; height:auto !important; width:auto; padding:12px 8px; font-size: 14px; line-height: 20px; max-width: 85px;  }
.jcf-select.jcf-select-cf-select-multi {display:block;position:relative; border: 1px solid #B2AFBA; border-radius: 6px; background:#fff; margin:0;  height:auto !important; cursor:pointer; }
.jcf-select.jcf-select-cf-select-multi .jcf-select-text{ text-overflow:unset; white-space:nowrap; overflow:hidden; cursor:pointer; display:block; padding:12px 8px; font-size: 14px; line-height: 20px; margin:0;color:#1A1A1A;}
.jcf-select.jcf-select-cf-select-multi .jcf-select-opener{ display:none !important; }


/*body > .jcf-select-drop.jcf-select-cf-select ul li:first-child { display:none !important;}*/


body > .jcf-select-drop.jcf-compact-multiple.jcf-select-cf-select-multi { min-width: 280px; }
body > .jcf-select-drop.jcf-compact-multiple.jcf-select-cf-select-multi .jcf-hover { position: relative; cursor: pointer; }
body > .jcf-select-drop.jcf-compact-multiple.jcf-select-cf-select-multi .jcf-option { padding-left:32px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E %3Crect x='0.5' y='0.5' width='23' height='23' rx='5.5' stroke='%23B2AFBA'/%3E %3C/svg%3E"); background-repeat:no-repeat; background-position:8px center; background-size:18px; }
body > .jcf-select-drop.jcf-compact-multiple.jcf-select-cf-select-multi .jcf-option:after { display:none !important;}
body > .jcf-select-drop.jcf-compact-multiple.jcf-select-cf-select-multi .jcf-option:before { display:none !important;}

body > .jcf-select-drop.jcf-compact-multiple.jcf-select-cf-select-multi .jcf-option.jcf-selected {  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E %3Crect x='0.5' y='0.5' width='23' height='23' rx='5.5' stroke='%23B2AFBA'/%3E %3Cpath d='M5 12.9767L9.66667 18L19 6' stroke='%231a1a1a'/%3E %3C/svg%3E"); }
body > .jcf-select-drop.jcf-compact-multiple.jcf-select-cf-select-multi .jcf-list li { position: relative; }

body > .jcf-select-drop.jcf-compact-multiple.jcf-select-ta-select-rooms ul li:first-child { display:none !important;}

body > .jcf-select-drop.jcf-select-ta-select-rooms { width: 160px !important; }



/* End */
/* /local/components/vysotsky/zhk.list/templates/map/style.css?177858721913042 */
