/* Start:/bitrix/components/my/catalog_filter_pro/templates/.default/base_css.css?1755175418789*/
.filter-wrapper {
	position: relative;
}

#filter-wrapper a,
#filter-wrapper a:hover {
	outline: none;
}

.filter-wrapper #filter-quick-info {

}

.filter-wrapper #filter-quick-info-inner {
}

.filter-wrapper .filter-selected-values {
	display: none;
}

.filter-wrapper .filter-block {

}

.filter-wrapper .filter-block .filter-name {

}

.filter-wrapper .filter-block .filter-field-real {
	width: 0;
	height: 0;
	overflow: hidden;
}

.filter-wrapper .filter-block .filter-field-real.visible {
	width: auto;
	height: auto;
}



.filter-wrapper .filter-block .filter-field-view .active,
.filter-wrapper .filter-block .filter-field-view .active:hover {
	font-weight: bold;
}

.filter-wrapper .filter-action-button {
	margin: 20px 0 0;
}

#filter-wrapper .filter-prop-info {
	display: none;
}
/* End */


/* Start:/bitrix/components/my/catalog_filter_pro/templates/.default/theme_css.css?175517541812871*/

#filter-wrapper {
    position: relative;
}


.filter-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 5;
    
    
}

.filter-overlay-hidden {
    /* visibility: hidden; */
    display: none;
    
}

.filter-overlay:before {
    
    content: 'Подождите...';
    color: #000;
    width: 100%;
    height: 100%;
    position: relative;
    top: 50%;
    text-align: center;
    color: red;
    font-size: 20px;
    
}

#filter-wrapper .filter-header {
	display: flex;
	justify-content: space-between;
	color: #000;
	margin: 0;
	background: #f5f7f7 url('/bitrix/components/my/catalog_filter_pro/templates/.default/images/bg-i-4.png') 0 100% repeat-x;
	min-height: 36px;
	padding: 0 10px;

}

#filter-wrapper .filter-header * {
	line-height: 36px;

}

#filter-wrapper .filter-header h4 {
	text-transform: uppercase;
	color: #d20404;
	font: bold 12px/36px Tahoma, sans-serif;
}

#filter-wrapper .filter-header .filter-close {
	background: url('/bitrix/components/my/catalog_filter_pro/templates/.default/images/bg-i-14.png') 0 50% no-repeat;
	padding-left: 18px;
}

/* быстрая подсказка */

#filter-wrapper #filter-quick-info {
	padding: 0 10px;
}

#filter-wrapper #filter-quick-info #filter-quick-info-inner {
	border: 0 solid #ccc;
	position: relative;
	height: 50px;
	width: 100%;
}

#filter-wrapper #filter-quick-info-inner .found-title {
	display: block;
	float: left;
	line-height: 50px;
	font-weight: bold;
}

#filter-wrapper #filter-quick-info-inner .count {
	display: block;
	float: left;
	line-height: 50px;
	height: 50px;
	width: 40px;
	border: 0;
	text-align: center;
	margin: 0 0 0 15px;
}

#filter-wrapper #filter-quick-info-inner .count.in-progress {
	background: url('/bitrix/components/my/catalog_filter_pro/templates/.default/images/preloader-2.gif') 50% 50% no-repeat;
	text-indent: -10000px;
}

#filter-wrapper #filter-quick-info-inner .form-sumit-link,
#filter-wrapper #filter-quick-info-inner .form-sumit-link:hover {
	float: right;
	line-height: 50px;
	font-weight: bold;

}

#filter-wrapper #filter-quick-info-inner .ugol {
	display: none;
	position: absolute;
	left: -10px;
	top: 12px;
	width: 10px;
	height: 15px;
	background: #fff url('/bitrix/components/my/catalog_filter_pro/templates/.default/images/ugol-left.png') 0 0 no-repeat;
}

#filter-wrapper .filter-br {
	display: block;
	width: auto;
	border: 0;
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	font-size: 0;
	overflow: hidden;
}

#filter-wrapper .filter-hr-1 {
	display: block;
	width: auto;
	border-top: 3px solid #cccccc;
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	font-size: 0;
	overflow: hidden;
}

.filter-block-checkbox {
	width: 100%;
	position: relative;
	margin: 0 0 20px !important;
	clear: both;

}

.filter-block-checkbox .filter-name {
	display: block;
	margin: 0 0 5px !important;
	font-weight: bold !important;
}

.filter-block-checkbox .filter-search {
	position: relative;
	border: 0;
	margin: 10px 10px 0;
}

.filter-block-checkbox .filter-search input {
	border: 1px solid #ccc;
	height: 20px;
	font: normal 11px/20px Tahoma, sans-serif;
	width: 200px;
	padding: 0 10px;
	outline: none;
}

.filter-block-checkbox .filter-search .discard {
	display: none;
	font-size: 14px !important;
	color: #d20404 !important;
	padding-left: 7px;
	text-decoration: none;

}

.filter-block-checkbox .filter-field-view {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.filter-block {
	display: block;
}

.filter-block .filter-field-view {
	margin: 10px;
}

/* Buttons */
#filter-wrapper .filter-action-button {
	margin: 0 !important;
	clear: both;
}

