#demo-list {
    padding-left: 0;
    margin-left: 5px;
}
.catalog-filter{
    padding-left: 0;
}
.catalog-filter .form-group {
    margin-bottom: 0;
    margin-left: 0 !important;
}
.sidebar-title{
    padding-left: 20px !important;
}
.sidebar-title a{
    width: 100%;
    display: inline-block;
}
.slider-block{
    padding-left: 3%;
    padding-right: 3%;
}
#price-slider{
    width: 95%;
    padding-left: 5px;
    margin: 20px auto;
    margin-left: 12px;
}
.custom-control-label {
    margin-left: 10px;
}
.catalog-filter .row  {
    margin: 0;
    margin-bottom: 15px;
}
.catalog-filter-with-icon {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #E3E3E3;
    height: 78px;
    padding-bottom: 16px;
}
.category-filter div:first-child {
    color: blue;
}
div.form-group div.custom-control{
    margin-left: 10px;
}
div.form-group .collapse.show, div.form-group .collapsing {
    padding-left: 10px;
}
div.form-group .collapse.show {
    border-bottom: 1px solid #E3E3E3;
}

div.form-group >div, .collapse:not(.show) {
    padding-bottom: 10px;
    padding-top: 10px;
}
/*
.catalog-filter .btn.btn-danger.btn-block {
     width: 95%;
     margin: 25px 10px;
}
*/
#jquery-accordion-menu {
    height: 10px;
}
#jquery-accordion-menu,#jquery-accordion-menu * {
    /*font-family: 'Open Sans',sans-serif;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0;
}
.demo-list>li.active {
    padding-bottom: 5px;
}


#jquery-accordion-menu .jquery-accordion-menu-header,
#jquery-accordion-menu .jquery-accordion-menu-footer {
    width: 100%;
    height: 50px;
    padding-left: 22px;
    float: left;
    line-height: 50px;
    font-weight: 600;
    color: #f0f0f0;
    background: #414956;
    font-family: Roboto;
}
#jquery-accordion-menu .jquery-accordion-menu-footer {
    color: #DB002C;
    background: #F7F7F7;
}
#jquery-accordion-menu .jquery-accordion-menu-footer a {
    padding-left: 0px;
}
#jquery-accordion-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
!important;
}
.content-block.padding .container .row .sidebar #jquery-accordion-menu
ul li::before {
    content: '';
!important;
}

#jquery-accordion-menu ul li {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 140%;
    color: #262626;
    border-bottom: 1px solid #E3E3E3;
    cursor: pointer;
}

#jquery-accordion-menu ul li a {
    width: 100%;
    padding: 14px 10px;
    float: left;
    text-decoration: none;
    /*color: #f0f0f0;*/
    font-size: 16px;
    /*background: #414956;*/
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    -o-transition: color .2s linear,background .2s linear;
    -moz-transition: color .2s linear,background .2s linear;
    -webkit-transition: color .2s linear,background .2s linear;
    transition: color .2s linear,background .2s linear
}
#jquery-accordion-menu ul li.submenu a{
    padding: 5px;
}
#jquery-accordion-menu>ul>li.active>a,#jquery-accordion-menu>ul>li:hover>a {
    color: black;
    background: #EFEFEF;
    pointer-events: none;
}
#jquery-accordion-menu>ul>li{

}
#jquery-accordion-menu>ul>li>a {
    /*    border-bottom: solid 1px #3b424d*/
    color: black;
    padding-left: 20px;
    padding-right: 25px;
}

#jquery-accordion-menu ul li a i {
    width: 34px;
    float: left;
    line-height: 18px;
    font-size: 16px;
    text-align: left;
}

#jquery-accordion-menu .submenu-indicator {
    float: right;
    right: 14px;
    width: 15px;
    height: 15px;
    top: 18px;
    position: absolute;
    line-height: 19px;
    font-size: 30px;
    -webkit-transform: rotate(180deg); // разворот элемента для разных
бразуеров
-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -o-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -webkit-transition: transform .2s linear;
    -ms-transition: transform .2s linear;
    color: #262626;
    /*transform-origin: 10% 63%;*/
    background: url(/local/templates/rbx/images/chevron-down.svg);
    background-position: center;
    background-repeat: no-repeat;
}

#jquery-accordion-menu ul ul.submenu .submenu-indicator {
    line-height: 16px
}
#jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    /*-webkit-transform-origin: 50% 40%;
    -ms-transform-origin: 50% 40%;
    transform-origin: 10% 63%;*/
}
#jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator:after{
    content: '';
}

#jquery-accordion-menu ul ul.submenu,#jquery-accordion-menu ul
ul.submenu li ul.submenu {
    width: 100%;
    display: none;
    position: static
}

#jquery-accordion-menu ul ul.submenu li {
    clear: both;
    width: 100%;
    margin-left: 0;
    border: none;
}

