.container.filter {display: flex;justify-content: center;width: 100%;margin-top: -331px;z-index: 60;}
.filter-wrapper {width: 100%;max-width: 75.125rem;}
.filter-navigation-wrapper {width: 100%;padding: 0;}
.filter-navigation {display: flex;margin-bottom: 0.5rem;column-gap: 5px;}
.filter-toggle {display: flex;align-items: center;flex: 1;justify-content: center;width: 100%;padding: 0.75rem 1rem;cursor: pointer;transition: background-color .3s ease;text-align: center;background: #fff;font-style: normal;font-weight: 500;font-size: 32px;line-height: 39px;color: rgba(0, 0, 0, 0.6);}
.filter-toggle.filter-active {cursor: default;pointer-events: none;color: rgba(225, 9, 21, 0.6);}
.filter-navigation .filter-toggle:hover {color: rgba(225, 9, 21, 0.6);}
.filter-content-wrapper {position: relative;min-width: 970px;max-width: 75.125rem;margin: 0 auto;padding: 15px;background: #fff;box-shadow: 0 6px 16px rgb(0 0 0 / 7%);}
.filter-content-categories-wrapper {margin-bottom: 1rem;position: relative;}
.filter-content-categories {display: flex;-webkit-margin-before: unset;margin-block-start: unset;-webkit-margin-after: unset;margin-block-end: unset;-webkit-padding-start: unset;padding-inline-start: unset; overflow: auto;}
.filter-content-categories:after {content: "";position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;right: 0;border-radius: 0.125rem;background-color: #000;}
.filter-content-category {width: 100%;text-align: center;position: relative;z-index: 2;cursor: pointer;border: none;background-color: transparent;padding: 1rem 0.875rem;font-style: normal;font-weight: 600;font-size: 26px;line-height: 32px;color: rgba(0, 0, 0, 0.6);}
.filter-content-category.filter-active-category {color: rgba(225, 9, 21, 0.6);cursor: default;pointer-events: none;}
.filter-content-category:hover {color: rgba(225, 9, 21, 0.6);}
.filter-fields {min-height: 150px;}
.filter-fields-wrapper {position: relative;max-width: 75.125rem;width: 100%;margin: 0 auto;}
.filter-fields-content {padding: 0;width: 100%;margin-bottom: 0.9375rem;}
.filter-fields-row {display: flex;flex-flow: row nowrap;margin-left: -0.46875rem;margin-right: -0.46875rem;}
.filter-fields-row:first-child {margin-bottom: 15px;}
.filter-fields-search-field {padding: 0 0.46875rem 15px;width: 100%;max-width: 49.4rem;margin: 0 auto;float: none;flex: 0 1 auto;}
.filter-fields-extends-filter {flex: 0 0 16.6666666667%;padding-left: 0.46875rem;padding-right: 0.46875rem;max-width: max-content;}
.filter-fields-submit {flex: 0 0 25%;max-width: 25%;padding-left: 0.46875rem;padding-right: 0.46875rem;width: 100%;min-width: 280px;margin-left: auto;}
.filter-submit {display: flex;justify-content: center;align-items: center;text-align: center;font-weight: 500;border: none;cursor: pointer;transition: color .3s,background-color .3s;-webkit-tap-highlight-color: rgba(0,0,0,0);outline: none;border-radius: .25rem;background-color: #f15044;color: #fff;font-size: .875rem;line-height: 1.25rem;position: relative;padding: calc(.625rem - 1px) calc(.9375rem - 1px);text-decoration: none;white-space: nowrap;width: 100%;}
.filter-submit:hover {background-color: #cf3133;}
.filter-extend-toggle {display: flex;justify-content: center;align-items: center;text-align: center;font-weight: 500;border: none;cursor: pointer;transition: color .3s,background-color .3s;-webkit-tap-highlight-color: rgba(0,0,0,0);border-radius: .25rem;background-color: transparent;color: #268cc7;font-size: .875rem;line-height: 1.25rem;white-space: nowrap;padding: calc(.625rem - 1px) calc(.9375rem - 1px);width: 100%;}
.filter-extend-toggle:hover {background-color: #e8f7fa;color: #376ca9;}
.filter-search-text-wrapper {font-size: .875rem;line-height: 1.25rem;position: relative;}
.filter-search-text-wrapper .form-control {width: 100%;padding: 0.625rem 0.9375rem;display: block;border: 1px solid #d6dadc;font-size: 14px;border-radius: 0.25rem;box-shadow: none;color: #333 !important;background-color: #fff;outline: 0;transition: border-color 0.15s ease-in-out;line-height: 1rem;margin: 0;height: inherit;}
.filter-search-text-wrapper .form-control:hover, .filter-search-text-wrapper .form-control:focus {border-color: #838c91;}
.filter-fields-row .filter-field-padding {padding-left: 0.46875rem;padding-right: 0.46875rem;}

.filter-fields-row .filter-field-rooms_num {flex: 0 0 auto;white-space: nowrap;max-width: 250px;}
.filter-field-rooms_num-wrapper {display: flex;flex-direction: column;}
.filter-field-rooms_num-label {margin-bottom: .625rem;margin-top: 0;padding: 0;display: inline-flex;justify-content: space-between;width: 100%;color: #333;font-size: .875rem;line-height: 1.25rem;}
.filter-field-rooms_num-options {display: flex;width: 100%;}
.filter-field-rooms_num-item {display: flex;justify-content: center;align-items: center;text-align: center;cursor: pointer;transition: color .3s,background-color .3s;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;background-color: #fff;color: #333;font-weight: 400;font-size: .929rem;line-height: 1.25rem;padding: .5rem .875rem;border: 1px solid #d2d2d2;}
.filter-field-rooms_num-item:not(:first-child) {margin-left: -1px;}
.filter-field-rooms_num-item [type="checkbox"] {display: none;}
.filter-field-rooms_num-item:hover, .filter-field-rooms_num-item.checked {color: #268cc7;background-color: #fff;border: 1px solid #268cc7;z-index: 1;}
.filter-field-rooms_num-item:last-child {border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;}

.filter-fields-row .filter-field-price {width: 100%;flex: 1 0.94 auto;min-width: 200px;max-width: 310px;}
.filter-fields-row .filter-field-area {width: 100%;min-width: 130px;max-width: 190px;flex: 1 1 auto;}
.filter-field-price-row,
.filter-field-area-row,
.filter-field-site_area-row
{
    margin-left: -0.46875rem;
    margin-right: -0.46875rem;
    display: flex;
    flex-wrap: wrap;
}
.filter-field-price-label-wrapper,
.filter-field-area-label-wrapper,
.filter-field-site_area-label-wrapper
{
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0.46875rem;
    padding-right: 0.46875rem;
}

.filter-field-price-label,
.filter-field-area-label,
.filter-field-sub-locality-label,
.filter-field-street-label,
.filter-field-parents-label,
.filter-field-avito_property_right-label,
.filter-field-object_type-label,
.filter-field-lot_type-label,
.filter-field-site_area-label,
.filter-field-direction-label,
.filter-field-commercial_type-label,
.filter-field-garage_type-label,
.filter-field-flat_type-label
{
    font-size: .875rem;
    line-height: 1.25rem;
    display: block;
    color: #333;
    width: 100%;
    margin-bottom: 0.625rem;
    white-space: nowrap;
}
.filter-field-range-wrapper {flex: 0 0 100%;max-width: 100%;padding-left: 0.46875rem;padding-right: 0.46875rem;display: flex;}
.filter-field-range-from {display: flex;}
.filter-field-range-to {display: flex;}
.filter-field-range-item {width: 100%;position: relative;}
.filter-field-range-item input {width: 100%;padding: .625rem .9375rem;display: block;border: 1px solid #d6dadc;box-shadow: none;line-height: 1rem;color: #333;background-color: #fff;outline: 0;transition: border-color 0.15s ease-in-out;border-radius: inherit;font-size: .875rem;height: inherit;margin-bottom: 0;overflow: visible;}
.filter-field-range-item input:hover,.filter-field-range-item input:focus {border-color: #838c91;}
.filter-field-range-from input {border-top-left-radius: 4px;border-bottom-left-radius: 4px;margin-left: 0;}
.filter-field-range-to input {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.filter-field-range-item input::-moz-placeholder {color: #848484}
.filter-field-range-item input:-ms-input-placeholder{color: #848484}
.filter-field-range-item input::placeholder{color: #848484}

.filter-fields-row .filter-field-sub-locality {width: 100%;min-width: 125px;flex: 1 1 auto;max-width: 100%;}
.filter-field-sub-locality-label-wrapper {width: 100%}

.filter-fields-row .filter-field-street {width: 100%;min-width: 125px;flex: 1 1 auto;max-width: 100%;}
.filter-field-street-label-wrapper {width: 100%;}

.filter-fields-row .filter-field-parents {width: 100%;min-width: 125px;flex: 1 1 auto;max-width: 100%;}
.filter-field-parents-label-wrapper {width: 100%;}

.filter-field-select-wrapper {width: 100%;}
.filter-field-select-wrapper select {width: 100%;}
.filter-field-select-wrapper .select2-container {width: 100% !important;}
.filter-field-select-wrapper .select2-container .select2-selection--single {position: relative;border: 1px solid #d6dadc;border-radius: 0.25rem;padding: 0.625rem 0.9375rem;font-size: .875rem;line-height: 1rem;background-color: #fff;color: #848484;width: 100%;height: inherit;}
.filter-field-select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 0;color: inherit;line-height: inherit;display: inherit;overflow: inherit;text-overflow: inherit;}
.filter-field-select-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {height: 9px;width: 9px;top: 14px;right: 14px;}

.filter-field-avito_property_right {width: 100%;min-width: 125px;flex: 1 1 auto;max-width: 100%;}
.filter-field-avito_property_right-label-wrapper {width: 100%}

.filter-field-object_type {width: 100%;min-width: 125px;flex: 1 1 auto;max-width: 100%;}
.filter-field-object_type-label-wrapper {width: 100%}

.filter-field-lot_type {width: 100%;min-width: 125px;flex: 1 1 auto;max-width: 100%;}
.filter-field-lot_type-label-wrapper {width: 100%}

.filter-field-site_area {width: 100%;min-width: 130px;max-width: 190px;flex: 1 1 auto;}

.filter-field-direction {width: 100%;min-width: 125px;flex: 1 1 auto;max-width: 100%;}
.filter-field-direction-label-wrapper {width: 100%}

.filter-field-commercial_type {width: 100%;min-width: 125px;flex: 1 1 auto;max-width: 100%;}
.filter-field-commercial_type-label-wrapper {width: 100%}

.filter-field-garage_type {width: 100%;min-width: 125px;flex: 1 1 auto;max-width: 100%;}
.filter-field-garage_type-label-wrapper {width: 100%}

.filter-field-flat_type {width: 100%;min-width: 125px;flex: 1 1 auto;max-width: 100%;}
.filter-field-flat_type-label-wrapper {width: 100%}

.filter-fields-modal.hidden {display: none;}
.filter-fields-modal:not(.hidden) {position: fixed!important;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 301;margin: 0;}
.filter-fields-modal-container {padding-left: 0.9375rem;padding-right: 0.9375rem;position: relative;top: calc(-26.76471px + 10.29412vh);bottom: 85px;display: flex;flex-direction: column;width: calc(100% - 50px)!important;max-width: 1196px;height: auto;max-height: calc(89.70588vh - 58.23529px);background-color: #fff;box-shadow: 0 16px 38px rgb(0 0 0 / 12%);border-radius: 4px;padding-top: 30px;margin: 0 auto;z-index: 201;}
.filter-fields-modal-container-wrapper-close {position: absolute;top: 15px;right: 15px;z-index: 10;}
.filter-fields-modal-container-close {color: #333;padding: 0;display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border: none;border-radius: 50%;background-color: #f8f9f9;cursor: pointer;}
.filter-fields-modal-container-close svg {width: 16px;height: 16px;}
.filter-fields-modal-container-close svg path {fill: #333;}
.filter-fields-modal-backdrop {width: 100%;position: fixed;background: rgba(0,0,0,0.5);height: 100vh;z-index: 201;top: 0;bottom: 0;right: 0;left: 0;}
.filter-fields-modal-content {position: relative;margin-left: -0.9375rem;margin-right: -0.9375rem;height: auto;overflow-y: auto;padding: 15px 50px 15px 15px;scrollbar-color: rgba(0,0,0,.15) transparent;scrollbar-width: thin;}
.filter-fields-modal-content-wrapper {width: 100%;padding-left: 0.9375rem;padding-right: 0.9375rem;}
.filter-fields-modal-bottom {position: relative;margin-left: -0.9375rem;margin-right: -0.9375rem;box-shadow: 0 -6px 16px rgb(0 0 0 / 7%);}
.filter-fields-modal-bottom-paddings {width: 100%;padding: 0.9375rem;}
.filter-fields-modal-bottom-wrapper-paddings {padding-left: 0.625rem;padding-right: 0.625rem;}
.filter-fields-modal-bottom-wrapper {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-end;font-size: 16px;line-height: 16px;}
.filter-fields-modal-bottom-reset {margin-right: .9375rem !important;position: relative;border: 1px solid #d6dadc;border-radius: .25rem;text-align: center;user-select: none;cursor: pointer;padding: .625rem .9375rem;line-height: 1rem;background-color: #fff;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;font-size: 1rem;font-weight: 500;color: #333;}
.filter-fields-modal-bottom-reset:hover {background-color: #f8f9f9;border-color: #d6dadc;}
.filter-fields-modal-bottom-submit {display: flex;justify-content: center;align-items: center;text-align: center;font-weight: 500;border: none;cursor: pointer;transition: color .3s,background-color .3s;-webkit-tap-highlight-color: rgba(0,0,0,0);outline: none;border-radius: .25rem;background-color: #f15044;color: #fff;font-size: 1rem;line-height: 1.5rem;position: relative;text-decoration: none;padding: .75rem 1rem;white-space: nowrap;}
.filter-fields-modal-bottom-submit:hover {z-index: 1;background-color: #cf3133;color: #fff;}

.filter-fields-modal-content-row {
    margin-left: -0.46875rem;
    margin-right: -0.46875rem;
    display: flex;
    flex-wrap: wrap;
}
.filter-fields-modal-content-ceil {
    margin-bottom: 0.9375rem;
    flex: 0 0 25%;
    padding-left: 0.46875rem;
    padding-right: 0.46875rem;
    max-width: 230px;
}
.filter-fields-modal-content-ceil-label {
    margin-bottom: 0.625rem;
    font-size: 16px;
    line-height: 16px;
}
.filter-fields-modal-content-ceil-range {
    position: relative;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}

.filter-fields-modal-content-ceil-range .filter-field-range-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.filter-fields-modal-content-ceil-range .filter-field-range-item input {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    z-index: 1;
    padding: 7px 15px;
}

.filter-fields-modal-content-ceil-checkbox {
    flex-basis: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: auto!important;
    max-width: unset;
}
.filter-fields-modal-content-ceil-checkbox-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.filter-field-checkbox-item {
    position: relative;
    display: inline-block;
    border: none;
    box-shadow: none;
    background: none;
    text-align: left;
    width: auto!important;
    color: #333;
    font-size: 16px;
    line-height: 16px;
    white-space: nowrap;
    padding: 12px 0 12px calc(24px + 0.46875rem);
    margin: 0 .9375rem 0 0;
    cursor: pointer;
}

.filter-field-checkbox-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    border: 1px solid #d6dadc;
    border-radius: 2px;
    margin-top: -8px;
}
[type="checkbox"]:checked ~ .filter-field-checkbox-item:before {
    content: '\2713';
    color: white;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f15044;
    border-color: #f15044;
    background-size: contain;
}

@media (max-width: 640px) {
    .container.filter {
        margin-top: 0;
    }

    .filter-content-wrapper {
        min-width: 100%;
    }

    .filter-toggle {
        font-size: 14px;
    }

    .filter-content-category {
        font-size: 14px;
        white-space: nowrap;
    }

    .filter-fields-row {
        flex-direction: column;
    }

    .filter-fields-row .filter-field-padding {
        max-width: 100%;
    }

    .filter-field-range-from, .filter-field-range-to {
        width: 100%;
    }


    .filter-field-price-label,
    .filter-field-area-label,
    .filter-field-sub-locality-label,
    .filter-field-street-label,
    .filter-field-parents-label,
    .filter-field-avito_property_right-label,
    .filter-field-object_type-label,
    .filter-field-lot_type-label,
    .filter-field-site_area-label,
    .filter-field-direction-label,
    .filter-field-commercial_type-label,
    .filter-field-garage_type-label,
    .filter-field-flat_type-label {
        margin-top: 5px;
    }

    .filter-fields-modal-content-ceil {
        flex: 0 0 50%;
    }

    .filter-fields-modal-backdrop {
        height: 100%;
    }
}