

/* Start:/local/templates/germes/components/bitrix/catalog/catalog/style.min.css?16494226924786*/
#p-catalog-compare-php .page .shownote{font-size:30pt;font-family:"Roboto",sans-serif;text-align:center;display:inline-block;width:100%;font-weight:100}body.bx-theme-blue .catalog-block-header{border-color:#006cc0}body.bx-theme-green .catalog-block-header{border-color:#63aa28}body.bx-theme-red .catalog-block-header{border-color:#da3737}body.bx-theme-yellow .catalog-block-header{border-color:#f4b236}#sidebar{position:relative;z-index:3}#content-list{position:relative;z-index:2}#sections-top{position:relative}#uf-show-description{position:relative}#uf-show-description .table .table{background:transparent}#uf-show-description .short-description{position:relative}#uf-show-description .short-description #svg-container{width:100%;height:100%}#uf-show-description .short-description #svg-container.absolute{position:absolute;left:0;top:0;width:100%;height:100%}#uf-show-description .short-description #svg-container svg{display:inline-block;height:200%;min-height:400px}#uf-show-description .short-description #svg-container svg>rect{fill:white}#uf-show-description .short-description #svg-container svg #alpha{fill:rgba(255,255,255,0.9)}#uf-show-description .short-description #svg-container svg #title{letter-spacing:-2px;font-weight:100;font-family:'Roboto';font-size:200px}#uf-show-description .short-description #svg-container svg #subtitle{letter-spacing:8px;font-weight:300;font-family:'Roboto';text-transform:uppercase}#uf-show-description #section-top .section-top-picture{overflow:hidden;position:relative;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;height:100%;background-attachment:fixed}#uf-show-description #section-top .section-top-picture.is_overlay .image{opacity:0;width:100%}#uf-show-description #uf-short-description{width:100%;height:relative;overflow:hidden}#uf-show-description #uf-short-description.absolute{position:absolute;top:0;left:0;height:100%;width:100%}#uf-show-description #uf-short-description .section-desc{font-family:'Roboto',sans-serif;font-weight:300}#uf-show-description #uf-short-description .section-desc .short-description #uf_short_text_class:hover .image>div{background:#fff}#uf-show-description #uf-short-description .section-desc .short-description .desc .text{color:#000}#uf-show-description #uf-short-description .section-desc .short-description .desc .title{color:#000}#uf-show-description #uf-short-description .section-desc .short-description .image>div{background:rgba(255,255,255,0.9);padding-bottom:40px;padding-top:40px}#uf-show-description #uf-short-description .section-desc .short-description .image .img{margin:auto;height:200px;width:200px;background-position:center;background-repeat:no-repeat;background-size:contain}#uf-show-description #uf-short-description .section-desc .short-description #svg-container{width:100%;height:100%}#uf-show-description #uf-short-description .section-desc .short-description #svg-container svg{display:block;height:200%;min-height:300px}#uf-show-description #uf-short-description .section-desc .short-description #svg-container svg>rect{fill:white}#uf-show-description #uf-short-description .section-desc .short-description #svg-container svg #alpha{fill:rgba(255,255,255,0.9)}#uf-show-description #uf-short-description .section-desc .short-description #svg-container svg #title{letter-spacing:-2px;font-weight:100;font-family:'Roboto';font-size:200px}#uf-show-description #uf-short-description .section-desc .short-description #svg-container svg #subtitle{letter-spacing:8px;font-weight:300;font-family:'Roboto';text-transform:uppercase}#uf-show-description #section-description .table-cell{padding-top:40px;padding-bottom:40px}#uf-show-description #uf-short-description .section-desc .short-description #uf_short_text_class,#uf-show-description #uf-short-description .section-desc .short-description #uf_short_text_class *,#uf-show-description #uf-short-description .section-desc .short-description #uf_short_text_class,#uf-show-description #uf-short-description .section-desc .short-description #uf_short_text_class *,#sections-top .section-desc{transition:all .6s ease-out 0s}@media (max-width:768px){#sections-top .is_overlay{height:auto !important}}#sections-top .sections-top-picture .picture .img .image{width:100%;opacity:1}#sidebar .bx-sidebar-block{box-shadow:0 2px 5px 0 rgba(0,0,0,0.18);margin-bottom:20px;position:relative;z-index:1}@media (min-width:768px){#sections-top .sections-top-picture .picture .img .image{opacity:1}#sidebar .bx-sidebar-block{opacity:1 !important;display:block !important}#sidebar .bx-sidebar-block-filter{opacity:1}}@media (min-width:992px){#sections-top .sections-top-picture .picture .img .image{opacity:0}}@media (min-width:1200px){#sections-top .sections-top-picture .picture .img .image{opacity:0}}
/* End */


