#filters { margin: 15px 0; padding: 0; list-style: none; }
#filters li { display:inline-block; color:#888; text-transform:uppercase; letter-spacing:2px; }
#filters li span { display: block; padding: 5px 15px; text-decoration: none; cursor: pointer; }
#filters li span.active { color: #000; }
#portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; 
/*width: 23%; margin: 1%; float: left; */ display: none;overflow: hidden; padding:2px !important; }
.portfolio-wrapper { overflow: hidden; position: relative !important; cursor: pointer; }
.portfolio img { max-width: 100%; position: relative; top: 0; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); }
.portfolio .text-category { display: block; font-size: 9px; }
.portfolio .thumbnail { margin-bottom:0px; padding:0px; border:0px; border-radius:0px;}
/*#modal-gallery .modal-dialog { width:1170px;}*/
#modal-gallery .modal-dialog .thumbnail { width:100%; margin-bottom:0px; padding:0px; border:0px; border-radius:0px;}
#modal-gallery .modal-body { padding:0px;}
#modal-gallery .modal-body { padding:0px;}
#modal-gallery .title { position:absolute;top:0px; left:0; right:0; z-index:2;}
#modal-gallery .title h3 { color:#fff; padding:5px 15px; float:left; background:rgba(0,0,0,0.60)}
#modal-gallery .title .close { color:#fff; padding:5px 15px; float:right; opacity:1; font-size:36px; font-weight:100;}
#modal-gallery .carousel-control { width:50px;font-size:30px; font-weight:100; background:none;}
#modal-gallery .glyphicon-chevron-right { background:url(../images/arrow-next.png) no-repeat; background-size:20px; text-indent:-9999px; width:20px; height:50px;}
#modal-gallery .glyphicon-chevron-left { background:url(../images/arrow-prev.png) no-repeat; background-size:20px; text-indent:-9999px; width:20px; height:50px;}
.another.hide { opacity:0;}
.another.show { opacity:1 !important;}