#thumbnails_main .thumbnail { position: relative; padding: 0; border-radius: 0; border: 1px solid #dedede; }
#thumbnails_main .thumbnail.no-border { border: none; }
#thumbnails_main .caption { background: #756351; padding: 15px 20px; position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(117,99,81,.9);}
#thumbnails_main p { margin: 0; color: #5d5d5d; font-size: 1.1em; line-height: 1.3em; font-weight: 700;}
#thumbnails_main p a { text-decoration: none; color: #fff; text-transform: uppercase; }
#thumbnails_main p a:hover { color: #a68b6a; }
#thumbnails_main .thumbnail .image { position: relative; }
#thumbnails_main .thumbnail img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
#thumbnails_main .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#thumbnails_main .overlay>a { display: table; width: 100%; height:100%; transition: all .5s; text-align: center; background: #756351; opacity: 0; }
#thumbnails_main .overlay .fa { color: #fff; display: table-cell; text-align: center; vertical-align: middle; }
#thumbnails_main .overlay>a:hover { opacity: .7; }

#imagelightbox { position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; }
#imagelightbox-overlay { background-color: #333; background-color: rgba( 0, 0, 0, .9 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; }
#imagelightbox-close { width: 2.5em; height: 2.5em; text-align: left; background: none; position: fixed; border: none; z-index: 10002; top: 2.5em; right: 2.5em;-webkit-transition: color .3s ease; transition: color .3s ease; }
#imagelightbox-close:hover, #imagelightbox-close:focus { background-color: #111; }
#imagelightbox-close:before, #imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; }
#imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); }
#imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ); }

@media (min-width: 480px) {
    #thumbnails_main .masonry-item { width: 50%; }
    #thumbnails_main .caption { position: static; background: #fff; padding: 14px 15px; }
    #thumbnails_main p a { text-decoration: none; color: #5d5d5d; text-transform: none; }
    #thumbnails_main p a:hover { color: #a68b6a; }
    .imagelightbox-arrow { border: none; width: 3.75em; height: 7.5em; background-color: #444; background-color: rgba( 0, 0, 0, .5 ); vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -3.75em; }
    .imagelightbox-arrow:hover, .imagelightbox-arrow:focus { background-color: rgba( 0, 0, 0, .75 ); }
    .imagelightbox-arrow:active { background-color: #111; }
    .imagelightbox-arrow-left { left: 2.5em; }
    .imagelightbox-arrow-right { right: 2.5em; }
    .imagelightbox-arrow:before { width: 0; height: 0; border: 1em solid transparent; content: ''; display: inline-block; margin-bottom: -0.125em; }
    .imagelightbox-arrow-left:before { border-left: none; border-right-color: #fff; margin-left: -0.313em; }
    .imagelightbox-arrow-right:before { border-right: none; border-left-color: #fff; margin-right: -0.313em; }
}

@media (min-width: 1200px) {
    #thumbnails_main .masonry-item { width: 33.3333%; }
}