/* Start:/local/templates/germes/components/bitrix/catalog.section.list/.default/style.css?17842882675410*/
.sections-list {
  width: 100%;
  min-width: 0;
}
.sections-list .section-title,
.sections-list .section-title * {
  border-bottom: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
}
.sections-list .tiles {
  padding: 8px;
}
.sections-list .tiles .items-tile {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.sections-list .tiles .tile {
  position: relative;
  min-width: 0;
  aspect-ratio: 16 / 9;
  padding: 0;
  overflow: hidden;
  background: #000;
}
.sections-list .tiles .tile .link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.sections-list .tiles .tile .is_overlay {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: center / cover no-repeat;
}
.sections-list .tiles .tile .is_overlay .image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
}
.sections-list .tiles .tile .content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  padding: clamp(20px, 4vw, 56px);
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.34)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.34));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.34));
  opacity: 1;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.sections-list .tiles .tile .content .title {
  max-width: 80%;
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: clamp(24px, 3vw, 42px);
  font-weight: 500;
  line-height: 1.1;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}
.sections-list .tiles .tile.no_image_preview .content,
.sections-list .tiles .tile.empty .content {
  background: #f5f5f7;
  opacity: 1;
}
.sections-list .tiles .tile.no_image_preview .content .title,
.sections-list .tiles .tile.empty .content .title {
  color: #000;
}
.sections-list .tiles .tile:not(.no_image_preview):hover .content {
  background: rgba(0, 0, 0, 0.48);
  opacity: 1;
}
.sections-list .tiles .tile:not(.no_image_preview):hover .content .title {
  color: #fff;
}
.sections-list .tiles .tile .count {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 3;
  padding: 0 4px;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.sections-list .tiles .tile .count.empty {
  z-index: 0;
  color: rgba(255, 255, 255, 0.5);
}
.sections-list .section-top-video .video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0;
}
.sections-list .wide-line {
  max-width: 100%;
  width: 100%;
  margin-top: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 0;
}
.sections-list .wide-line .items-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.sections-list .wide-line .items-list .item {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  width: 120px;
  height: 120px;
  margin: 15px;
  overflow: hidden;
  border: 0;
}
.sections-list .wide-line .items-list .item.current {
  border: 1px solid #eaeaea;
}
.sections-list .wide-line .items-list .item .link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.sections-list .wide-line .items-list .item .link .is_overlay {
  position: relative;
  display: block;
  width: 100%;
  height: 40%;
  background: center / contain no-repeat;
}
.sections-list .wide-line .items-list .item .content {
  position: relative;
  display: block;
  width: 100%;
  height: 40%;
  margin: auto;
  text-align: center;
}
.sections-list .wide-line .items-list .item .content .title {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 10px 0;
  font-family: "RobotoLight", sans-serif;
  font-size: 17px;
  white-space: pre-wrap;
}
.sections-list .wide-line .items-list .item video,
.sections-list .wide-line .items-list .item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 1;
}
.sections-list .section-rows .wide-line {
  margin: 0;
  padding: 24px 15px;
  border-bottom: 1px solid #eaeaea;
}
.sections-list .section-rows .wide-line:last-child {
  border-bottom: 0;
}
.sections-list .section-rows .wide-line .items-list {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sections-list .bx-touch .tiles .tile .content {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.sections-list .bx-touch .tiles .tile.no_image_preview .content .title {
  color: #fff;
}
@media (max-width: 767px) {
  .sections-list .tiles .items-tile {
    grid-template-columns: 1fr;
  }
  .sections-list .tiles .tile {
    aspect-ratio: 4 / 3;
  }
  .sections-list .tiles .tile .content .title {
    font-size: clamp(22px, 8vw, 36px);
  }
}

/* End */
/* /local/templates/germes/components/bitrix/catalog/catalog/style.min.css?16494226924786 */
/* /local/templates/germes/components/bitrix/catalog.section.list/.default/style.css?17842882675410 */
