/* Start:/local/templates/redesign/components/bitrix/catalog.section.list/models/style.css?17871317053686*/
.page__banner{
    display:none;
}
.section__sidebar{
    display:none;
}
.section__header{
    display:none;
}
.page__slide-menu{
	height:auto !important;
}
section.models {
  /* padding-top: 25px; */
  padding-bottom: 25px;
}
section.models div.title {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  section.models div.title {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }
}
section.models div.title h2 {
  text-transform: uppercase;
  margin-bottom: unset;
  grid-column: 5 span;
}
@media (max-width: 960px) {
  section.models div.title h2 {
    grid-column: unset;
  }
}
section.models div.title form {
  grid-column: 7 span;
}
@media (max-width: 960px) {
  section.models div.title form {
    grid-column: unset;
  }
}
section.models div.title form .search-form__field {
  margin: unset;
  padding: unset;
  max-width: unset;
}
section.models div.title form .search-form__input {
  max-width: unset;
}
section.models div.filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: 10px;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  section.models div.filter {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  section.models div.filter {
    overflow: auto;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }
}
section.models div.filter::-webkit-scrollbar {
  display: none;
}
section.models div.filter div {
  cursor: pointer;
  display: block;
  border: 1px solid #c2d1d9;
  padding: 10px 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
section.models div.filter div.active {
  background: #1e2938;
  color: white;
}
section.models div.filter div.active span {
  color: #A9B3BC;
}
section.models div.list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
@media (max-width: 1280px) {
  section.models div.list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 960px) {
  section.models div.list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
}
section.models div.list a.model {
  position: relative;
  text-align: center;
  border: 1px solid #c2d1d9;
  padding: 20px;
  text-decoration: unset;
}
@media (max-width: 960px) {
  section.models div.list a.model {
    padding: 20px 10px;
  }
}
section.models div.list a.model span.title {
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: #1f2a39;
}
section.models div.list a.model span.price {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #1f2a39;
  white-space: nowrap;
}
section.models div.list a.model div.tag {
  position: absolute;
  top: 10px;
  right: 10px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 5px;
  padding: 5px 10px;
  background: #1e2938;
  color: white;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
section.models div.list a.model div.tag:hover + div.tag_info {
  opacity: 1;
}
section.models div.list a.model div.tag_info {
  position: absolute;
  top: 54px;
  right: 10px;
  left: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background: #1e2938;
  padding: 20px;
  color: white;
  z-index: 1;
}
/* End */
/* /local/templates/redesign/components/bitrix/catalog.section.list/models/style.css?17871317053686 */