/* Start:/local/templates/label/components/bitrix/catalog.smart.filter/.default/style.css?17080870284748*/
.wrap_filter {display: block; width: 100%; box-sizing: border-box}
.wrap_filter .close_wrap {display: none}


.filter {display: block; padding: 0; width: 100%; box-sizing: border-box}

.filter .params_wrapper {background: #fff; border-radius: 10px;}

.filter .paramsBox {padding: 20px 20px 15px 20px; border-bottom: 1px solid #f8f8f8}
.filter .paramsBox:last-child {border-bottom: none}
.filter .params {padding: 14px 0 0 0; transition: .3s ease-in-out;}

#smartFilter .params.collapsed {display: block; padding: 0; max-height: 0; overflow: hidden; opacity: 0;}


#smartFilter .paramsBoxTitle {/*padding-bottom: 14px;*/ color: #000; font-size: 15px; font-weight: 700; line-height: 19px;}
#smartFilter .paramsBoxTitle span {display: block; padding-right: 14px; width: 100%; cursor: pointer; position: relative; box-sizing: border-box}
#smartFilter .paramsBoxTitle span:before {content: ''; display: block; width: 11px; height: 5px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABZSURBVHgBdY4BCQAhEATvG3wEI3yEj2AEoxjBBtrACEYxgjbQFVZQwYUBuR2Pe0REgxcEuceAOh4RNJDBd0g/SOzd+jNz6CnNJYX9lnGKpTAly/k1ipI6iw7FyhKEoztO0AAAAABJRU5ErkJggg==") center center no-repeat; position: absolute; top: calc(50% - 2px); right: 0; z-index: 3;}
#smartFilter .paramsBoxTitle.expanded span:before {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgBdY1RDYAwDAWLAyQgAQlIQMKcDAdYmANwgBQkgIPtbbmPLcsuuTZtX1KznkUe9CGz9PKTET37BleFLrnJwPxyL5wsH0I1K+F8vyeVnVfBxjj5JzWuEoOkmIeMAAAAAElFTkSuQmCC") center center no-repeat;}
#smartFilter em {color: #8B8B8B; font-style: normal}


#smartFilter .inp-fl {margin: 0 -5px}
#smartFilter .inp-fl > div {padding: 0 5px; width: 50%; box-sizing: border-box}
#smartFilter .rangeSlider {padding-bottom: 10px}
#smartFilter .rangeSlider input[type="text"] {height: 40px; font-size: 14px; font-weight: 500; border: none; background: #F8F8F8; border-radius: 5px; line-height: 40px}
#smartFilter .slider {margin: 10px auto 0; width: 100%; height: 18px; position: relative;}
#smartFilter .handler {width: 100%; height: 4px; background: #FF9601; border-radius: 3px; cursor: pointer; position: absolute; top: 15px;}
#smartFilter .slider .blackoutLeft, #smartFilter .slider .blackoutRight {width: 0; height: 4px; background: #ddd; border-radius: 2px; position: absolute; top: 0; left: 0}
#smartFilter .slider .blackoutRight {right: 0; left: inherit}
#smartFilter .slider ins {display: block; width: 16px; height: 16px; background: #FF9601; border-radius: 50%; position: absolute; cursor: pointer; z-index: 12; top: -6px;}
#smartFilter .slider .left {right: -16px;}
#smartFilter .slider .right {left:  -16px;}


#smartFilter .checkbox {padding: 0; width: 100%; max-height: 210px; overflow: hidden; overflow-y: auto}
#smartFilter .checkbox li {padding: 5px 0; line-height: 20px;}
#smartFilter .checkbox li:before {display: none}
#smartFilter input[type="checkbox"] + label div {font-weight: 500; font-size: 14px}






#smartFilterControls {padding: 20px 20px 0 20px}
#smartFilterControls > div:nth-child(1) {margin-bottom: 20px}
#smartFilterControls .button {margin: 0 auto; width: 164px; height: 50px; font-size: 17px; font-weight: 600; line-height: 50px}
#smartFilterControls .button.grey {width: 112px; height: 38px; font-size: 15px; color: #000; line-height: 38px;}


#modef { /*display: none !important; */padding-left: 15px; width: 200px; height: 38px; color: #fff; font-size: 13px; text-align: left; background: #ff9601; box-shadow: 0px 20px 50px rgba(0,0,0,.15); border-radius: 5px; box-sizing: border-box; line-height: 38px; transition: top .2s ease; position: absolute; left: calc(100% - 7px); top: 0; z-index: 99;}
#modef:before {content:''; display:block; width:8px; height:8px; background: #ff9601; box-shadow: 0px 20px 50px rgba(0,0,0,.15); transform:rotate(45deg); position:absolute; top: 15px; left:-4px;}

#modef .close {display: block; width: 20px; height: 30px; position: absolute; top: 4px; right: 5px;}
#modef .close:before {content: '\00D7'; display: block; width: 20px; height: 30px; color: #fff; font-size: 30px; font-weight: 300; line-height: 25px; position: absolute; top: 0; left: 0;}
#modef .close:hover:before {color: #c50a0b;}



#modef_send {display: inline-block; margin-left: 10px; color: #fff;}
#modef_send:hover {opacity: .8;}
#modef_num {display: inline-block;}

#smartFilter .elCount {text-decoration: none;}

#set_filter_num {font-size: 14px}



@media only screen and (max-width: 1200px) {

#modef {display: none !important;}
}
/* End */
/* /local/templates/label/components/bitrix/catalog.smart.filter/.default/style.css?17080870284748 */