

/* Start:/local/templates/xbitt/components/bitrix/catalog/catalog/style.css?17677062945549*/
.catalog__aside {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(20.833333333333336% - 20px);
}

.catalog__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(58.333333333333336% - 20px);
  position: relative;
}

.catalog__description {
  margin-bottom: 1.25rem;
}

.catalog__sort {
  margin-bottom: 1.25rem;
}

.catalog__bottom {
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid #ececec;
}

.sortBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.sort__sort {
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 500;
}

.sort__sort a {
  color: #be1e2d;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.5rem;
}

.sort__sort a:hover {
  color: #414042;
}

.sort__sort i {
  font-size: 18px;
  font-size: 1.125em;
  margin-left: 0.25rem;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  color: #9b9b9b;
}

.sort__show {
  margin-left: 1rem;
}

.sort__show .select {
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 500;
  cursor: pointer;
}

.sort__show .select-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.sort__show .select-text span {
  padding-left: 0.5rem;
  color: #be1e2d;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.sort__show .select-text span:hover {
  color: #414042;
}

.sort__show i {
  font-size: 10px;
  font-size: 0.625em;
  font-weight: 700;
  margin-left: 0.25rem;
  font-style: normal;
  display: inline-block;
  color: #9b9b9b;
}

.sort__template {
  margin-left: auto;
}

.sort__template a {
  font-size: 20px;
  font-size: 1.25em;
  font-weight: 300;
  display: inline-block;
  margin-right: 0.25rem;
}

.sort__template a:last-child {
  margin-right: 0;
}

.sort__template a.active {
  color: #be1e2d;
}

.tagsBlock {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tagsBlock.__v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.tagsBlock.__v .tagsName {
  margin-right: 0;
  margin-bottom: 0.5rem;
}

.tagsBlock.__t0 {
  margin-top: 0;
  margin-bottom: 1rem;
}

.tagsName {
  margin-right: 1rem;
}

.tagsValue {
  margin-right: 1rem;
  margin-bottom: 0.75rem;
  display: inline-block;
}

.tagsValue a {
  background: #ececec;
  color: #727272;
  padding: 0.3125rem 0.625rem;
}

.tagsValue a:hover,
.tagsValue a.selected {
  background: #be1e2d;
  color: #fff;
}

.tagsValues {
  width: 100%;
}

.banner {
  position: relative;
  margin-top: 1.25rem;
}

.banner img {
  display: block;
  width: 100%;
}

.banner__btn {
  position: absolute;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
  margin: auto;
}

#ajaxLoaderFilter {
  z-index: 10000;
  --indent: 0;
  position: fixed;
  top: var(--indent);
  bottom: var(--indent);
  right: var(--indent);
  left: var(--indent);
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#ajaxLoaderFilter:after {
  content: '';
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  position: fixed;
  background: transparent url("/include/images/ajax-loader.gif") center center/contain no-repeat;
}

@media screen and (min-width: 780px) {
  .catalog__aside.--left .h1 {
    display: none;
  }
}

@media screen and (max-width: 1170px) {
  .sortBox {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .sort__sort a {
    margin-left: 0;
    margin-right: 0.5rem;
  }

  .sort__sort span {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .catalog__aside {
    width: calc(25% - 20px);
  }

  .catalog__aside.--right {
    display: none;
  }

  .catalog__content {
    width: calc(75% - 20px);
  }
}

@media screen and (max-width: 780px) {
  .catalog__aside {
    width: calc(100% - 20px);
  }

  .catalog__content {
    width: calc(100% - 20px);
  }

  .catalog__content h1 {
    display: none;
  }

  .banner {
    display: none;
  }
}

@media screen and (max-width: 560px) {
  .sortBox {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .sort__sort {
    width: 100%;
  }

  .sort__sort a {
    margin-left: 0.5rem;
    margin-right: 0;
  }

  .sort__sort span {
    display: inline-block;
  }

  .sort__show {
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .sort__sort a {
    margin-right: 0.5rem;
    margin-left: 0;
  }

  .sort__sort span {
    display: none;
  }
}
/* End */


/* Start:/local/templates/xbitt/components/bitrix/catalog/catalog/bitrix/catalog.section.list/.default/style.css?17677062941194*/
.sliderSectionList {
  position: relative;
}

.sliderSectionList__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(16.666666666666668% - 20px);
  display: block;
  margin-bottom: 2rem;
  position: relative;
  text-align: center;
  background-color: #fff;
}

.sliderSectionList__item:hover .sliderSectionList__img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.sliderSectionList__img {
  display: block;
  padding-top: 50%;
  background: transparent center center/contain no-repeat;
  margin-bottom: 1rem;
}

.sliderSectionList__name {
  font-size: 20px;
  font-size: 1.25em;
  font-weight: 400;
}

@media screen and (max-width: 960px) {
  .sliderSectionList__item {
    width: calc(20% - 20px);
  }
}

@media screen and (max-width: 780px) {
  .sliderSectionList__item {
    width: calc(25% - 20px);
  }
}

@media screen and (max-width: 560px) {
  .sliderSectionList__item {
    width: calc(33.333333333333336% - 20px);
  }
}

@media screen and (max-width: 400px) {
  .sliderSectionList__item {
    width: calc(50% - 20px);
  }
}
/* End */
/* /local/templates/xbitt/components/bitrix/catalog/catalog/style.css?17677062945549 */
/* /local/templates/xbitt/components/bitrix/catalog/catalog/bitrix/catalog.section.list/.default/style.css?17677062941194 */