#jquery-accordion-menu ul ul.submenu li a {
    width: 100%;
    float: left;
    font-size: 11px;
    /*    background: #383838;*/
    border-top: none;
    position: relative;
    /*border-left: solid 1px grey;*/
    -o-transition: border .2s linear;
    -moz-transition: border .2s linear;
    -webkit-transition: border .2s linear;
    transition: border .2s linear
}
#jquery-accordion-menu ul ul.submenu li a:hover{
    text-decoration: underline;
}

#jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #414956
}
#jquery-accordion-menu  .submenu-indicator-minus {
    margin-bottom: 10px;
    color: #DB002C !important;
    border-bottom: solid 1px #E3E3E3;
}
#jquery-accordion-menu  #demo-list li li .submenu-indicator-minus {
    border-bottom: none;
}

#jquery-accordion-menu ul ul.submenu>li>a {
    padding-left: 35px;
    color: #757575;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 140%;
    padding-top: 3px;
    padding-bottom:1px;
    overflow: hidden;
}

#jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 6px;
    border-left: 1px solid grey;
    margin-left: 55px;
    max-width: 250px;
}
#jquery-accordion-menu ul ul.submenu>li>ul.submenu>li:last-child a {
    margin-bottom: 10px;
}
#jquery-accordion-menu ul ul.submenu>li>ul.submenu>li:first-child a {
    margin-top: 0px;
}
#demo-list svg {
    width: 60px;
    margin-right: 5px;
    max-height: 25px;
}

#jquery-accordion-menu ul li
.jquery-accordion-menu-label,#jquery-accordion-menu ul ul.submenu li
.jquery-accordion-menu-label {
    min-width: 20px;
    padding: 1px 2px 1px 1px;
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: 11px;
    font-weight: 800;
    color: #555;
    text-align: center;
    line-height: 18px;
    background: #f0f0f0;
    border-radius: 100%
}

#jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    top: 12px
}

.ink {
    display: block;
    position: absolute;
    background: rgba(255,255,255,.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.animate-ink {
    -webkit-animation: ripple .5s linear;
    -moz-animation: ripple .5s linear;
    -ms-animation: ripple .5s linear;
    -o-animation: ripple .5s linear;
    animation: ripple .5s linear
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5)
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5)
    }
}

/*стили для синего цвета маню*/
.blue#jquery-accordion-menu
.jquery-accordion-menu-footer,.blue#jquery-accordion-menu
.jquery-accordion-menu-header,.blue#jquery-accordion-menu ul li a {
    background: #4A89DC
}

.blue#jquery-accordion-menu>ul>li.active>a,.blue#jquery-accordion-menu>ul>li:hover>a
{
    background: #3e82da
}

.blue#jquery-accordion-menu>ul>li>a {
    border-bottom-color: #3e82da
}

.blue#jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #3e82da;
    background: #3b3b3b;
}
/*конец*/

/*стили для зеленого цвета маню*/
.green#jquery-accordion-menu
.jquery-accordion-menu-footer,.green#jquery-accordion-menu
.jquery-accordion-menu-header,.green#jquery-accordion-menu ul li a {
    background: #03A678
}

.green#jquery-accordion-menu>ul>li.active>a,.green#jquery-accordion-menu>ul>li:hover>a
{
    background: #049372
}

.green#jquery-accordion-menu>ul>li>a {
    border-bottom-color: #049372
}

.green#jquery-accordion-menu ul ul.submenu li:hover>a  {
    border-left-color: #049372;
    background: #3b3b3b;
}

/*конец*/
/***/
.custom#jquery-accordion-menu {
    background: #F7F7F7;
}
/*стили для красного цвета маню*/
.red#jquery-accordion-menu
#jquery-accordion-menu-footer,.red#jquery-accordion-menu
.jquery-accordion-menu-header,.red#jquery-accordion-menu ul li a {
    background: #ED5565
}

.red#jquery-accordion-menu>ul>li.active>a,.red#jquery-accordion-menu>ul>li:hover>a
{
    background: #DA4453
}

.red#jquery-accordion-menu>ul>li>a {
    border-bottom-color: #DA4453
}

.red#jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #DA4453;
    background: #3b3b3b;
}
/*конец*/

/*стили для белого цвета маню*/
.white#jquery-accordion-menu
.jquery-accordion-menu-footer,.white#jquery-accordion-menu
.jquery-accordion-menu-header,.white#jquery-accordion-menu ul li a {
    background: #fff;
    color: #555
}

.white#jquery-accordion-menu>ul>li.active>a,.white#jquery-accordion-menu>ul>li:hover>a
{
    background: #f0f0f0
}

.white#jquery-accordion-menu>ul>li>a {
    border-bottom-color: #f0f0f0
}

.white#jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #f0f0f0;
    background: #3b3b3b;
}

.white#jquery-accordion-menu ul ul.submenu li a {
    color: #f0f0f0
}

.white#jquery-accordion-menu>ul>li>a>.ink {
    background: rgba(0,0,0,.1)
}
/*конец*/

/*стили для черного цвета маню*/
.black#jquery-accordion-menu
#jquery-accordion-menu-footer,.black#jquery-accordion-menu
.jquery-accordion-menu-header,.black#jquery-accordion-menu ul li a {
    background: #292929
}

