/* 2.16 Filters block */
/* line 2, scss/extend/2.16_Filters_block.scss */
.filter {
  text-align: center; }

@media (min-width: 992px) {
  /* line 7, scss/extend/2.16_Filters_block.scss */
  .filter {
    text-align: left; } }

/* line 12, scss/extend/2.16_Filters_block.scss */
.filter__item {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin-right: 20px;
  font-family: "Neue Montreal", "Arial", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #000000;
  text-transform: capitalize;
  cursor: pointer;
  background-color: transparent;
  border: none; }

/* line 29, scss/extend/2.16_Filters_block.scss */
.filter__item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: solid 1px #000000;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1); }

@media (min-width: 992px) {
  /* line 45, scss/extend/2.16_Filters_block.scss */
  .filter__item {
    font-size: 20px; } }

@media (min-width: 1200px) {
  /* line 51, scss/extend/2.16_Filters_block.scss */
  .filter__item {
    margin-right: 50px; } }

/* line 56, scss/extend/2.16_Filters_block.scss */
.filter__item:last-child {
  margin-right: 0; }

/* line 60, scss/extend/2.16_Filters_block.scss */
.filter__item:focus {
  outline: none; }

@media (min-width: 992px) {
  /* line 65, scss/extend/2.16_Filters_block.scss */
  .filter__item:hover, .filter__item:focus {
    outline: none; }
  /* line 68, scss/extend/2.16_Filters_block.scss */
  .filter__item:hover::before, .filter__item:focus::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

/* line 74, scss/extend/2.16_Filters_block.scss */
.filter__item--active::before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1); }