#filters-view { 
    width: 100% /* 290px;*/ background: #fff;
    border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; 
    border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; 
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
}

#filters-view .filters-view-header { color:  #363636; font-weight: 700; font-size: 18px; padding: 20px; }
#filters-view ul {list-style: none; padding-bottom: 10px;}
#filters-view ul li a {
    display: block; padding: 15px 50px 15px 20px; font-size: 16px; color: #fff; text-decoration: none; border-top: 1px solid #cecece;
    /*
    background-image: url(../../images/filter-icons.png);
    background-position: right 20px top 14px;
    background-repeat: no-repeat;
    */
    background-color: #091b38;
}
#filters-view ul ul {margin: 10px 5px 10px 10px; font-size: 13px; list-style: none;}
#filters-view ul ul li {margin-top: 8px; background-color: #fff; color: #122f4d; font-weight: 400;}
#filters-view ul ul label {margin-left: 5px}
#filters-view ul li p {font-size: 13px; color: #ccc; cursor: pointer; padding: 0 0 10px 20px; transition: all 0.2s ease; -webkit-transition: all 0.2 ease;}
#filters-view ul li p:hover {color: #363636;}
#filters-view ul ul ul {display: none;}

#filters-view .filters-view-mobile-trigger{display: none;}

/* modifiers */
#filters-view ul li a.is-abroad-link {
    font-size: 13px; color: #3d3d3d; border: none; height: 53px;margin: 0 -5px -10px -10px; padding: 5px 35px 5px 20px; 
    background: url(../../images/globus.png) right 20px center no-repeat #d12e48; 
    display: flex; flex-direction: column; justify-content: center; 
    -webkit-display: flex; -webkit-flex-direction: column; -webkit-justify-content: center;
}
#filters-view ul li a.is-abroad-link span {color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 2px}
#filters-view ul li a.is-abroad-link span.is-bold {font-weight: 700; text-transform: uppercase; margin-top: 2px}
#filters-view ul ul li.has-checked > label {background-color: #f1f8ff; font-weight: 600; color:#000; padding: 5px 10px; margin-left: -5px;}
#filters-view ul ul li.has-checked ul {display: block}
#filters-view ul ul li a.like-input { 
    font-size: 13px; color: #3d3d3d; border: none; height: 53px; margin: 0 -5px -10px -10px; padding: 5px 35px 5px 20px; 
    background: url(../../images/globus.png) right 35px center no-repeat #d12e48;
    display: flex; -webkit-display: flex;
    flex-direction: column; -webkit-flex-direction: column;
    justify-content: center; -webkit-justify-content: center
}
#filters-view ul ul li a.like-input .like-input-font-upper {color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 2px}
#filters-view ul ul li a.like-input .like-input-font-lower {color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-top: 2px}

@media screen and (max-width: 1024px) {
    /* mobile filters trigger */
    /*
    #filters-view {
        position: absolute; left: -293px; top: 0; z-index:5;
        transition: .5 all; -webkit-transition: .5 all;
        -webkit-box-shadow: 7px 6px 5px -3px rgba(0,0,0,0.65);
        -moz-box-shadow: 7px 6px 5px -3px rgba(0,0,0,0.65);
        box-shadow: 7px 6px 5px -3px rgba(0,0,0,0.65);
    }
    
    #filters-view .filters-view-mobile-trigger {
        z-index: 11; position: absolute; top: 45px; right: -69px;
        width: 95px; height: 40px; background-color: #091b38; color: #fff; font-size:10px; font-weight: 900; border-radius: 5px 5px 0 0;
        display: flex; -webkit-display: flex;
        justify-content: center;-webkit-justify-content: center;
        align-items: center;-webkit-align-items: center;
        transform: rotate(90deg); -webkit-transform: rotate(90deg);
    }
    #filters-view .filters-view-mobile-trigger:after {content: 'pokaż filtry'; display: block; width: 60px; height: 13px;}    
    
    // modifiers
    #filters-view.is-active {left: 0;}
    #filters-view .filters-view-mobile-trigger.is-active:after {content: 'ukryj filtry'}
    #filters-view .filters-view-mobile-trigger.is-sticky {position: fixed; top: 50%;right: auto; left: -28px;}
    #filters-view .filters-view-mobile-trigger.is-active.is-sticky {left: 262px}
    #filters-view .filters-view-mobile-trigger.is-on-end {position: absolute; top: auto; bottom: 40px; right: -69px; left: auto;}
    #filters-view .filters-view-mobile-trigger.is-on-end.is-active {left: 262px}
    */
    
    #filters-view {
        position: absolute; left: -293px; top: 0; z-index:5;
        transition: .5 all; -webkit-transition: .5 all;
        -webkit-box-shadow: 7px 6px 5px -3px rgba(0,0,0,0.65);
        -moz-box-shadow: 7px 6px 5px -3px rgba(0,0,0,0.65);
        box-shadow: 7px 6px 5px -3px rgba(0,0,0,0.65);
    }
    
    /* modifiers */
    #filters-view.is-active {left: 0;}
}