

/* Start:/bitrix/templates/master_default/components/bitrix/catalog.smart.filter/master/style.css?163178280013358*/
.bx-filter-block:after, .filter_top__box:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden; }

.bx-filter-param-btn.bx-color-sl {
  background: #fff;
  border: 2px solid transparent;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  color: #202020;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  padding: 2px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: border .3s ease, color .3s ease;
  -o-transition: border .3s ease, color .3s ease;
  transition: border .3s ease, color .3s ease;
  vertical-align: middle; }

.bx-filter-btn-color-icon {
  background-size: cover;
  border: 1px solid #d7dbdd;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: inline-block;
  line-height: 36.8px;
  width: 36.8px;
  height: 36.8px;
  vertical-align: middle; }

.checked.bx-filter-param-label .bx-filter-param-btn.bx-color-sl,
.bx-filter-param-label:hover .bx-filter-param-btn.bx-color-sl, .bx-filter-param-btn.bx-color-sl:active, .bx-filter-param-btn.bx-color-sl:focus {
  border-color: #6a0ba7; }

.disabled.bx-filter-param-label > .bx-filter-param-btn.bx-color-sl {
  background: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: inherit; }
  .disabled.bx-filter-param-label > .bx-filter-param-btn.bx-color-sl:before {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    content: ' ';
    display: block;
    z-index: 100;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center;
    opacity: .7; }

.disabled.bx-filter-param-label .bx-filter-btn-color-icon {
  opacity: .2; }

.filter_top__canvas {
  white-space: nowrap; }
  .filter_top__canvas:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
    width: 0; }
  .filter_top__icon {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    white-space: normal; }

.filter_top__nav {
  float: none;
  margin-left: 23px; }
  .filter_top__nav .icon-svg {
    font-size: 26px;
    color: #0b1226; }
  .filter_top__nav .prev,
  .filter_top__nav .next {
    display: inline-block;
    cursor: pointer; }
  .filter_top__nav .prev {
    margin-right: 16px; }
  
  .filter_top__nav .next {
    margin-left: 16px; }
  .disabled.filter_top__nav {
    display: none; }
  @media (min-width: 768px) {
    .filter_top__nav {
      float: right; } }

#catalog-filter {
  width: 100%; }

