/* Start:/bitrix/templates/metal/components/bitrix/catalog/.default/style.css?17848760453412*/

span.skrit-span {
    padding: 10px 0 0;
    display: inline-block;
    color: var(--primary);
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px dashed var(--primary);
}


/* По умолчанию скрыты всек элементы */
.text-skrit > .catalog-section-description > *,
.text-skrit > * {
    display: none;
}

/* Показываем первый элемент (будь то p, h2, ul и т.д.) */
.text-skrit > .catalog-section-description > *:first-child,
.text-skrit > *:first-child {
    display: revert;
}

/* Если первым идет заголовок (h1-h6), то показываем и второй элемент (первый абзац/список после него) */
.text-skrit > .catalog-section-description > :is(h1,h2,h3,h4,h5,h6):first-child + *,
.text-skrit > :is(h1,h2,h3,h4,h5,h6):first-child + * {
    display: revert;
}

/* При разворачивании показываем всё */
.text-skrit.active > .catalog-section-description > *,
.text-skrit.active > * {
    display: revert;
}




.grid {}

.grid .bx_content_section { margin-bottom: 15px; }

.grid .bx_sidebar { margin-bottom: 15px; }

/* grid2x1 */
.grid2x1 {}

.grid2x1 .bx_content_section {
	float: left;
	width: 66%;
	margin-bottom: 15px;
}

.grid2x1 .bx_sidebar {
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	box-sizing: border-box;
}
.select {
    display: block;
    max-width: 215px;
    width: 100%;
    position: relative;
}

.new-select {
    position: relative;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.new-select__list {
    position: absolute;
    top: 45px;
    left: 0;
    cursor: pointer;
    z-index: 888;
    background: #fff;
    user-select: none;
/* Rectangle 81 */
    width: 220px;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    margin-top: 0px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.new-select__list.on {
    display: block;
}

.new-select__item span {
    display: block;
    padding: 10px 15px;
}

.new-select__item span:hover {
    color: #12b223;
}

.new-select:after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 9px;
    top: 9px;
    background: url('/bitrix/templates/metal/components/bitrix/catalog/.default/path-to-image') no-repeat right center / cover;
    opacity: 0.6;

    -webkit-transition: all .27s ease-in-out;
        -o-transition: all .27s ease-in-out;
            transition: all .27s ease-in-out;

    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
}

.new-select.on:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
@media (max-width: 960px) {
	.grid2x1 .bx_sidebar { padding-left: 4%; }
}

@media (max-width: 640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar {
		width: 100%;
		float: none;
	}

	.grid2x1 .bx_sidebar { padding-left: 3%; }
}

@media (max-width: 479px) {
	.grid2x1 .bx_sidebar { padding-left: 1%; }
}

.catalog-block-header {
	text-align: left;
	margin: 5px 0;
	padding: 5px 0;

font-style: normal;
font-weight: 700;
font-size: 22px;
color: #000000;
margin-bottom:20px;

}

/* End */


/* Start:/bitrix/templates/metal/components/bitrix/catalog.section.list/home-category/style.css?17121176391119*/
.back-section {
    height: 165px;
    border-radius: 24px 24px 0 0;
}

.border-section {
    height: 100%;
    border: 1px solid #DEDEDE;
    border-radius: 24px;
    padding-bottom: 30px;
}

.section-name {
 color: black;
    font-size: 30px;
    font-weight: 700;
    padding: 30px 25px;
    width: 170px;
    display: block;
text-align: left;
    text-decoration: none;
    line-height: 1.2;
}
ul.list-unstyled.sub-category {
    padding: 0 20px;
}
.sub-category li:before {
    content: "";
    width: 3px;
    height: 3px;
    background: black;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 10px;
}

.sub-category li {
    position: relative;
    padding-left: 15px;
}

.sub-category a {
    text-decoration: none;
}
li[data-hider="true"]:before,li[data-hider="false"]:before {
    content: none;
}

li[data-hider="true"],li[data-hider="false"] {
    margin: 20px 0;
    padding-left: 0;
    color: #000;
    font-family: Montserrat;
    font-size: 16.814px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    cursor:pointer;
}
/* End */
/* /bitrix/templates/metal/components/bitrix/catalog/.default/style.css?17848760453412 */
/* /bitrix/templates/metal/components/bitrix/catalog.section.list/home-category/style.css?17121176391119 */