/* Start:/bitrix/templates/zvet_blues(adaptiv)/components/bitrix/news.list/catalog_filter/style.css?16112176006203*/
.catalog-filter {
  font-size: 13px;
  margin: 27px 0; }
  .catalog-filter_tags.leftmargin {
    margin-left: 40px; }
  .catalog-filter_tags-close {
    display: none; }
  .catalog-filter_tags-block {
    position: relative; }
  .catalog-filter_tags-btn {
    line-height: 27px;
    display: inline-block;
    border: 1px solid #056839;
    border-radius: 3px;
    vertical-align: middle;
    padding: 0 10px;
    margin: 0 6px;
    cursor: pointer; }
    .catalog-filter_tags-btn:hover, .catalog-filter_tags-btn.selected {
      background-color: #056839;
      color: #fff; }
    .catalog-filter_tags-btn .fa.fa-rotate-180 {
      transform: rotate(180deg) translateY(-2px); }
  .catalog-filter_tags-list {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 15;
    top: 42px;
    left: 50%;
    border: 3px solid #b4d2c4;
    width: 240px;
    padding: 20px 0;
    box-sizing: border-box;
    background-color: #fff;
    transform-origin: center top;
    transform: translate3d(-50%, 0, 0) scaleY(0);
    transition: all 0.3s ease; }
    .catalog-filter_tags-list:after {
      content: '';
      display: block;
      position: absolute;
      top: -7px;
      width: 13px;
      height: 13px;
      border-style: solid;
      border-width: 3px;
      border-color: #b4d2c4 transparent transparent #b4d2c4;
      transform: rotate(45deg);
      background-color: #fff;
      left: calc(50% - 10px); }
    .catalog-filter_tags-list.show {
      opacity: 1;
      visibility: visible;
      transform: translate3d(-50%, 0, 0) scaleY(1); }
  .catalog-filter_tags-item {
    display: inline-block;
    padding: 10px 20px;
    box-sizing: border-box;
    vertical-align: middle;
    width: 100%;
    color: #000;
    text-decoration: none; }
    .catalog-filter_tags-item:hover {
      background-color: #f3f9ed;
      text-decoration: none;
      color: #000; }
  .catalog-filter_btn {
    line-height: 27px;
    display: inline-block; }
    @media screen and (min-width: 569px) {
      .catalog-filter_btn .arrow {
        display: none; } }
    @media screen and (min-width: 569px) {
      .catalog-filter_btn .doubledot {
        display: inline; } }
  .catalog-filter_price {
    float: right; }
    .catalog-filter_price-block {
      position: relative; }
    .catalog-filter_price-btn {
      line-height: 27px;
      display: inline-block;
      border: 1px solid #056839;
      border-radius: 3px;
      vertical-align: middle;
      padding: 0 10px;
      margin: 0 6px;
      cursor: pointer; }
      .catalog-filter_price-btn:hover, .catalog-filter_price-btn.selected {
        background-color: #056839;
        color: #fff; }
      .catalog-filter_price-btn .fa.fa-rotate-180 {
        transform: rotate(180deg) translateY(-2px); }
    .catalog-filter_price-list {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      z-index: 15;
      top: 42px;
      left: 50%;
      border: 3px solid #b4d2c4;
      width: 240px;
      padding: 20px 0;
      box-sizing: border-box;
      background-color: #fff;
      transform-origin: center top;
      transform: translate3d(-50%, 0, 0) scaleY(0);
      transition: all 0.3s ease; }
      .catalog-filter_price-list:after {
        content: '';
        display: block;
        position: absolute;
        top: -7px;
        width: 13px;
        height: 13px;
        border-style: solid;
        border-width: 3px;
        border-color: #b4d2c4 transparent transparent #b4d2c4;
        transform: rotate(45deg);
        background-color: #fff;
        left: calc(50% - 10px); }
      .catalog-filter_price-list.show {
        opacity: 1;
        visibility: visible;
        transform: translate3d(-50%, 0, 0) scaleY(1); }

@media screen and (max-width: 568px) {
  .catalog-filter {
    padding: 9px 20px;
    box-sizing: border-box;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    position: relative; }
    .catalog-filter_tags.leftmargin {
      margin-left: 35px; }
    .catalog-filter_tags-wrapper {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 102%;
      left: 0;
      right: 0;
      z-index: 15;
      background-color: #fff; }
      .catalog-filter_tags-wrapper.show {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
    .catalog-filter_tags-block {
      border-bottom: 1px solid #d9d9d9;
      display: block; }
    .catalog-filter_tags-btn {
      display: block;
      padding: 0 6px 0 41px;
      margin: 0;
      border: none;
      line-height: 44px; }
      .catalog-filter_tags-btn:hover, .catalog-filter_tags-btn.selected {
        background-color: #f3f9ed;
        color: #000; }
      .catalog-filter_tags-btn .fa {
        display: none; }
    .catalog-filter_tags-close {
      display: inline-block;
      border-radius: 15px;
      background-color: #83c550;
      padding: 0 15px;
      line-height: 28px;
      color: #fff;
      position: absolute;
      left: 50%;
      bottom: 15px;
      transform: translateX(-50%);
      cursor: pointer; }
    .catalog-filter_tags-list {
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      position: fixed;
      transform-origin: center center;
      transform: translateX(-50%) rotateY(270deg);
      left: 50%;
      height: 80%;
      width: 80%;
      padding: 10px 0;
      transform-style: preserve-3d; }
      .catalog-filter_tags-list:after {
        display: none; }
      .catalog-filter_tags-list.show {
        transform: translateX(-50%) rotateY(360deg); }
    .catalog-filter_btn {
      line-height: 27px;
      display: inline-block;
      border: 1px solid #056839;
      border-radius: 3px;
      vertical-align: middle;
      padding: 0 10px;
      margin: 0 6px;
      cursor: pointer; }
      .catalog-filter_btn .arrow {
        display: inline; }
      .catalog-filter_btn .doubledot {
        display: none; } }

/* End */
/* /bitrix/templates/zvet_blues(adaptiv)/components/bitrix/news.list/catalog_filter/style.css?16112176006203 */