/*reset*/

section.catalog label,
section.catalog input,
section.catalog button,
section.catalog textarea,
section.catalog h1,
section.catalog h2,
section.catalog h3,
section.catalog h4,
section.catalog h5,
section.catalog h6,
section.catalog ul,
section.catalog ol,
section.catalog p,
section.catalog a,
section.catalog blockquote,
section.catalog figure,
section.catalog pre {
  margin: 0;
  padding: 0;
  margin-block-end: 0;
  margin-inline-end: 0;
  margin-block-start: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
  text-transform: inherit;
  white-space: inherit;
}

section.catalog ul,
section.catalog ol {
  list-style: none;
}

section.catalog label,
section.catalog input,
section.catalog button,
section.catalog textarea,
section.catalog pre {
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0);
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
}

section.catalog textarea {
  resize: unset;
}

section.catalog input,
section.catalog button {
  -webkit-appearance: none;
}

section.catalog a,
section.catalog a:hover,
section.catalog a:active,
section.catalog a:focus {
  outline: none;
  text-decoration: none;
}

section.catalog label,
section.catalog input,
section.catalog button,
section.catalog textarea,
section.catalog a,
section.catalog ul,
section.catalog ol,
/* section.catalog h1, */
/* section.catalog h2, */
/* section.catalog h3, */
/* section.catalog h4, */
/* section.catalog h5, */
/* section.catalog h6, */
section.catalog p,
section.catalog blockquote,
section.catalog pre {
  font: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-weight: inherit;
}

section.catalog *,
* section.catalog *:before,
section.catalog *:before,
* section.catalog *:after,
section.catalog *:after {
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
  -webkit-tap-highlight-color: transparent;
}

/* ===== */

.catalog {
  padding-top: 7.5rem !important;
  font-family: "Open Sans",sans-serif;
}

.catalog__header {
  padding: 0 0 3rem;
  width: 100%;
}

section.catalog *.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.catalog .list__item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
}

.catalog .item {
  /* cursor: pointer; */
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15px 15px 35px;
  width: 100%;
  max-width: 25%;
  color: #000;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
}

.catalog .item:before {
  pointer-events: none;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  border: 1px solid rgba(246,249,248,0);
  box-shadow: 0 7px 15px rgba(59,55,43,0);
  /* transition: .3s all; */
}
.catalog .item:hover {
  z-index: 2;
}

.catalog .item:hover:before {
  border: 1px solid rgba(246,249,248,1);
  box-shadow: 0 7px 15px rgba(59,55,43,.25);
}

.catalog .item>* {
  position: relative;
  z-index: 2;
}

