﻿.portfolio-filter, .portfolio-filtering {
    width: auto;
    margin: 0 auto 60px;
    display: block;
    position: relative;
}


    .portfolio-filter ul li {
        list-style: none;
    }

        .portfolio-filter ul li a.active, .portfolio-filter ul li a:hover, .portfolio-filtering a.active, .portfolio-filtering a:focus, .portfolio-filtering a:hover {
            color: #fff;
        }

        .portfolio-filter ul li a, .portfolio-filtering a {
            border: 1px solid #ddd;
            display: block;
            font-size: 11px;
            height: 33px;
            line-height: 33px;
            margin: 0;
            padding: 0 10px;
            text-decoration: none;
            text-transform: uppercase;
        }

    .portfolio-filtering a {
        display: inline-block;
        margin: 0 5px;
    }

.portfolio {
    padding: 0;
    margin: 0;
    display: block;
}

.portfolio-title h3 {
    font-size: 32px;
    font-weight: 300;
}

.portfolio-title .pager {
    margin-top: 0;
}

    .portfolio-title .pager li a {
        font-size: 11px;
        border-radius: 0;
    }

.item {
    width: 100%;
    padding: 0;
    margin: 0;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.text-center {
    text-align: center;
}

section nav {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    display: block;
}

.section {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 90px 0;
}

.w-section {
    background-color: #fff;
}

    .w-section .stat-count {
        color: #000;
    }

    .w-section .statwrap {
        border-color: #ddd;
    }

.nopadbot {
    padding-bottom: 0 !important;
}

.portfolio-filter ul li a.active, .portfolio-filter ul li a:hover {
    color: white;
    background-color: #49B2EC;
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.portfolio-filter ul li {
    list-style: none;
}

.item img {
    display: block;
    width: 100% !important;
    padding: 0 !important;
    height: 100% !important;
    margin: 0 !important;
}

.entry {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.magnifier {
    background: rgba(0,0,0,.7);
     position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .entry:hover .magnifier {
    opacity: 1;
}

    .magnifier .buttons {
        top: 50%;
        position: absolute;
        margin: -20px auto;
        left: 0;
        right: 0;
        text-align: center;
    }

    .magnifier h3 {
        font-size: 18px !important;
        font-weight: 400;
        color: #fff;
    }

    .magnifier h4 {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 700;
        color: #eee;
    }
