.filter-button {
    position:fixed;
    bottom:50px;
    right:0;
    background:#000;
    padding:15px 0;
    color:#fff;
    width:150px;
    cursor:pointer;
    letter-spacing:2px;
    z-index:5;
    -webkit-transition:all 400ms linear;
    -moz-transition:all 400ms linear;
    -o-transition:all 400ms linear;
    -ms-transition:all 400ms linear;
    transition:all 400ms linear;
}
.filvisb {
  width:250px;
}
.filter-nvis-column {
    position:fixed;
    bottom:0;
    right:0;
    width:250px;
    background:#fff;
    z-index:4;
    height:0;
    padding:0 50px;
    overflow:scroll;
    -webkit-transition:all 400ms linear;
    -moz-transition:all 400ms linear;
    -o-transition:all 400ms linear;
    -ms-transition:all 400ms linear;
    transition:all 400ms linear;
}
.fnc {
    height:100%;
}
.filter-vis-column {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:0 50px 0 100px;
}
.filter-nvis-column .gallery-filters , .filter-vis-column  .gallery-filters {
    float:left;
    width:100%;
    position:relative;
    top:50%;
}
.filter-nvis-column .gallery-filters a , .filter-vis-column  .gallery-filters  a {
    float:left;
    width:100%;
    font-size:16px;
    text-transform:uppercase;
    position:relative;
    text-align:left;
    letter-spacing:2px;
    margin-bottom:35px;
}
.filter-nvis-column .gallery-filters a.gallery-filter-active , .filter-vis-column  .gallery-filters a.gallery-filter-active  {
    color:#ccc;
}
.filter-vis-line {
    float:left;
    width:100%;
    margin-bottom:10px;
    margin-top:10px;
    padding-left:10px;
}
.filter-vis-line  .gallery-filters {
    float:left;
    background:#fff;
    padding:15px 20px;
    margin-top:20px;
}
.filter-vis-line  .gallery-filters a {
    float:left;
    margin-right:20px;
    font-size:14px;
    text-transform:uppercase;
    position:relative;
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
    font-family: 'Public Sans', 'Noto Sans', 'PT Sans', sans-serif;
    -webkit-transition:all 4000ms cubic-bezier(.19,1,.22,1) 0ms;
    -moz-transition:all 4000ms cubic-bezier(.19,1,.22,1) 0ms;
    transition:all 4000ms cubic-bezier(.19,1,.22,1) 0ms;
}

.filter-vis-line  .gallery-filters a.gallery-filter-active , .filter-vis-line  .gallery-filters a:hover {
    opacity:0.4;
}

/* Desktop */
@media only screen and  (max-width:1036px) {
    .filter-vis-column {
        position:relative;
        height:auto;
        float:left;
        width:100%;
        padding:0;
    }
    .filter-vis-line  .gallery-filters a {
        margin:15px 30px 15px 0px;
    }
    .filter-vis-line {
        padding-left:0;
    }
    .filter-vis-line  .gallery-filters {
        padding:0 20px;
    }
}

/* Tablet */
@media only screen and  (max-width:756px) {
    
}

/* Mobile */
@media only screen and  (max-width:540px) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio:2) {

}