.filtr-container {
    overflow: hidden
}

    .filtr-container, .filtr-container .filtr-item {
        -webkit-transition-duration: .8s;
        -moz-transition-duration: .8s;
        -ms-transition-duration: .8s;
        -o-transition-duration: .8s;
        transition-duration: .8s
    }

.filtr-item {
    -webkit-transition-property: height,width;
    -moz-transition-property: height,width;
    -ms-transition-property: height,width;
    -o-transition-property: height,width;
    transition-property: height,width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    -ms-transition-property: -ms-transform,opacity;
    -o-transition-property: -o-transform,opacity;
    transition-property: transform,opacity
}

.filtr-container .pf_result.no-transition, .pf_result.no-transition, .pf_result.no-transition .pf_result {
    transition-duration: 0s
}

.filtr-container {
    -webkit-transition-property: height,width;
    -moz-transition-property: height,width;
    -ms-transition-property: height,width;
    -o-transition-property: height,width;
    transition-property: height,width
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.filtr-container .filtr-item {
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    -ms-transition-property: -ms-transform,opacity;
    -o-transition-property: -o-transform,opacity;
    transition-property: transform,opacity
}

.filtr-item {
    float: left;
    overflow: hidden;
    position: relative
}

.shown, .no-js .filtr-item, .no-cssanimations .filtr-item {
}

.filtr-item {
    padding: 1rem
}

.item-desc {
    background-color: rgba(0,0,0,.5);
    bottom: 16px;
    color: #fff;
    display: block;
    font-weight: 300;
    left: 2rem;
    padding: 4px;
    position: absolute;
    right: 2rem;
    text-align: center;
    text-transform: capitalize
}

.simplefilter li, .sortandshuffle li {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-transform: capitalize;
    padding: 4px 30px;
    transition: background .3s linear,color .3s linear,border .3s linear,opacity .3s linear
}

    .sortandshuffle li:hover {
        border: 4px solid #fff;
        padding: 7px 28px
    }

.simplefilter li {
    font-weight: 400
}

    .simplefilter li:hover {
        background-color: #585858
    }

    .simplefilter li.active {
        background-color: #000;
        color: #fff
    }

.simplefilter {
    width: 100%
}

.sortandshuffle .shuffle-btn {
    background-color: #dec800
}

.sortandshuffle .sort-btn {
    background-color: #de0000
}

    .sortandshuffle .sort-btn.active {
        background-color: #9d0000
    }

.search-row {
    margin-left: 2.5rem
}

.filtr-search {
    border: 5px solid #ccc !important;
    padding: 7px 30px 6px !important;
    text-transform: uppercase
}

.item-position {
    background-color: rgba(0,0,0,.5);
    border-radius: 5px;
    color: #fff;
    display: block;
    font-weight: 300;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    bottom: auto;
    left: 3rem;
    padding: .75rem 1.25rem;
    right: auto;
    top: 3rem;
    padding-bottom: 0;
    padding-top: 0
}

.snipv12 {
    overflow: hidden;
    width: 100%;
    background: #000
}

    .snipv12 .portfolio_thumbnail {
        max-width: 100%;
        vertical-align: top;
        -webkit-transition: all .5s ease-out;
        transition: all .5s ease-out
    }

    .snipv12 .portfolio_thumbnail, .snipv12 .portfolio_thumbnail {
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
        opacity: .5
    }

    .snipv12 i {
        color: #00adef;
        position: absolute;
        bottom: 50%;
        right: 45%;
        font-size: 30px;
        line-height: 1em;
        opacity: 0;
        -webkit-transition: all .4s cubic-bezier(.6,-.8,.735,.045);
        transition: all .4s cubic-bezier(.6,-.8,.735,.045)
    }

    .snipv12 i, .snipv12 i {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }