@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}

    .gallery-title:after
    {
        content: "";
        position: absolute;
        width: 7.5%;
        left: 46.5%;
        height: 45px;
        border-bottom: 1px solid #5e5e5e;
    }

a.filter-button
{
    color: #999999;
    font: 400 13px/22px 'Montserrat', sans-serif;
    border-radius: 5px;
    text-align: center;
    color: inherit;
    margin-bottom: 30px;
    text-decoration: none;
    padding: 0 15px;
}

.gallery_product
{
    position: relative;
    overflow: hidden;
}


.port-image
{
    width: 100%;
}



.gal_title
{
    color: #202020;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 3em;
    position: relative;
    padding-bottom: 20px;
}

    .gal_title:after
    {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 40px;
        background-color: #dfdfdf;
    }

ul.gal_sort
{
    list-style: none;
    margin: 35px auto 5px;
    padding: 0;
}

    ul.gal_sort li
    {
        display: inline-block;
        color: black;
    }

        ul.gal_sort li.active a
        {
            font-weight: 700;
            color: #202020;
        }

.gallery_product
{
    margin-bottom: 30px;
    position: relative;
}

.gal_img img
{
   display: block;
    width: auto;
    height: auto;
    min-width: 100%;
    max-width: 100%;
}

.gal_img
{
    position: relative;
    width: 100%;
    z-index:2;
    top:0;transition:.3s  all ease-in;
}

.gallery_product:hover .gal_img
{

   top: -70px;
    
}

.gallery_product .details
{
    height: 70px;
    bottom: 0;
    position: relative;
    background-color: #282727;
    position: absolute;
    width: 100%;
    padding: 10px 0 0 10px;
    color: white;
    z-index:1;
}