.black#jquery-accordion-menu>ul>li.active>a,.black#jquery-accordion-menu>ul>li:hover>a
{
    background: #222
}

.black#jquery-accordion-menu>ul>li>a {
    border-bottom-color: #222
}

.black#jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #222;
    background: #3b3b3b;
}
/*конец*/

.content{
    width:260px;/*ширина меню*/
    margin:100px auto;
}

/*стили поисковой строки*/
.filterinput{
    background-color:rgba(249, 244, 244, 0);
    border-radius:15px;
    width:90%;
    height:30px;
    border:thin solid #FFF;
    text-indent:0.5em;
    font-weight:bold;
    color:#FFF;
}
/*конец*/
#demo-list a{
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;
}
.row .sidebar.flex-fill #jquery-accordion-menu .demo-list li::before {
    content: '';
    position: absolute;
    left: -12px;
}
.row .sidebar.flex-fill{
    padding-left: 0;
    padding-right: 0;
    width: 294px;
}
.submenu-indicator-small, .submenu-indicator-small-plus {
    font-size: 14px;
    float: right;
    padding-right: 8px;
}
.submenu-indicator-small-plus {
    display: none
}
.submenu-indicator-minus .submenu-indicator-small {
    display: none;
}
.submenu-indicator-minus .submenu-indicator-small-plus {
    display: inherit;
    margin-right: 2px;
}
.main-container {
    padding-top: 150px !important;
}
@media (min-width: 993px) {
    .row .sidebar.flex-fill > div.catalog-filter, nav#jquery-accordion-menu {
        display: block;
    }
}
@media (min-width: 992px){
    #jquery-accordion-menu, div.catalog-filter {
        display: block !important;
    }
}
@media (max-width: 992px){
    .catalog-filter-with-icon {
        display: none;
    }
    .jquery-accordion-menu-footer {
        display: none;
    }
    #filter-collapse {
        display: block;
        width: 250px;
        height: 46px;
        background: #FFFFFF;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        padding-left: 27px;
        line-height:44px;
        color: #262626;
        margin-right: 0;
    }
    #menu-collapse {
        display: block;
        width: 250px;
        height: 46px;
        background: #FFFFFF;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        padding-left: 27px;
        line-height:44px;
        color: #262626;
        margin-right: 0;
    }
    .row.justify-content-between {
        flex-direction: row;
    }
    .right-indicator {
        float: right;
    }
    .main-container {
        padding-top: 150px !important;
    }
    .main-container {
        padding-top: 120px !important;
    }
}
@media (max-width: 650px) {
    #price-slider {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 650px) {
    .navbar-worktime {
        display: none !important;
    }
}
@media (max-width: 716px){
    .dropdown{
        position: inherit;
        display: inline-block;
    }
    .col-auto.text-left {
        margin-bottom: 5px;
    }
    ol.breadcrumb {
        margin-top: 10px;
    }
}
@media (max-width: 571px){
    .dropdown{
        position: inherit;
        display: inline-block;
    }
    #menu-collapse {
        display: /*none;*/block;
        width: 200px;
        height: 46px;
        background: #FFFFFF;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        padding-left: 27px;
        line-height:44px;
        color: #262626;
        margin-right: 0 !important;
    }
    #filter-collapse {
        display: block;
        width: 200px;
        height: 46px;
        background: #FFFFFF;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        padding-left: 27px;
        line-height:44px;
        color: #262626;
        margin-right: 5px;
    }

}
@media (max-width: 560px){
    .dropdown{
        position: inherit;
        display: inline-block;
        margin-right: 21px;
    }
    .col-auto.text-left {
        margin-bottom: 5px;
    }
    .col-auto.text-left .d-inline-block.mt-2 {
        margin-top: 0 !important;
        margin-bottom: 10px;
        margin-right: 20px;
    }
    .col-auto.text-left .d-inline-block.mt-2::after {
        clear: both;
    }
    .row.justify-content-between {
        padding-left: 20px;
    }
    .row.justify-content-between .row{
        margin-right: 10px;
    }
    .catalog-sort a {
        margin-right: 10px;
    }
    #menu-collapse {
        display: /*none;*/block;
        width: 145px;
        height: 46px;
        background: #FFFFFF;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        padding-left: 27px;
        line-height:44px;
        color: #262626;
        margin-right: 0 !important;
    }
    #filter-collapse {
        display: block;
        width: 145px;
        height: 46px;
        background: #FFFFFF;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        padding-left: 27px;
        line-height:44px;
        color: #262626;
        margin-right: 5px;
    }
    .row.justify-content-between .col-auto {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 320px) {
    #jquery-accordion-menu>ul>li>a {
        padding-left: 0;
    }

    .catalog-filter .sidebar-title {
        padding-left: 5px !important;
    }

    .row .sidebar.flex-fill {
        width: 100%;
    }

    .border-top-xs, #jquery-accordion-menu > ul > li:first-child  {
        border-top: 1px solid #E3E3E3;
    }
}
.active-item {
    color: #DB002C !important;
}