:root{
  --orange: #F7A73F;
  --gray: #cfcfcf;
  --gray-text: #3e3e3e;
  --btn-radius: 5px;
}
.filter-price .wrapper-field-price input{
	height: 25px;
	line-height: 25px;
}
.range_no_price{
	margin-left:0;
}
.range_no_price input{
	height: 25px !important;
  line-height: 25px !important;
  width: 98px !important;
}
.range_no_price .range{
	width: 200px;
}

.filters .show-more-filter-btn{
	height: auto;
	margin: 0;
	padding: 7px 25px;
	border: 1px solid var(--orange);
	border-radius: var(--btn-radius);
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1em;
	color: var(--gray-text);
	background: none;
	transition-property: color, background-color;
	transition-timing-function: ease-in-out;
	transition-duration: 300ms;
}
.filters .show-more-filter-btn svg{
	position: absolute;
	right: 24px;
	top: calc(50% - 3px);
	transform: rotate(-90deg);
	transition: transform 300ms ease-in-out;
}
.filters .show-more-filter-btn.is-active{
	font-weight: 800;
	background: var(--orange);
	color: #fff;
}
.filters .show-more-filter-btn.is-active svg{
	transform: none;
}
.filters .show-more-filter-btn:after{
	content: "";
	border: none;
}
.filters__sort .product-sort-block{
	margin: 0;
	display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-sort-item{
	margin-bottom: 5px;
}
.filters__sort .product-sort-item-link{
	height: auto;
	margin: 0;
	padding: 7px 25px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1em;
	border: 1px solid var(--orange);
	color: #3e3e3e;
}
.filters__sort .product-sort-item-link.active{
	font-weight: 800;
	background: var(--orange);
	color: #fff;
}
.filters__sort .product-sort-list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	flex-grow: 1;
}
.filters__sort .product-sort-block-text{
	width: 100px;
}
/**/
.item__values{
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 99;
	padding: 20px 13px 12px;
	list-style: none;
	min-width: 220px;
	max-height: 265px;
	overflow-y: auto;
	background: #fff;
	border: 1px solid var(--gray);
	font-size: 12px;
}
.bx_filter_section .item{
	width: auto;
	position: relative;
	padding: 0 6px 6px 0;
	background: none !important;
	border: none;
	font-size: 0;
	cursor: pointer;
}
.bx_filter_section .filter-tab-names .item.filter-active .item__name{
	position: relative;
	background-color: var(--orange);
	background-image: none;
	color:  #fff;
}
.bx_filter_section .filter-tab-names .item .item__name .del-item{
	display: none;
	content: "X";
	width: 20px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	align-items: center;
	justify-content: center;
	background: #000;
	border-radius: 0 var(--btn-radius) var(--btn-radius) 0 ;
	border-left: 1px solid #000;
	font-style: normal;
}
.bx_filter_section .filter-tab-names .item .item__name .del-item.active{
	display: flex;
}
.bx_filter_section .item__name{
	display: block;
	padding: 6px 30px 6px 10px;
	border-radius: var(--btn-radius);
	background: url(/bitrix/templates/medteh_fullrespon/img/button_s_right.svg) no-repeat calc(100% - 10px) / 10px 10px;
	border: 1px solid var(--orange);
	font: 400 12px/14px Roboto;
	white-space: nowrap;
	/*transition-property: color, background-color;
	transition-delay: 300ms;
	transition-timing-function: ease-in-out;*/
}
/*.bx_filter_section .item:hover .item__name,*/
.bx_filter_section .item.active .item__name
{
	background-image: url(/bitrix/templates/medteh_fullrespon/img/button_s_bottom.svg);
	background-color: var(--orange);
	color: #fff;
}
/*.bx_filter_section .item:hover .item__values,*/
.bx_filter_section .item.active .item__values
{
	display: flex;
	flex-direction: column;
	line-height: 26px;
}
.bx_filter_section .filter-tab-names{
	display: flex;
	flex-wrap: wrap;
}
.bx_filter_section .item__value.option-checkbox input{
	display: none;
}
.bx_filter_section .item__value.option-checkbox label{
	display: flex;
	align-items: center;
	margin-bottom: 7px;
	font: 400 14px/17px Roboto;
	white-space: nowrap;
	cursor: pointer;
}
.bx_filter_section .item__value.option-checkbox label:before{
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 13px;
	border: 1px solid #cfcfcf;
}
.bx_filter_section .item__value.option-checkbox input:checked + label:before{
	content: "";
	background: url(/bitrix/templates/medteh_fullrespon/img/checkbox.svg) no-repeat center / 10px 10px;
	color: var(--orange);
}
.bx_filter_section .item__btn{
	padding: 9px 15px;
	border: none;
	border-radius: 10px;
	background: var(--orange);
	font: 700 14px/17px Roboto;
	color: #fff;
}
.item__action{
	display: flex;
	justify-content: flex-end;
	padding-top: 10px;
	line-height: 0;
	font-size: 0;
	border-top: 1px solid var(--gray);
}