#filter-wrapper .filter-action-button-submit {
	display: block;
	width: 150px;
	height: 40px;
	margin: 10px auto;
	padding: 0 10px !important;
	cursor: pointer;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: 15px;
	outline: none;
}

#filter-wrapper .filter-action-button-submit.filter-applied {
	-webkit-box-shadow: inset 0 1px 25px #a3a3a3;
	-moz-box-shadow: inset 0 1px 25px #a3a3a3;
	box-shadow: inset 0 1px 25px #a3a3a3;
}

#filter-wrapper .filter-action-button-reset,
#filter-wrapper .filter-action-button-reset:hover {
	display: block;
	text-align: center;
	width: 130px;
	margin: 0 auto 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 10px !important;
	cursor: pointer;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	outline: none;
}

#filter-show-hide {
	display: block;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #ccc;
	width: auto;
	margin: 0 0 10px;
	background: #D9E3F3;
	font-weight: bold;
	font-size: 14px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noUi-horizontal .noUi-base {
	width: 100%;
	height: 5px;
	position: relative;
}

.noUi-vertical .noUi-base {
	width: 100%;
	height: 17px;
	position: relative;
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}

.noUi-handle {
	position: relative;
	z-index: 1;
}

.noUi-stacking .noUi-handle {
	/* This class is applied to the lower origin when
	   its values is > 50%. */
	z-index: 10;
}

.noUi-stacking + .noUi-origin {
	/* Fix stacking order in IE7, which incorrectly
	   creates a new context for the origins. */
	z-index: -1;
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
	cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
}

.noUi-horizontal .noUi-handle {
	width: 15px;
	height: 15px;
	top: -6px;
	border: 0;
}

.noUi-horizontal.noUi-extended {
	padding: 0 15px;
}

.noUi-horizontal.noUi-extended .noUi-origin {
	right: -15px;
}

.noUi-vertical {
}

.noUi-vertical .noUi-handle {
	width: 15px;
	height: 28px;
	top: -6px;
	border: 0;
}

.noUi-vertical.noUi-extended {
	padding: 0 15px;
}

.noUi-vertical.noUi-extended .noUi-origin {
	right: -15px;
}

/* Styling;
 */
.noUi-background {
	background: #e6e6e6;
}

.noUi-connect {
	background: #999999;
}

/* Handles and cursors;
 */
.noUi-dragable {
	cursor: w-resize;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}

[disabled] .noUi-handle {
	cursor: not-allowed;
}

/* colors */

.block-color {
	float: left;
}

.block-color-pink,
.block-color-pink:hover {
	background-color: #EC008C;
	color: #000;
}

.block-color-warm_white,
.block-color-warm_white:hover {
	background-color: #FCFCA0;
	color: #000;
}

.block-color-day_white,
.block-color-day_white:hover {
	background-color: #F8F0C0;
	color: #000;
}

.block-color-white,
.block-color-white:hover {
	background-color: #fff;
	color: #000;
}

.block-color-cool_white,
.block-color-cool_white:hover {
	background-color: #E0FFFF;
	color: #000;
}

.block-color-violet,
.block-color-violet:hover {
	background-color: #9900FF;
	color: #fff;
}

.block-color-blue,
.block-color-blue:hover {
	background-color: #0033FF;
	color: #fff;
}

.block-color-green_blue,
.block-color-green_blue:hover {
	background-color: #00CC99;
	color: #000;
}

.block-color-green,
.block-color-green:hover {
	background-color: #33CC00;
	color: #000;
}

.block-color-green_yellow,
.block-color-green_yellow:hover {
	background-color: #CCFF33;
	color: #000;
}

.block-color-green_yell,
.block-color-green_yell:hover {
	background-color: #CCFF33;
	color: #000;
}

.block-color-yellow,
.block-color-yellow:hover {
	background-color: #FFFF33;
	color: #000;
}

.block-color-orange,
.block-color-orange:hover {
	background-color: #F68220;
	color: #000;
}

.block-color-red,
.block-color-red:hover {
	background-color: #FF3333;
	color: #fff;
}

.block-color-ir850,
.block-color-ir850:hover {
	background-color: #CCCCCC;
	color: #000;
}

.block-color-ir940,
.block-color-ir940:hover {
	background-color: #E0E0E0;
	color: #000;
}

/* */

.filter-block-wrapper {
	background: #fafafa;
}

#filter-sortable-list-1 .ui-state-highlight {
	height: 2em;
	line-height: 1.2em;
	border: 1px solid #ccc;
	background: #fafafa;
}

.filter-block-wrapper.ui-sortable-helper .filter-block-name-line {
	border: 2px solid #ccc;
}

.filter-block-name-line {
	display: flex;
	padding: 6px 0 2px;
	margin: 0 0 0;
	justify-content: space-between;
	border: 2px solid #fafafa;
}

.filter-block-name-line > * {
}

.filter-block-name-line .name-block .filter-rupor-ico,
.filter-rupor-ico {
	display: inline-block;
	width: 20px;
	height: 11px;
	background: url('/bitrix/components/my/catalog_filter_pro/templates/.default/images/rupor-ico-2.png') 100% 0 no-repeat;
}