.bx-filter {
  color: #333333;
  margin-bottom: 23px;
  width: 100%;
  /*
  *Track
  *
  */
  /*
  *  LABEL
  *
  */
  /*
  *   BTN
  *
  */
  /*
  &-param-text {
    vertical-align: middle;
  }
*/
  /*
  *   Result Popup
  *
  */ }
  .bx-filter-section {
    position: relative;
    padding-top: 23px; }
    .bx-filter-section > .row {
      padding: 0 5px; }
  .bx-filter-container-modef {
    display: none; }
    @media (min-width: 768px) {
      .bx-filter-container-modef {
        display: block; } }
  .bx-filter-parameters-box {
    position: relative; }
    .bx-filter-parameters-box-title {
      cursor: pointer;
      display: block;
      font-size: 0.8125em;
      font-weight: bold;
      margin-bottom: -1px;
      padding: 14.95px 50px 14.95px 28.75px;
      position: relative;
      word-break: break-word; }
    .bx-filter-parameters-box-angle {
      position: absolute;
      font-weight: 400;
      display: inline-block;
      margin: auto;
      right: 0;
      top: 0;
      padding: 16px 25px; }
  .bx-filter-block {
    border-left: 1px solid #d7dbdd;
    border-right: 1px solid #d7dbdd;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    display: none;
    -webkit-transition: padding .3s ease;
    -o-transition: padding .3s ease;
    transition: padding .3s ease; }
  .bx-filter-button-box .bx-filter-block,
  .bx-filter-parameters-box.bx-active .bx-filter-block {
    display: block; }
  .bx-filter-parameters-box-container {
    padding: 23px 28.75px; }
    .bx-filter-parameters-box-container .checkbox:first-child {
      margin-top: 0; }
    .bx-filter-parameters-box-container-block + .bx-filter-parameters-box-container-block:before {
      background-color: #000;
      bottom: 0;
      content: '';
      display: inline-block;
      height: 1px;
      left: -7px;
      margin: auto;
      position: absolute;
      top: 0;
      width: 13px; }
  .bx-filter-button-box {
    clear: both; }
    .bx-filter-button-box .btn {
      display: block;
      margin: auto auto 1rem;
      width: 100%; }
    .bx-filter-button-box .anchor {
      font-size: 1rem; }
  .bx-filter-button-box .bx-filter-block {
    border: 1px solid #d7dbdd; }
  .bx-filter-button-box .bx-filter-parameters-box-container {
    padding-bottom: 34.5px;
    padding-top: 34.5px;
    text-align: center; }
  .bx-filter-scroll {
    max-height: 167px;
    overflow: auto;
    padding-top: 1px; }
    .bx-filter-scroll .scroll-element {
      background: #f7f7f8; }
  .bx-filter .bx-ui-slider-track-container {
    padding: 35px 0 15px 0; }
  .bx-filter .bx-ui-slider-track {
    position: relative;
    height: 3px;
    background: #d7dbdd; }
  .bx-filter .bx-ui-slider-part {
    display: none;
    position: absolute;
    top: -6px;
    width: 1px;
    height: 17px;
    background: #a2bfc7; }
  .bx-filter .bx-ui-slider-part.p1 {
    left: -1px; }
  .bx-filter .bx-ui-slider-part.p2 {
    left: 25%; }
  .bx-filter .bx-ui-slider-part.p3 {
    left: 50%; }
  .bx-filter .bx-ui-slider-part.p4 {
    left: 75%; }
  .bx-filter .bx-ui-slider-part.p5 {
    right: -1px; }
  .bx-filter .bx-ui-slider-part span {
    font-size: 0.6875em;
    /*font-weight: bold;*/
    position: absolute;
    top: -16px;
    left: 50%;
    display: block;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    color: #000; }
  .bx-filter .bx-ui-slider-part.p2 span,
  .bx-filter .bx-ui-slider-part.p3 span,
  .bx-filter .bx-ui-slider-part.p4 span {
    color: #6b8086; }
  .bx-filter .bx-ui-slider-range,
  .bx-filter .bx-ui-slider-pricebar,
  .bx-filter .bx-ui-slider-pricebar-vd,
  .bx-filter .bx-ui-slider-pricebar-vn,
  .bx-filter .bx-ui-slider-pricebar-v {
    position: absolute;
    top: 0;
    bottom: 0;
    min-width: 1px; }
  .bx-filter .bx-ui-slider-range {
    z-index: 90; }
  .bx-filter .bx-ui-slider-pricebar {
    z-index: 100; }
  .bx-filter .bx-ui-slider-pricebar-vd {
    z-index: 60;
    background: #d7dbdd; }
  .bx-filter .bx-ui-slider-pricebar-vn {
    z-index: 70;
    background: #d7dbdd; }
  .bx-filter .bx-ui-slider-pricebar-v {
    z-index: 80;
    background: #6a0ba7; }
  .bx-filter .bx-ui-slider-handle {
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background-color: #6a0ba7;
    height: 17.25px;
    position: absolute;
    top: -6px;
    width: 17.25px; }
  .bx-filter .bx-ui-slider-handle:hover {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab; }
  .bx-filter .bx-ui-slider-handle:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing; }
  .bx-filter .bx-ui-slider-handle.left {
    left: 0;
    margin-left: -8.625px; }
  .bx-filter .bx-ui-slider-handle.right {
    right: 0;
    margin-right: -8.625px; }
  .bx-filter-input-container .form-control {
    height: 100%;
    -moz-appearance: textfield; }
    .bx-filter-input-container .form-control::-webkit-outer-spin-button, .bx-filter-input-container .form-control::-webkit-inner-spin-button {
      /* display: none; <- Crashes Chrome on hover */
      -webkit-appearance: none;
      margin: 0;
      /* <-- Apparently some margin are still there even though it's hidden */ }
  .bx-filter-input-checkbox {
    margin-bottom: 20.7px; }
    .bx-filter-input-checkbox:last-child {
      margin-bottom: 0; }
  .bx-filter-param-label {
    cursor: pointer;
    display: block;
    font-weight: normal;
    font-size: 1rem;
    margin: 0; }
  .bx-filter-param-btn-inline .bx-filter-param-label {
    float: left;
    margin: 0 5.75px 5.75px 0; }
  .bx-filter-param-label.disabled,
  .bx-filter-param-label.disabled .bx-filter-param-text {
    color: #676d72;
    cursor: inherit; }
  .bx-filter-btn-color-icon.all {
    position: relative;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .bx-filter-btn-color-icon.all:after, .bx-filter-btn-color-icon.all:before {
    position: absolute;
    width: 60%;
    height: 60%;
    background: #fff;
    content: " ";
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
  .bx-filter-btn-color-icon.all:after {
    right: 0;
    bottom: 0; }
  .bx-filter-btn-color-icon.all:before {
    top: 0;
    left: 0; }
  .bx-filter-select-container .dropdown-toggle {
    display: block; }
  .bx-filter-select-container .bx-filter-btn-color-icon {
    height: 23px;
    width: 23px; }
  .bx-filter-popup-result {
    background: #fff6e5;
    -webkit-box-shadow: 0 10px 32px 0 rgba(84, 133, 169, 0.3);
            box-shadow: 0 10px 32px 0 rgba(84, 133, 169, 0.3);
    color: #202020;
    display: none;
    font-weight: normal;
    line-height: inherit;
    margin-top: 5px;
    margin-left: 10px;
    padding: 10.5px 17.25px;
    position: absolute;
    white-space: nowrap;
    z-index: 915; }
    .bx-filter-popup-result .btn {
      margin-left: 11.5px;
      vertical-align: baseline; }
  .bx-filter-popup-result.right {
    left: 90%; }
  .bx-filter-popup-result.left {
    right: 90%; }
  @media (max-width: 767px) {
    .bx-touch .bx-filter-popup-result {
      font-size: 0.8125em;
      position: fixed !important;
      z-index: 1001;
      top: auto !important;
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
      margin-top: 0;
      margin-left: 0;
      width: auto;
      height: auto;
      padding: 10px;
      -webkit-border-radius: 2px;
              border-radius: 2px;
      border: 1px solid #c6dae7;
      background: rgba(255, 255, 255, 0.9); } }
  @media (min-width: 992px) {
    .bx-filter-parameters-box-title {
      font-size: 1em; } }

/*Sections*/
@media (min-width: 992px) {
  .bx-filter .bx-filter-section .col-md-4:nth-child(3n+1) {
    clear: both; } }

@media (min-width: 768px) and (max-width: 991px) {
  .bx-filter .bx-filter-section .col-md-4:nth-child(2n+1) {
    clear: both; } }

.filter_top__item {
  cursor: pointer;
  display: inline-block;
  font-size: 0.8125em;
  font-weight: normal;
  margin: 0 9.2px 23px 0;
  text-align: center; }
  .filter_top__item:last-child {
    margin-right: 0; }
  .filter_top__item:hover, .filter_top__item:focus {
    text-decoration: none; }
  .filter_top__item.disabled {
    cursor: default;
    opacity: .5; }
  .owl-item .filter_top__item {
    padding-left: 15px;
    padding-right: 15px; }

.filter_top__canvas {
  display: block;
  height: 115px;
  margin-bottom: 11.5px; }

.filter_top__icon {
  max-height: 100%; }

.owl-carousel .owl-item .filter_top__icon {
  display: inline-block;
  width: auto; }

.filter_top__name {
  color: #6a0ba7;
  font-size: 0.8125em;
  display: block; }

.filter_top__btn {
  border: 2px solid #6a0ba7;
  -webkit-border-radius: 18.1px;
          border-radius: 18.1px;
  color: #676d72;
  display: block;
  padding: 5.75px 17.25px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

.filter_top__btn:hover, .filter_top__btn:active {
  background-color: #4c0877;
  border-color: #4c0877;
  color: #fff; }

.filter_top__item.checked .filter_top__btn {
  background-color: #6a0ba7;
  border-color: #6a0ba7;
  color: #fff; }

.filter_top__box {
  margin-bottom: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 768px) {
    .filter_top__box {
      display: block; } }
  .filter_top__box + .filter_top__box, .filter_top__box.checked,
  .filter_top__box.checked + .filter_top__box.checked {
    display: none; }
  .filter_top__box.checked + .filter_top__box {
    display: block; }
  .filter_top__box .carousel__nav {
    float: right; }

.filter_top__scroll {
  overflow: hidden;
  white-space: nowrap; }

.filter_top__scroll .filter_top__item {
  margin-bottom: 0; }

.filter_top__nav {
  margin-left: 0;
  margin-bottom: 11.5px;
  margin-top: 11.5px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center; }
  .filter_top__nav.scroll-element .scroll-arrow {
    cursor: pointer; }

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/master_default/components/bitrix/catalog.smart.filter/master/themes/default/colors.css?1631782800424*/
.bx-filter.bx-default .bx-filter-parameters-box-title {
  background-color: #6a0ba7;
  color: #fff; }
  .bx-filter.bx-default .bx-filter-parameters-box-title:hover {
    background-color: #4c0877; }

.bx-filter.bx-default .bx-filter-parameters-box-hint .hint {
  border-color: #fff;
  color: #fff; }

.bx-filter.bx-default .bx-filter-block {
  background-color: #fff; }

/*# sourceMappingURL=colors.css.map */

/* End */
/* /bitrix/templates/master_default/components/bitrix/catalog.smart.filter/master/style.css?163178280013358 */
/* /bitrix/templates/master_default/components/bitrix/catalog.smart.filter/master/themes/default/colors.css?1631782800424 */