.bx_filter_section .item.active .item__values.item__values_price{
	width: 250px;
	display: block;
}
.bx_filter_section .wrapper-field-price input{
	border: 1px solid #999;
	width: 100%;
	height: auto;
	padding: 0 5px;
}
.bx_filter_section .item .item__values.item__values_price .price-range{
	padding: 10px;
}
.bx_filter_section .price-range .ui-widget-header{
	background: var(--orange);
}

.option-slider .option-range{
	display: flex;
}
.option-range.range_no_price{
	flex-direction: column;
}
.option-range.range_no_price .range{
	padding: 10px 0;
}
.option-range.range_no_price input{
	text-align: center;
	border: 1px solid #333;
	border-radius: 5px;
}
.option-range.range_no_price .ui-slider-range{
	background: var(--orange);
	border: none;
}
.range__inputs{
	height: 30px;
	display: flex;
  justify-content: space-around;
  align-items: center;
}
.filter-tab-container .range .ui-slider,
.filter-tab-container .price-range .ui-slider
{
	height: 5px;
}
.filter-tab-container .range .ui-slider .ui-slider-handle,
.filter-tab-container .price-range .ui-slider .ui-slider-handle
{
	top: -6px;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	border: 2px solid var(--orange);
	background: #fff;
}
.bx_filter_search_button{
	display: none;
}
.bx_filter_search_reset{
	text-decoration: underline;
	font: 700 14px/17px Roboto, sans-serif;
	color: var(--orange);
}

.item__values input{
	width: 100%;
  border: 1px solid #999;
  color: #000;
  border-radius: 4px;
  line-height: 25px;
  transition: border 0.3s ease-in-out;
  margin-bottom: 10px;
}
.item__values input:focus{
	border: 2px solid #F07C00;
}
.item__values .bx-ft-sub{

}
@media (max-width:  768px){
	.product-sort-block{
		padding-top: 10px;
	}
}