.filter-block-name-line .launch-filter-block {
	/*margin: 0 10px 0 0;*/
	display: flex;
	align-items: center;
}

.filter-block-name-line .sort-block {
	display: flex;
	/*flex-direction: column-reverse;*/
	align-items: center;
}

.filter-block-name-line .sort-block a:hover {
	color: red;
}

.filter-block-name-line .sort-block a,
.filter-block-name-line .sort-block a:hover {
	font-size: 14px !important;
}

.filter-block {
	display: none;
	left: 0;
	top: 230px;
	position: fixed;
	width: 600px !important;
	height: auto;
	z-index: 10000;
	padding: 0;
}

.filter-block-inner {
	position: relative;
}

.filter-block-inner .filter-button-close-block {
	position: absolute;
	right: 9px;
	top: 10px;
	width: 15px;
	height: 15px;
	text-indent: -10000px;
	text-decoration: none;
	background: url('/bitrix/components/my/catalog_filter_pro/templates/.default/images/bg-i-9.png') 0 0 no-repeat;
}

.filter-block-inner .filter-name {
	font-size: 14px;
	padding-left: 10px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 33px;
	height: 33px;
}

.filter-block .filter-block-button-line {
	border: 0;
	display: flex;
	justify-content: flex-end;
	padding: 10px;
}

.filter-block .filter-block-button-line input[type=submit] {
	display: block;
	width: 150px;
	height: 27px;
	color: #474747;
	font: normal 12px/25px Tahoma, sans-serif;
	background: #dbe4f4 url('/bitrix/components/my/catalog_filter_pro/templates/.default/images/bg-i-19.png') 0 0 no-repeat;
	border: 1px solid #f5f7f7;
	padding: 0 7px 0 27px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 8px 0 rgba(171, 171, 171, 1);
	-moz-box-shadow: 0 3px 8px 0 rgba(171, 171, 171, 1);
	box-shadow: 0 3px 8px 0 rgba(171, 171, 171, 1);
	cursor: pointer;
	outline: none;
}

.filter-block .filter-block-button-line input[type=submit]:disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* фильтры для IE 5.5+ */
	-moz-opacity: 0.3; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.3; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
	cursor: not-allowed;
}

#filter-wrapper .filter-show-hide-field-flag {
	margin: 0 5px 0 10px;
}

#filter-wrapper .filter-button-show-block {
	display: block;
	text-decoration: none;
	margin: 0;
}

.filter-button-show-block.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* selected values */
#filter-wrapper .filter-selected-values {
	margin: 0 0 12px 0;
	padding: 0 0 5px 0;
	min-height: 10px;
	width: 100%;
	clear: both;
	border-bottom: 1px dashed #ccc;
}

#filter-wrapper .filter-selected-values .filter-selected-value {
	position: relative;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 2px 15px 2px 4px;
	margin: 0 5px 5px;
}

#filter-wrapper .filter-selected-values .filter-selected-value .filter-unselect-value,
#filter-wrapper .filter-selected-values .filter-selected-value .filter-unselect-value:hover {
	display: block;
	position: absolute;
	right: 3px;
	top: 1px;
	text-decoration: none;
	font-size: 12px;
	color: #d20404;
}

.filter-prop-info {
	display: none;
	left: 0;
	top: 230px;
	position: fixed;
	border: 0 solid #bbb !important;
	-webkit-box-shadow: 0 3px 8px 0 rgba(143, 143, 143, 1);
	-moz-box-shadow: 0 3px 8px 0 rgba(143, 143, 143, 1);
	box-shadow: 0 3px 8px 0 rgba(143, 143, 143, 1);
	background: #fafafa;
	z-index: 1000;
	padding: 0;
}

.filter-prop-info-inner {
	position: relative;
	overflow: hidden;
}

.filter-prop-info-inner .filter-button-close-prop-info-block {
	position: absolute;
	right: 9px;
	top: 10px;
	width: 15px;
	height: 15px;
	text-indent: -10000px;
	text-decoration: none;
	background: url('/bitrix/components/my/catalog_filter_pro/templates/.default/images/bg-i-9.png') 0 0 no-repeat;
}

.filter-prop-info .prop-description-block {
	width: 535px;
	height: 327px;
}

.filter-prop-info .prop-description-text {
	float: right;
	width: 50%;
	font-size: 11px;
	padding: 10px;
	background: url('/bitrix/components/my/catalog_filter_pro/templates/.default/images/fbg-6.png') 0 0 repeat;
	height: 307px;
	overflow: auto;
}

/* / */
#filter-wrapper .filter-column-show-hide {
	margin: 0 0 10px;
	padding: 10px 0;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}



.filter-block .filter-field-view a.disabled, 
.filter-block .filter-field-view a.disabled:hover {
    opacity: 0.4;
}

/* End */
/* /bitrix/components/my/catalog_filter_pro/templates/.default/base_css.css?1755175418789 */
/* /bitrix/components/my/catalog_filter_pro/templates/.default/theme_css.css?175517541812871 */