.image-content {
    background-size: cover !important;
    width: 100%;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    opacity: 1;
    transform:scale(1);
    transition:all .3s ease-in-out;
}
.thumbnail-title-wrapper {
    position:relative;
    overflow:hidden;
}
.image-text {
    width:100%;
    background:transparent;
    color:#fff;
    height:100%;
    position:absolute;
    top:0;
    text-align:center;
    opacity:0;
    transition:all .3s linear;
}
.thumbnail-title-wrapper:hover .image-text {
    opacity:1;
    background:rgba(0, 0, 0, 0.5);
}
.thumbnail-title-wrapper:hover .image-content {
    transform:scale(1.1);
}

.view-content {
    text-align: center;
    display: inline-block;
    color: #fff;
    padding: 5px 15px;
    /*border: 2px solid #fff;
    border-radius: 5px;*/
    position: relative;
    /* margin: auto; */
    top: 50%;
    /* -webkit-transform: translate(0,-50%); */
    transform: translate(0,-50%);
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.1em;
    transition:all .15s linear;
}

.view-content:hover,.view-content:focus {
    color:#fff;
    /*background:#1abc9c;*/
}

@keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
#image-items {
    padding:0 15px;
    min-height:500px;
}
#image-items .item {
    padding:3px;
}
#image-items .item .image-content {
    animation:fadeIn ease;
    animation-duration:1s;
}

.load-more-btn {
    text-align:center;
    /*display:none;*/
    padding:20px 0;
    cursor:pointer;
    margin-top: 50px;
}
.load-more-btn a {
    display:inline-block;
    padding:10px 15px;
    border:1px solid #000;
    color:#000;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.1em;
    transition:all .3s ease-in-out;
}
.load-more-btn a:hover {
    background:#000;
    border:1px solid #000;
    color:#fff;
}
.image-wrapper {
    width:100%;
    height:100%;
    background:#eee;
    display: block;
}