/* Start:/local/components/stroymin/filter/templates/.default/style.css?169744353810508*/
.js-select {
  position: relative
}

.js-select__toggler {
  display: block;
  padding: 0;
  font: inherit;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.js-select__dropdown {
 display:none;
}

.js-select--open .js-select__dropdown {
  display: block;
}


.js-select__options {
  list-style-type: none;
  padding: 0;
}

.js-select__options input {
  display: none;
}

.js-select__options input:checked + label {  border-bottom-color: #f05e5e}

.filter-layout {
	position: relative;
	z-index: 255;
padding-bottom: 30px;
  background-color: #fff;
  display: none;
}

.filter-layout--open {
  display: block
}

.filter-layout__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.reset-filters,
.close-filters {
  background-color: transparent;
  border: 0;
}

.reset-filters {
  color: #f05e5e;
}

.filter {
  width: 100%;px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.filter__heading {
  margin-bottom: 20px;
}
.filter__title::before {
  content: '';
  position: absolute;
  right: 11px;
  top: 50%;
  width: 8px;
  height: 2px;
  background-color: currentColor;
  transform: rotate(35deg)
}

.filter__title::after {
  content: '';
  position: absolute;
  right: 6px;
  top: 50%;
  width: 8px;
  height: 2px;
  background-color: currentColor;
  transform: rotate(-35deg)
}
.filter__dropdown {
  min-width: 100%; 
  padding-top: 15px;
  background-color: #fff;
  border: 3px solid #959595;
}

.filter__title {
  position: relative;
  width: 100%;
  padding: 7px 25px 7px 5px;
  text-align: left;
}

.filter__options label {
  display: block;
  width: 100%;
  padding: 0 5px;
  margin-bottom: 8px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}
.filter__options span {
  display: inline-block;
}
.filter__options label:hover {
  border-bottom-color: #f05e5e
}
.submit-filters,
.open-filters {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 0 auto 30px auto;
  padding: 12px 15px;
  color: #fff;
    text-align: center;
  border: 3px solid #959595;
  background-color: #f05e5e;
}



@media screen and (min-width: 768px) {
  .open-filters {
    display: none;
  }
  .filter-layout__top {
    display: none;
  }
  .submit-filters {
    display: none;
  }
  .filter-layout {
    display: block;
  }
  .filter__heading {
	width: 100%;
    margin: 0 0 15px 0;
  }
  .js-select__dropdown {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.25s ease-out, opacity 0.25s ease-out;
}

.js-select__toggler {
	white-space: nowrap;
}

.js-select--open .js-select__dropdown {
  visibility: visible;
  opacity: 1;
}
 .js-select--active .filter__title {
  color: #f05e5e;
  border-color: #f05e5e;

}
.js-select--active.js-select--open .filter__title {
  color: #000;
  border-color: #959595;
}
.filter {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
	flex-wrap: wrap;
  padding: 15px 15px 0 15px;

  border: 3px solid #959595;
}
	.filter__option {
margin-bottom: 5px;}
/*.filter__item--props {
  min-width: 150px;

}

.filter__item--type {
  min-width: 210px;

}*/

.filter__title {
  border: 2px solid #959595;
  transition: border-color 0.25s ease-out, color 0.25s ease-out;
}

.filter__title:hover {
  color: #f05e5e;
  border-color: #f05e5e;
}

.js-select--open .filter__title:hover {
  border-color: #959595;
  color: #000;
}
	.filter-active {
color: #f05e5e;
  border-color: #f05e5e;
}

.filter__title::before {
  content: '';
  position: absolute;
  right: 11px;
  top: 50%;
  width: 8px;
  height: 2px;
  background-color: currentColor;
  transform: rotate(35deg)
}

.filter__title::after {
  content: '';
  position: absolute;
  right: 6px;
  top: 50%;
  width: 8px;
  height: 2px;
  background-color: currentColor;
  transform: rotate(-35deg)
}

.filter__dropdown {
  top: calc(100% - 4px);
  left: 0;
  min-width: 100%; 
  padding-top: 15px;
  background-color: #fff;
  border-left: 2px solid #959595;
  border-right: 2px solid #959595;
  border-bottom: 2px solid #959595;
}
	.filter__item  {
flex: 1;
margin-right: 15px;
margin-bottom: 15px;}
	.filter__item :last-child {margin: 0}
	.js-select--open {
z-index: 256;}

.js-select--open .filter__title {
  border-bottom-color: transparent;
}


}
/*.filter-layout__top,
.open-filters,
.submit-filters {
    display: none;
}

.filter__dropdown {
    display: none;
    position: absolute;
    z-index: 255;
}

.filter__options {
    margin: 0;
    padding: 0 0 5px 0;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #4e4848;
    margin-top: -1px;
}

.filter__option {
    list-style-type: none;
    margin: 5px 10px 0 10px;
}

.filter__option input {
    display: none;
}

.filter__option label {
    cursor: pointer;
}
.filter__option label:hover {
    color: #f05e5e;
    transition: 0.2s linear;
}

.js-select--open .filter__dropdown {
    display: block;
}

.filter {
    color: #a09f9f;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    display: table;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}

.filter__heading,
.filter__item {
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
}

.filter__item {
    margin-left: 15px;
}

.filter__title {
    height: 26px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.2s linear;
    border-bottom: 1px solid #ffffff;
}

.filter__title:after {
    content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 5px;
    font-size: 2em;
    vertical-align: -4px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: 17px;
}

.js-select--open  .filter__title:after {
    content: "\f107";
}

.filter__title:hover,
.js-select--open .filter__title {
    color: #f05e5e;
    border-bottom: 1px solid #f05e5e;
}

.filter__option_selected {
    color: #f05e5e;
}*/

/*.sort li.selected a {
    color: #f05e5e;
}
.sort li.selected a {
    color: #000;
}

.sort li a {
    color: #a09f9f;
}*/


/*
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.js-select {
    position: relative
}

.js-select__toggler {
    display: block;
    padding: 0;
    font: inherit;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.js-select__dropdown {
    display:none;
}

.js-select--open .js-select__dropdown {
    display: block;
}


.js-select__options {
    list-style-type: none;
    padding: 0;
}

.js-select__options input {
    display: none;
}

.filter-layout {
    background-color: #fff;
    display: none;
}

.filter-layout--open {
    display: block
}

.filter-layout__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.reset-filters,
.close-filters {
    background-color: transparent;
    border: 0;
}

.reset-filters {
    color: #f05e5e;
}

.filter {
    width: 100%;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.filter__heading {
    margin-bottom: 20px;
}
.filter__title::before {
    content: '';
    position: absolute;
    right: 11px;
    top: 50%;
    width: 8px;
    height: 2px;
    background-color: currentColor;
    transform: rotate(35deg)
}

.filter__title::after {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    width: 8px;
    height: 2px;
    background-color: currentColor;
    transform: rotate(-35deg)
}
.filter__dropdown {
    min-width: 100%;
    padding-top: 15px;
    background-color: #fff;
    border: 3px solid #959595;
}

.filter__title {
    position: relative;
    width: 100%;
    padding: 7px 25px 7px 5px;
    text-align: left;
}

.filter__options label {
    display: block;
    width: 100%;
    padding: 0 5px;
    margin-bottom: 8px;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}
.filter__options span {
    display: inline-block;
}
.filter__options label:hover {
    border-bottom-color: #f05e5e
}
.submit-filters,
.open-filters {
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 30px auto 0 auto;
    padding: 12px 15px;
    color: #fff;
    text-align: center;
    border: 3px solid #959595;
    background-color: #f05e5e;
}

@media screen and (min-width: 768px) {
    .open-filters {
        display: none;
    }
    .filter-layout__top {
        display: none;
    }
    .submit-filters {
        display: none;
    }
    .filter-layout {
        display: block;
    }
    .filter__heading {
        margin: 0;
    }
    .js-select__dropdown {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        transition: visibility 0.25s ease-out, opacity 0.25s ease-out;
    }

    .js-select--open .js-select__dropdown {
        visibility: visible;
        opacity: 1;
    }
    .js-select--active .filter__title {
        color: #f05e5e;
        border-color: #f05e5e;

    }
    .js-select--active.js-select--open .filter__title {
        color: #000;
        border-color: #959595;
    }
    .filter {
        width: 860px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        font-size: 12px;
        border: 4px solid #959595;
    }
    .filter__item--props {
        width: 150px;
    }

    .filter__item--type {
        width: 210px;
    }

    .filter__title {
        border: 3px solid #959595;
        transition: border-color 0.25s ease-out, color 0.25s ease-out;
    }

    .filter__title:hover {
        color: #f05e5e;
        border-color: #f05e5e;
    }

    .js-select--open .filter__title:hover {
        border-color: #959595;
        color: #000;
    }

    .filter__title::before {
        content: '';
        position: absolute;
        right: 11px;
        top: 50%;
        width: 8px;
        height: 2px;
        background-color: currentColor;
        transform: rotate(35deg)
    }

    .filter__title::after {
        content: '';
        position: absolute;
        right: 6px;
        top: 50%;
        width: 8px;
        height: 2px;
        background-color: currentColor;
        transform: rotate(-35deg)
    }

    .filter__dropdown {
        top: calc(100% - 4px);
        left: 0;
        min-width: 100%;
        padding-top: 15px;
        background-color: #fff;
        border-left: 4px solid #959595;
        border-right: 4px solid #959595;
        border-bottom: 4px solid #959595;
    }

    .js-select--open .filter__title {
        border-bottom-color: transparent;
    }


}
/* End */


/* Start:/local/templates/citrus_aproduction/components/bitrix/system.pagenavigation/.default/style.css?16974435381135*/
.switch {
    text-align: center;
    display: table;
    margin: 30px auto 0;
    font-size: 0;
    color: #a09f9f;
}

.switch li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    vertical-align: bottom;
}

.switch a, .switch span {
    display: block;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    min-width: 35px;
    color: #a09f9f;
    height: 35px;
    line-height: 35px;
}


html:not(.bx-touch) .switch a:not(.selected):hover,
html:not(.bx-no-touch) .switch a:not(.selected):active {
    background-color: #4A4040;
    color: #fb6c00;
}

.switch li span {
    background-color: #888;
    color: #fff;
}

.switch li+li {
    margin-left: 5px;
}

.switch a>i {
    font-size: 2em;
    vertical-align: -3px;
}

@media screen and (max-width: 1023px) {
    li.switch-start,li.switch-end {
        display: none;
    }

    .switch a {
        line-height: 30px;
        height: 30px;
        min-width: 30px;
        padding: 0 4px;
    }
}

@media screen and (max-width: 767px) {
    .switch {
        margin-top: 15px;
    }
}
/* End */
/* /local/components/stroymin/filter/templates/.default/style.css?169744353810508 */
/* /local/templates/citrus_aproduction/components/bitrix/system.pagenavigation/.default/style.css?16974435381135 */