/* Start:/local/templates/transled_2023/components/bitrix/catalog/template/bitrix/catalog.section.list/catalog.sections/style.css?17823939831699*/ .catalog-sections { padding-bottom: 40px; } @media (max-width: 768px) { .catalog-sections { padding-bottom: 25px; } } .catalog-sections_bp { padding-bottom: 0; } @media (max-width: 768px) { .catalog-sections_bp { padding-bottom: 0; } } .catalog-sections__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; list-style: none; margin: 0; padding: 0; } @media (max-width: 768px) { .catalog-sections__list { grid-template-columns: repeat(2, 1fr); gap: 5px; } } .catalog-sections__item { min-height: 120px; height: auto; background-color: #ffffff; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); margin-bottom: 0; transition-duration: 0.5s; } .catalog-sections__item:hover { background-color: #002664; } .catalog-sections__item:hover span { color: #ffffff; } @media (max-width: 768px) { .catalog-sections__item { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } } .catalog-sections__card { height: 100%; display: flex; align-items: center; column-gap: 20px; text-decoration: none; padding: 15px 20px; } @media (max-width: 768px) { .catalog-sections__card { flex-direction: column; row-gap: 10px; padding: 10px; } } .catalog-sections__card img { max-width: 90px; width: 100%; aspect-ratio: 1; object-fit: contain; } @media (max-width: 768px) { .catalog-sections__card img { max-width: 60px; } } .catalog-sections__card span { font-family: "Open Sans", sans-serif; font-weight: 600; font-size: clamp(10px, 1vw, 14px); line-height: 1.4; color: #101010; transition-duration: 0.5s; } @media (max-width: 768px) { .catalog-sections__card span { text-align: center; } } /* End */ /* Start:/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/style.css?175326900049357*/ .bx-filter { width: 100%; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 20px; padding: 15px; background: #edf6fc; } .bx-filter .bx-filter-section { /*background: #edf6fc; /* color */ position: relative; } .bx-filter .bx-filter-section > .row { padding: 0 5px; } .bx-filter .bx-filter-title { font-size: 18px; margin-bottom: 10px; color: #000; } /*Sections*/ .bx-filter .bx-filter-parameters-box { position: relative; } .bx-filter .bx-filter-parameters-box-title { font-size: 13px; padding-bottom: 7px; } @media (min-width: 992px) { .bx-filter .bx-filter-section .col-md-4:nth-child(3n+1) { /* clear: both; */ } } @media (min-width: 768px) and (max-width: 991px) { .bx-filter .bx-filter-section .col-md-4:nth-child(2n+1) { /* clear: both; */ } } .bx-filter .bx-filter-parameters-box-title span { color: #039be5; border-bottom: 1px solid transparent; cursor: pointer; } .bx-filter .bx-filter-parameters-box-title span:hover { border-color: #039be5; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span { /*color: #95a1a8;*/ } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover { /*color: #758087;*/ border-color: transparent; } .bx-filter .bx-filter-block { display: none; -webkit-transition: padding .3s ease; -moz-transition: padding .3s ease; -ms-transition: padding .3s ease; -o-transition: padding .3s ease; transition: padding .3s ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bx-filter .bx-filter-button-box .bx-filter-block, .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block { display: block; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { font-size: 14px; font-style: normal; display: block; padding-bottom: 5px; } .bx-filter-parameters-box-container .checkbox:first-child { margin-top: 0; } .bx-filter .bx-filter-parameters-box-container-block { font-size: 11px; color: #3f3f3f; } /* * INPUTS * */ .bx-filter .bx-filter-input-container input { display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; outline: none; } .bx-retina .bx-filter .bx-filter-input-container input { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; } /*.bx-filter .bx-filter-input-container input:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-input-container input:focus { -webkit-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; -o-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; } /* COLOR */ .bx-ios .bx-filter .bx-filter-input-container input { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 100%); } .bx-filter .bx-filter-button-box { /* clear: both; */ } /* *Track * */ .bx-filter .bx-ui-slider-track-container { padding-top: 35px; padding-bottom: 25px; } .bx-filter .bx-ui-slider-track { position: relative; height: 7px; /*background: #d8e9f0;/* COLOR */ } .bx-filter .bx-ui-slider-part { position: absolute; top: -6px; width: 1px; height: 17px; background: #a2bfc7; } .bx-filter .bx-ui-slider-part.p1 { left: -1px; } .bx-filter .bx-ui-slider-part.p2 { left: 25%; } .bx-filter .bx-ui-slider-part.p3 { left: 50%; } .bx-filter .bx-ui-slider-part.p4 { left: 75%; } .bx-filter .bx-ui-slider-part.p5 { right: -1px; } .bx-filter .bx-ui-slider-part span { font-size: 11px; /*font-weight: bold;*/ position: absolute; top: -16px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: #000; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: #6b8086; } .bx-filter .bx-ui-slider-range, .bx-filter .bx-ui-slider-pricebar, .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v { position: absolute; top: 0; bottom: 0; } .bx-filter .bx-ui-slider-range { z-index: 50; } .bx-filter .bx-ui-slider-pricebar { z-index: 100; } .bx-filter .bx-ui-slider-pricebar-vd { z-index: 60; /*background: #849da4;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-vn { z-index: 70; /*background: #a8dff3;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-v { z-index: 80; /*background: #499fd8;/* COLOR */ } .bx-filter .bx-ui-slider-handle { position: absolute; top: 100%; width: 20px; height: 20px; border-bottom: none; } .bx-filter .bx-ui-slider-handle:hover { -webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx-filter .bx-ui-slider-handle:active { -webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx-filter .bx-ui-slider-handle.left { left: 0; margin-left: -19px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAArUlEQVQ4y6WSQQ6FMAhEXbjyXwzOpBdx5bXKbYRWLFSJ2m8ysVHfzGA7DH9cuKVfNwwM40ZzZzJlmE3WTjjNfF9Fn2EwMH5pUGYWOJ3w6wZ4wDKz6rUBumQPPxrUmT0IxuxpqxYLQ7MOG5TaHtbk1iza5+VauW5dfdcYSDKcMLkP7wxdA5sMQWV/BkwDTY7mtAfHjpJ/Ihj4DoIgXZ9J+siaimi6rimLgSw87qod+1BRTwMJRYoAAAAASUVORK5CIIA=) no-repeat right top;*/ } .bx-filter .bx-ui-slider-handle.right { right: 0; margin-right: -19px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAq0lEQVQ4y6WSQRKDIAxFXXSlF0vOZC+SlddKblMUUhKCraIzX9Ahj58PE268TE8e3GSFJ5BUTDskaRl1QFk8BsHs4BCMQMruVEe+l4kWglFu5yLEZKDFXyeXIFoEpg3z738mJTzXhncj75+QtqjnJENO2sG4I1VXDtR3ogv7O1dHxV10gi75EGILiE78RRKy33AOq07i+Us4kRamkOPGptesQjeXIjZjO+fXB+hjUU/S3Z+WAAAAAElFTkSuQmCC) no-repeat left top;*/ } /* * Select * */ .bx-filter .bx-filter-select-container { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 35px; border-radius: 3px; border: 1px solid #ccd5db; } .bx-retina .bx-filter .bx-filter-select-container { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-select-container.bx-active, .bx-filter .bx-filter-select-container:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-select-container.bx-active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; -o-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; }*/ .bx-filter .bx-filter-select-block { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; margin: 0; padding: 0 33px 0 10px; border: none; border-radius: 2px; background: #fff; } .bx-filter .bx-filter-select-text { font-size: 15px; line-height: 33px; overflow: hidden; max-width: 100%; height: 33px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .bx-filter .bx-filter-select-text.fix { min-width: 120px; } .bx-filter .bx-filter-select-text label { cursor: pointer; } .bx-filter .bx-filter-select-arrow { position: absolute; top: 0; right: 0; width: 34px; height: 33px; cursor: pointer; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC") no-repeat center; } /* * Select popup * */ .bx-filter-select-popup { background: #fff; padding: 0; min-width: 173px; } .bx-filter-select-popup ul { margin: 0; padding: 0; list-style: none; } .bx-filter-select-popup ul li { display: block; text-align: left; vertical-align: middle; } .bx-filter-select-popup ul li:first-child { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx-filter-select-popup ul li label { font-size: 14px; line-height: 26px; display: block; text-align: left !important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 26px; padding: 0 5px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #575757; } .bx-filter-select-popup ul li label.selected, .bx-filter-select-popup ul li label:hover { color: #000; background: #f3f8fa; } .bx-filter-select-popup ul li label.disabled { color: #b8b8b8; background: transparent; } .bx-filter-select-popup ul li .bx-filter-param-text { line-height: 34px !important; } /* * TAGS * */ .bx-filter .bx-filter-tag { padding: 18px; /*border-top: 1px solid #d7eaf7;/* COLOR */ /*border-bottom: 1px solid #d7eaf7;/* COLOR */ } .bx-filter .bx-tag-link { font-size: 12px; text-decoration: none; /*color: #68939e;/* COLOR */ text-shadow: none; } .bx-filter .bx-tag-link.bx-active, .bx-filter .bx-tag-link:hover { color: #1d3d46; } /* * LABEL * */ .bx-filter .bx-filter-param-label { min-height: 20px; font-weight: normal; cursor: pointer; } .bx-filter .bx-filter-param-btn-inline .bx-filter-param-label { display: block; margin-right: 5px; } .bx-filter .bx-filter-param-btn-block .bx-filter-param-label { display: block; } .bx-filter .bx-filter-param-label { /*font-size: 13px;*/ } .bx-filter .bx-filter-param-label.dib { display: inline-block; } .bx-filter .bx-filter-param-text { font-weight: normal; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-text { color: #6c6c6c; } .bx-filter-select-popup .bx-filter-param-label.bx-active { background: #f3f8fa; } /* * Checkbox / Radio * */ .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { display: block; text-align: left; } /* * BTN * */ .bx-filter .bx-filter-param-btn { font-weight: normal; display: inline-block; width: 38px; height: 38px; padding: 6px; text-align: center; text-decoration: none; color: #000; vertical-align: middle; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; position: relative; -webkit-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -moz-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -ms-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition: border .3s ease, box-shadow .1s ease, color .3s ease; transition: border .3s ease, box-shadow .1s ease, color .3s ease; cursor: pointer; } .bx-retina .bx-filter .bx-filter-param-btn { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-filter .bx-filter-param-btn:hover, .bx-filter .bx-filter-param-btn:active, .bx-filter .bx-filter-param-btn:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-retina .bx-filter .bx-filter-param-btn:hover, .bx-retina .bx-filter .bx-filter-param-btn:active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; -o-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/active.png) 2 repeat; }*/ /* --- colors */ .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { background: transparent; box-shadow: none; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { position: relative; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before { position: absolute; bottom: 0; right: 0; top: 0; left: 0; content: ' '; display: block; z-index: 100; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; opacity: .7; } .bx-filter .bx-filter-param-btn .bx-filter-param-text { line-height: 26px; } /* * BTN P/M * */ .bx-filter .bx-filter-param-btn.bx-spm { width: 23px; min-width: 23px; height: 23px; line-height: 23px; font-weight: normal; padding: 0; font-size: 17px; color: #767b7e; vertical-align: top; border-radius: 50%; background-color: transparent; } .bx-filter .bx-filter-param-btn.bx-spm.bx-plus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm.bx-minus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm:active { outline: none !important; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12); } .bx-filter span.bx-spm { font-size: 18px; /*font-weight:bold;*/ line-height: 23px; display: inline-block; height: 23px; margin: 0 10px; vertical-align: middle; color: #000; } /* * icon * */ .bx-filter-select-popup .bx-filter-select-text-icon, .bx-filter .bx-filter-select-text-icon { line-height: 33px; position: relative; display: inline-block; width: 23px; height: 23px; margin-top: -4px; margin-right: 2px; vertical-align: middle; border-radius: 2px; } .bx-filter-select-popup .bx-filter-btn-color-icon, .bx-filter .bx-filter-btn-color-icon { line-height: 24px; /*position:relative;*/ /*top:4px;*/ border-radius: 2px; display: inline-block; width: 24px; height: 24px; vertical-align: middle; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -webkit-background-size: cover; background-size: cover; } .bx-filter-select-popup .bx-filter-btn-color-icon { width: 20px; height: 20px; margin: 2px 0; top: 0 !important; } .bx-filter .bx-filter-select-block .bx-filter-btn-color-icon { top: -1px !important; } .bx-filter-btn-color-icon.all { position: relative; border: none; box-shadow: none; } .bx-filter-btn-color-icon.all:after, .bx-filter-btn-color-icon.all:before { position: absolute; width: 60%; height: 60%; background: #fff; content: " "; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .bx-filter-btn-color-icon.all:after { right: 0; bottom: 0; } .bx-filter-btn-color-icon.all:before { top: 0; left: 0; } .bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon { opacity: .2; } /* * BIZ * */ .bx-filter .bx-filter-parameter-biz { font-size: 14px; line-height: 15px; display: inline-block; margin-right: 10px; text-decoration: none; color: #1485ce; border-bottom: 1px dashed; } .bx-filter .bx-filter-parameter-biz:hover { text-decoration: none; border-bottom: 1px solid; } .bx-filter .bx-filter-parameter-biz.bx-active { position: relative; /*padding-left:20px;*/ color: #000; border-color: transparent; } /* * BTN result and reset * */ .btn-themes { /*background-color: #1485CE;/* COLOR */ /*border-color: #1485CE;/* COLOR */ color: #FFF; } .btn-themes.bx-active, .btn-themes.focus, .btn-themes:active, .btn-themes:focus, .btn-themes:hover { /*background-color: #53A4D8;/* COLOR */ /*border-color: #53A4D8;/* COLOR */ color: #FFF; } /* * Result Popup * */ .bx-filter .bx-filter-popup-result { font-size: 13px; font-weight: normal; position: absolute; z-index: 915; display: none; line-height: normal; margin-top: -7px; margin-left: 10px; padding: 0 10px; white-space: nowrap; color: #3f3f3f; min-height: 37px; line-height: 18px; border-style: solid; border: 1px solid #C6DCE7; } .bx-filter .bx-filter-popup-result.left { border-width: 2px 10px 2px 2px; -webkit-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/result_popup_left.png) 4 20 4 4 repeat; -moz-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/result_popup_left.png) 4 20 4 4 repeat; -o-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/result_popup_left.png) 4 20 4 4 repeat; border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/result_popup_left.png) 4 20 4 4 fill repeat; } .bx-filter .bx-filter-popup-result.right { border-width: 2px 2px 2px 10px; -webkit-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/result_popup_right.png) 4 4 4 20 repeat; -moz-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/result_popup_right.png) 4 4 4 20 repeat; -o-border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/result_popup_right.png) 4 4 4 20 repeat; border-image: url(/local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/images/result_popup_right.png) 4 4 4 20 fill repeat; } .bx-filter .bx-filter-popup-result.right { left: 97%; } .bx-filter .bx-filter-popup-result.left { right: 97%; } .bx-filter-horizontal .bx-filter-popup-result { display: inline-block; position: relative; left: auto; right: auto; bottom: -7px; } .bx-filter .bx-filter-popup-result a { color: #0073a3; line-height: 10px; } .bx-filter .bx-filter-popup-result a:hover { text-decoration: none; } .bx-filter .bx-filter-popup-result-close { display: none; } @media (max-width: 767px) { .bx-filter .bx-filter-section .col-md-4:nth-child(4), .bx-filter .bx-filter-section .col-md-4:nth-child(5), .bx-filter .bx-filter-section .col-md-4:nth-child(6), .bx-filter .bx-filter-section .col-md-4:nth-child(7), .bx-filter .bx-filter-button-box { margin-top: auto; } .bx-touch .bx-filter .bx-filter-popup-result { font-size: 12px; line-height: 14px; position: fixed !important; z-index: 1001; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin-top: 0; margin-left: 0; width: auto; height: auto; padding: 10px; border-radius: 2px; border: 1px solid #c6dae7; background: rgba(255, 255, 255, 0.9); } .bx-touch .bx-filter .bx-filter-popup-result br { display: none; } .bx-filter .bx-filter-popup-result .arrow { display: none; } } .filter-row { display: flex; flex-wrap: wrap; grid-row-gap: 10px; grid-column-gap: 40px; } .filter-params-row { padding-bottom: 0; display: flex; gap: 20px; } .bx-filter-horizontal .min-price, .bx-filter-horizontal .max-price { min-width: 200px; } .bx-filter .bx-ui-slider-pricebar-vn { z-index: 1; background: #B2B2B2; } .bx-filter .bx-ui-slider-pricebar-v { background: #ec6420; } .bx-filter .bx-ui-slider-pricebar-vd { background: #849da4; } .bx-filter .bx-ui-slider-handle.left, .bx-filter .bx-ui-slider-handle.right { background: #ec6420; border-radius: 20px; border: solid 1px #fff; top: -6px; z-index: 1000; } .bx-filter .bx-ui-slider-track { background: #e7e7e7; } .bx-ui-slider-track-container { width: 80%; margin: 0 auto; } .bx-filter-button-box { margin-top: 20px !important; } .bx-filter-vertical .bx-filter-parameters-box-container-block { width: 100%; } .bx-filter-vertical .bx-filter-parameters-box { width: 100%; } @media (max-width: 500px) { .bx-filter-parameters-box-container-block { width: 100%; } .bx-filter-parameters-box { width: 100%; } .bx-filter-horizontal .min-price, .bx-filter-horizontal .max-price { min-width: 70px; } .filter-row { gap: 20px; } .filter-params-row { gap: 10px; } } .fa-angle-up { display: inline-block; transform: rotate(90deg); font-size: 12px; line-height: 12px; margin-left: 3px; } .fa-angle-down { display: inline-block; transform: rotate(270deg); font-size: 12px; line-height: 12px; margin-left: 3px; } .bx-filter-input-checkbox { display: flex; align-items: center; gap: 7px; font-size: 14px; line-height: 14px; } .bx-filter-input-checkbox input { margin-top: 3px; } .checkbox { margin-bottom: 5px; } .checkbox:last-child { margin-bottom: 0; } /*# sourceMappingURL=style.css.map */ .seo-filter-grid__row { display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 768px) { .seo-filter-grid__row { grid-template-columns: 1fr 1fr; } } .bx-filter-parameters-box-title span>i { width: 20px !important; } .bx-filter-parameters-box-title span{ color: black !important; font-size: 15px; } .bx-filter-block.seo-filter__item-content{ border: 1px solid red; } .bx-ui-slider-track-container { margin: 0; margin-top: 20px; } .seo-filter__item-title { white-space: nowrap; user-select: none; } .seo-filter__item-title::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px 8px; padding-right: 2rem; /* чтобы не налезал текст */ } .bx-filter-parameters-box { position: relative; } .seo-filter__item-content { display: none !important; } .seo-filter__item-content.visible{ display: block !important; position: absolute; top: 20px; right: 0; width: 100%; border: 1px solid grey; background: white; padding: 20px; padding-top: 25px; z-index: 100; } .seo-filter__item-content--close { position: absolute; top: 0; right: 0; height: 16px; width: 16px; line-height: 16px; font-size: 16px; margin: 5px; padding: 0; color: grey; cursor: pointer; } .seo-filter__item-content--container-inner { display: flex; flex-wrap: wrap; } .seo-filter__item-content input { display: none; } .seo-filter__item-content label { padding: 5px 10px; border: 1px solid #ec6420; border-radius: 8px; cursor: pointer; font-weight: normal; margin: 5px 0 0 5px; font-size: 14px; } .seo-filter__item-content label:has(input:checked) { background: #ec6420; color: #fff; } .seo-filter__item-list { display: flex; flex-wrap: wrap; } .seo-filter__item-list-el { padding: 5px; font-size: 14px; line-height: 21px; background: #ec6420; color: #fff; border: 1px solid #337ab7; border-radius: 15px; margin: 10px; cursor: pointer; user-select: none; } .seo-filter__item-list-el:after { content: '\2573'; background: #337ab7; color: #fff; border-radius: 50%; font-size: 10px; line-height: 10px; border: none; margin-left: 10px; display: inline-block; padding: 5px; text-decoration: none; } /* End */ /* Start:/local/templates/transled_2023/lib/nouislider/nouislider.min.css?17666683014220*/ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* /local/templates/transled_2023/components/bitrix/catalog/template/bitrix/catalog.section.list/catalog.sections/style.css?17823939831699 */ /* /local/templates/transled_2023/components/bitrix/catalog.smart.filter/transformers/style.css?175326900049357 */ /* /local/templates/transled_2023/lib/nouislider/nouislider.min.css?17666683014220 */