@media (max-width:  600px){
	.filters{
		position: relative;
		margin: 0 -15px;
		box-shadow: 0 3px 1px rgba(0,0,0,0.1);
	}
	.filters .filter__container{
		padding: 20px;
		/*position: absolute;
		top: 0;
		left: 0;
		right: 0;*/
		background: #fff;
    /*z-index: 99;
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);*/
	}

	.filter-tab-container .filter-tab-names{
		margin-top: 0;
	}
	.bx_filter_search_button{
		display: inline-block;
		padding: 10px 36px;
		border-radius: var(--btn-radius);
		background: var(--orange);
		font: 700 14px/17px Roboto, sans-serif;
		color: #fff;
	}
	.filters__sort .product-sort-block{
		flex-direction: column;
	}
	.category-filter-block-top .product-sort-block-text{
		display: block;
		width: 100%;
		margin-bottom: 0;
		padding: 8px 0;
		border: 1px solid var(--orange);
		border-radius: 5px;
		/*background: url(/bitrix/templates/medteh_fullrespon/img/button_s_right.svg) no-repeat 90% center / 5px 9px;*/
		font: 14px/17px Roboto, sans-serif;
    text-align: center;
    color: #454545;
	}
	.category-filter-block-top .product-sort-block-text svg{
		transition: transform 300ms ease-in-out;
		fill:  #454545;
	}
	.category-filter-block-top .product-sort-block-text.active{
		background-color: var(--orange);
		color: #fff;
		font-weight: 700;
	}
	.category-filter-block-top .product-sort-block-text.active svg{
		transform: rotate(90deg);
		fill:  #fff;
	}

	.product-sort-block .product-sort-list{
		width: 100%;
		display: none;
		flex-direction: column;
		align-items: stretch;
		margin-top: 10px;
		border: 1px solid var(--orange);
	}
	.product-sort-block .product-sort-list.active{
		display: flex;
	}
	.product-sort-block .product-sort-item{
		display: block;
		position: relative;
		padding: 0;
		margin: 0
	}
	.product-sort-block .product-sort-list .product-sort-item-link{
		border-radius: 0;
		border: none;
	}
	.product-sort-block .product-sort-list .product-sort-item:not(:last-child):after{
		position: absolute;
		content: '';
		display: block;
		bottom: 0;
		left: 10px;
		right: 10px;
		border-bottom: 1px solid var(--orange);
	}
	.filters__sort .show-more-filter-btn{
		border: 1px solid var(--orange);
		background: none;
		color: #454545;
		font-weight: 400;
	}
	.filters__sort .show-more-filter-btn svg{
		transform: rotate(-90deg);
		transition: transform 300ms ease-in-out;
	}
	.filters__sort .show-more-filter-btn.is-active{
		background-color: var(--orange);
		color: #fff;
		font-weight: 700;
	}
	.filters__sort .show-more-filter-btn.is-active svg{
		transform: none;
	}
	.filters .category-filter-block{
		display: block;
		padding: 0
	}
	.bx_filter_section .filter-tab-names{
		flex-direction: column;
		width: 100%;
		text-align: left;
		padding: 10px 0;
	}
	.bx_filter_section .item{
		height: auto;
		padding: 6px 0;
		margin-bottom: 0;
		text-align: left;
		font-size: 0;
		line-height: 0;
	}
	.bx_filter_section .item__name{
		display: inline-block;
		border-radius: 0 5px 5px 0;
		text-align-last: left;
		border: none;
		padding: 0 30px 0 0;
	}
	.bx_filter_section .item.filter-active .item__name{
		padding: 5px 25px 5px 5px;
	}
	.bx_filter_section .item:hover:not(.active, .filter-active) .item__name{
		background: transparent url(/bitrix/templates/medteh_fullrespon/img/button_s_right.svg) no-repeat calc(100% - 10px) / 10px 10px ;
		color: #333;
	}
	.bx_filter_section .item.active .item__name
	{
		width: 100%;
		border-radius: 0;
		padding: 7px 30px 7px 10px;
		background: var(--orange) url("/bitrix/templates/medteh_fullrespon/img/button_s_bottom.svg") no-repeat calc(100% - 10px) / 10px 10px;
		color: #fff;
	}

	.bx_filter_section .item__values {
		position: initial;
	}
	.bx_filter_section .item__values.item__values_price{
		width: 100% !important;
	}
	.bx_filter_section .item__values li.item__action{
		display: none
	}

	.bx_filter_button_box.is-active{
		display: block !important;
	}
	.bx_filter_parameters_box_container{
		display: flex;
		justify-content: space-around;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid #cdcdcd;
	}
	.bx_filter_block .bx_filter_search_button{
		padding: 9px 35px;
		background-color: var(--orange);
		border-radius: 10px;
		color: #fff;
		font: 700 14px/17px Roboto, sans-serif;
	}
	.bx_filter_search_reset{
		font: 700 14px/17px Roboto, sans-serif;
		color: var(--orange);
		text-decoration: underline;
	}
	.bx_filter_section .item.active .item__values{
		display: block;
	}
	.bx_filter_section .item:hover:not(.active) .item__values{
		display: none !important;
	}
	.range_no_price .range{
		width: 100%;
	}
	.product-sort-block-text{
		display: block;
		position: relative;
	}
	.category-filter-block-top .product-sort-block-text svg{
		position: absolute;
		right: 24px;
    top: calc(50% - 3px);
    transform: rotate(-90deg);
	}
	.category-filter-block-top .product-sort-block-text.active svg{
		transform: rotate(0);
	}
}