/* стилизуем общий блок с фильтром */
.flist{
    font:13px DinPro-regular;
    line-height: 1.0;
}
/* стилизуем название опции */
.flist div span.flist-label{
    display:block;
    margin-bottom:15px;
    font: 15px DinPro-medium; color: #000000;
    line-height: 1.5;
}
#flist-label-price{
    display:block;
}
/* стилизуем блок со списком фильтров */
.flist-values {
    display:block;
    font-size: 0;
    overflow: auto;
    max-height:350px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:20px;
}
/* выделяем выбранную опцию в фильтре */
.flist input:checked+label {
    font-weight: 700;
}
/* скрываем не нужное */
button[onclick="setPriceFilter();"],
button[onclick="cancelPriceFilter();"],.u-block_line .forumDescr,
.u-block_line input[type="checkbox"]{
    display:none !important;
}
/* отступ после всего списка опций */
.flist-item .u-block_line:last-child{
    margin-bottom:10px;
}
/* стилизуем название опции в фильтре */
.u-block_line label {
    display: block;
    line-height: 20px;
    font-size: 11pt;
    cursor: pointer;
}
/* если включен ICHECK */
/*--- НАЧАЛО === первый вид чекбоксов (по-умолчанию) ---*/
/* стилизуем названия опций */
.u-block_line input[type="checkbox"] + label {
    cursor: pointer;
    padding-left: 0;
    padding-bottom:13px;
}
/* устанавливаем стилизованный чекбокс напротив названия опции */
.u-block_line input[type="checkbox"] + label span { 
    cursor: pointer;
    float: left;
    margin: 0 10px 0 0;
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #cbd2d9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: border 0.3s linear, background 0.3s linear;
    -moz-transition: border 0.3s linear, background 0.3s linear;
    -ms-transition: border 0.3s linear, background 0.3s linear;
    -o-transition: border 0.3s linear, background 0.3s linear;
    transition: border 0.3s linear, background 0.3s linear; 
}
/* меняем цвет чекбоса при наведении на него курсором */
.u-block_line input[type="checkbox"] + label span:hover { 
    border-color: #8eb132;
    color: #8eb132;
}
/* активный чекбокс заливаем цветом и ставим галочку в виде картинки */
.u-block_line input[type="checkbox"]:checked+label span {
    text-align: center;
    border-color: #649b04;
    background: #649b04 url(/img/check-svg.svg) no-repeat 60%;
    position: relative;
    z-index: 1;
    -webkit-transition: border 0.1s linear, background 0.1s linear;
    -moz-transition: border 0.1s linear, background 0.1s linear;
    -ms-transition: border 0.1s linear, background 0.1s linear;
    -o-transition: border 0.1s linear, background 0.1s linear;
    transition: border 0.1s linear, background 0.1s linear; 
}
/*--- КОНЕЦ === первый вид чекбоксов (по-умолчанию) ---*/
/* меняем фон при выборе опции и ЕСЛИ выбрана опция */
.flist-item.background-color{
    background: #F9FAFB;
    width: 175;
    margin-left: 0px;
    padding: 0 0px;
    -webkit-transition: border 0.3s linear, background 0.1s linear;
    -moz-transition: border 0.3s linear, background 0.1s linear;
    -ms-transition: border 0.3s linear, background 0.1s linear;
    -o-transition: border 0.3s linear, background 0.1s linear;
    transition: border 0.3s linear, background 0.1s linear; 
}
/* слайдер цен */
.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.irs-line {
    position: relative; display: block;
    overflow: hidden;
    outline: none !important;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
    position: absolute; display: block;
    top: 0;
}
.irs-line-left {
    left: 0; width: 11%;
}
.irs-line-mid {
    left: 9%; width: 82%;
}
.irs-line-right {
    right: 0; width: 11%;
}
.irs-bar {
    position: absolute; display: block;
    left: 0; width: 0;
}
.irs-bar-edge {
    position: absolute; display: block;
    top: 0; left: 0;
}
.irs-shadow {
    position: absolute; display: none;
    left: 0; width: 0;
}
.irs-slider {
    position: absolute; display: block;
    cursor: default;
    z-index: 1;
}
.irs-slider.type_last {
    z-index: 2;
}
.irs-min {
    position: absolute; display: block;
    left: 0;
    cursor: default;
}
.irs-max {
    position: absolute; display: block;
    right: 0;
    cursor: default;
}
.irs-from, .irs-to, .irs-single {
    position: absolute; display: block;
    top: 0; left: 0;
    cursor: default;
    white-space: nowrap;
}
.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
.irs-grid-pol {
    position: absolute;
    top: 0; left: 0;
    width: 1px; height: 8px;
    background: #000;
}
.irs-grid-pol.small {
    height: 4px;
}
.irs-grid-text {
    position: absolute;
    bottom: 0; left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px; line-height: 9px;
    padding: 0 3px;
    color: #000;
}
.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}
.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40);
}
.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}
.irs {
    height: 55px;
}
.irs-with-grid {
    height: 75px;
}
.irs-line {
    height: 8px; top: 33px;
    background: #EEE;
    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
    border: 1px solid #CCC;
    border-radius: 16px;
    -moz-border-radius: 16px;
}
.irs-line-left {
    height: 8px;
}
.irs-line-mid {
    height: 8px;
}
.irs-line-right {
    height: 8px;
}
.irs-bar {
    height: 8px; top: 33px;
    border-top: 1px solid #649b04;
    border-bottom: 1px solid #649b04;
    background: #649b04;
    background: linear-gradient(to top, rgba(100,155,4,1) 0%,rgba(185,209,142,1) 100%); /* W3C */
}
.irs-bar-edge {
    height: 10px; top: 33px;
    width: 14px;
    border: 1px solid #428bca;
    border-right: 0;
    background: #428bca;
    background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
}
.irs-shadow {
    height: 2px; top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}
.irs-slider {
    top: 28px;
    width: 18px; height: 18px;
    border: 1px solid #AAA;
    background: #DDD;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */
    border-radius: 27px;
    -moz-border-radius: 18px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    cursor: pointer;
}
.irs-slider.state_hover, .irs-slider:hover {
    background: #FFF;
}
.irs-min, .irs-max {
    color: #333;
    font-size: 12px; line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}
.irs-from, .irs-to, .irs-single {
    color: #000;
    font-size: 14px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #fff3b5;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}
.irs-grid {
    height: 27px;
}
.irs-grid-pol {
    opacity: 0.5;
    background: #428bca;
}
.irs-grid-pol.small {
    background: #999;
}
.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}