.catalog .item__view {
  cursor: pointer;
  position: relative;
  display: flex;
  margin-bottom: 15px;
  width: 100%;
  height: 300px;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.catalog .item__view--bank {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 0;
  bottom: 0;
  width: 100%;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  z-index: 3;
}

.catalog .item__view--bank li {
  cursor: auto;
  position: relative;
  display: flex;
  padding: 0 9px;
  margin: 2px 0 0;
  height: 24px;
  line-height: 1;
  font-size: 14px;
  color: #fa9f0f;
  border-radius: 2px 2px 2px 0;
  /* background: rgba(201,201,201,1); */
  background: currentColor;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.catalog .item__view--bank li:first-child {
  margin: 0;
}

.catalog .item__view--bank li:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  /* border-color: rgba(0,0,0,0) rgba(201,201,201,1) rgba(0,0,0,0) rgba(0,0,0,0); */
  border-color: rgba(0,0,0,0) currentColor rgba(0,0,0,0) rgba(0,0,0,0);
}

.catalog .item__view--bank li p {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}

/* .catalog .item__view--bank li p:before {
  position: relative;
  content: '';
  margin: 0 2px 0 0;
  height: 18px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
} */

.catalog .item__view--bank li.pumb p {
  color: #000;
  /* background: #c9c9c9; */
}

/* .catalog .item__view--bank li.pumb p:before {
  width: 18px;
  background-image: url(../img/catalog/bank/pumb.png);
} */

.catalog .item__view--bank li.mono p,
.catalog .item__view--bank li.privat p,
.catalog .item__view--bank li.stock p,
.catalog .item__view--bank li.hit p,
.catalog .item__view--bank li.percent p,
.catalog .item__view--bank li.sale p,
.catalog .item__view--bank li.in-road p,
.catalog .item__view--bank li.soon p {
  color: #fff;
  /* background: #000; */
}

/* .catalog .item__view--bank li.mono p:before {
  width: 13px;
  background-image: url(../img/catalog/bank/mono.svg);
} */

/* .catalog .item__view--bank li.stock p { */
  /* color: #fff; */
  /* background: #ff3900; */
/* } */

.catalog .item__view--bank li.mono:before {
  border-color: rgba(0,0,0,0) rgba(0,0,0,1) rgba(0,0,0,0) rgba(0,0,0,0);
}

.catalog .item__view--bank li img,
.catalog .item__view--bank li svg {
  margin: 0 3px 0 0;
  height: auto;
}

.catalog .item__view--bank li.mono img,
.catalog .item__view--bank li.mono svg {
  width: 13px;
}

.catalog .navigation__item {
  display: flex;
  padding: 20px 0 0;
  width: 100%;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.catalog .item__title {
  pointer-events: none;
  /* padding: 0 2.5% 2px; */
  padding: 0 0 2px;
  margin: 0 0 6px;
  /* width: 95%; */
  width: 100%;
  max-height: 2.4em;
  font-size: 15px;
  color: #404040;
  line-height: 1.2;
  font-weight: normal;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  transition: .3s all;
  overflow: hidden;
}

.catalog .item__title>* {
  pointer-events: all;
  cursor: pointer;
  display: inline;
}

.catalog .item__title:hover {
  color: #1fc4a4;
}

.catalog .item__price {
  display: flex;
  margin: 9px 0 15px;
  width: 100%;
  color: #000;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.catalog .item__price--old {
  padding: 0 0 0 10px;
  font-size: 14px;
  line-height: .8;
  font-weight: 400;
  color: #acacac;
  text-decoration: line-through;
}

.catalog .item__favorite {
  position: absolute;
  left: 15px;
  bottom: 15px;
  display: flex;
  display: none;
  width: calc(100% - 30px);
  font-size: 12px;
  color: #404040;
  font-weight: 400;
  line-height: 1.15;
  text-align: center;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.catalog .item__favorite p {
  pointer-events: none;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.catalog .item__favorite p>* {
  pointer-events: all;
  transition: .3s all;
}

.catalog .item__favorite p:hover >* {
  color: #1fc4a4;
}

.catalog .item__favorite p:before {
  pointer-events: all;
  position: relative;
  content: '';
  margin: 0 7px 0 0;
  width: 20px;
  height: 20px;
  background-image: url(../img/catalog/favorite.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.catalog .item__favorite p:after {
  pointer-events: all;
  content: '';
  position: absolute;
  bottom: calc(100% - 10px);
  left: 50%;
  width: calc(100% + 30px);
  height: 20px;
  background: rgba(0,0,0,0);
  transform: translateX(-50%);
}

.catalog .item__favorite--popup {
  pointer-events: all;
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  padding: 6px 12px 7px !important;
  max-width: calc(100% - 30px);
  width: 100%;
  font-size: 13px;
  text-align: left;
  line-height: 1.57;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: rgba(0,0,0,.2) 0 8px 20px 2px;
  transform: translateX(-50%);
}

.catalog .show__favorite--popup .item__favorite--popup,
.catalog .show__favorite--popup-fixed .item__favorite--popup {
  display: inline;
}

.catalog .item__favorite--popup:after {
  position: absolute;
  content: '';
  top: 100%;
  left: calc(50%);
  border: 6px solid;
  border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
  transform: translateX(-50%);
}

.catalog .item__favorite--popup a {
  transition: .3s all;
}

.catalog .item__favorite--popup a:hover {
  color: #1fc4a4;
}

.catalog .navigation__item {
  display: flex;
  padding: 20px 0 80px;
  width: 100%;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.catalog .navigation__item img,
.catalog .navigation__item svg {
  width: 8px;
  height: auto;
}

.catalog .navigation__item ul {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.catalog .navigation__item li a {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  transition: .3s all;
}

.catalog .navigation__item li {
  display: flex;
  position: relative;
  flex-shrink: 0;
  /* margin-left: -1px; */
  padding: 0 10px;
  height: 28px;
  border: none;
  font-size: 14px;
  line-height: 28px;
  color: #404040;
  white-space: nowrap;
  vertical-align: top;
  background: #f8f8f8;
  text-decoration: none;
  border: 1px solid #d7d7d7 !important;
  justify-content: center;
  align-content: center;
  align-items: center;
  overflow: hidden;
}

.catalog .navigation__item li:first-child {
  border-radius: 4px 0 0 4px;
}

.catalog .navigation__item li:first-child img,
.catalog .navigation__item li:first-child svg {
  margin: 0 10px 0 0;
}

.catalog .navigation__item li:last-child img,
.catalog .navigation__item li:last-child svg {
  margin: 0 0 0 10px;
}

.catalog .navigation__item li.disable {
  pointer-events: none;
  color: rgba(172,172,172,.5);
}

.catalog .navigation__item li.active {
  pointer-events: none;
  color: #000;
  font-weight: bold;
  background: #f3f8f7;
}

.catalog .navigation__item li.disable path {
  fill: rgba(172,172,172,.5);
}

.catalog .navigation__item li path{
  transition: .3s all;
}

.catalog .navigation__item li a:hover {
  color: #1fc4a4;
}

.catalog .navigation__item li a:hover path {
  fill: #1fc4a4;
}

.catalog .navigation__item li:last-child {
  border-radius: 0 4px 4px 0;
}

.catalog .navigation__item .show-all {
  display: flex;
  position: relative;
  flex-shrink: 0;
  margin: 0 0 0 10px;
  padding: 0 10px;
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  color: #404040;
  border-radius: 4px;
  white-space: nowrap;
  vertical-align: top;
  background: #f8f8f8;
  text-decoration: none;
  border: 1px solid #d7d7d7 !important;
  justify-content: center;
  align-content: center;
  align-items: center;
  transition: .3s all;
  overflow: hidden;
}

.catalog .navigation__item .show-all:hover {
  color: #1fc4a4;
}

@media (max-width: 1279px) {
  .catalog .item {
    max-width: calc(100%/3);
  }
}

@media (max-width: 1023px) {
  .catalog .item {
    max-width: calc(100%/2);
  }
}

@media (max-width: 767px) {
  .catalog .item {
    max-width: calc(100%/1);
  }

  .catalog .catalog__header h2 {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 479px) {
  .catalog .item {
    margin: 0 auto;
    max-width: 322px;
  }

  .catalog .navigation__item {
    flex-direction: column;
  }

  .catalog .navigation__item .show-all {
    margin: 20px 0 0;
  }
}