.portfolio-nav{margin-bottom:30px}.portfolio-nav #filters{margin:0;padding:0;list-style:none}.portfolio-nav #filters li{display:inline-block;padding:0;margin-right:30px}.portfolio-nav #filters li a{color:#7f8289;font-size:13px;text-transform:uppercase;display:block}.portfolio-nav #filters li a:hover{color:#fff}.portfolio-nav #filters li a.selected{color:#de5e60}.type-work{color:#fff;font-size:24px;font-weight:300;line-height:1em;text-transform:uppercase}.jumbotron .message-box{margin-top:40vh}#thumbs{margin:0;padding:0}#thumbs li{list-style-type:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#projects-wrapper{padding:20px 0 50px 0}#projects{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}#projects:after{content:'';display:block;clear:both}.project-thumbnail{position:relative;float:left;background:#888;color:#262524;width:280px;height:300px;padding:10px;margin:5px;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.project-thumbnail>*{margin:0;padding:0}.project-thumbnail .hover-wrap{position:absolute;display:block;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 250ms ease-out 0s;-moz-transition:opacity 250ms ease-out 0s;-o-transition:opacity 250ms ease-out 0s;transition:opacity 250ms ease-out 0s}.project-thumbnail .hover-wrap .overlay-img{position:absolute;left:-10px;top:-10px;width:100%;height:100%;background:#5aa9ce;opacity:.45;filter:alpha(opacity=45)}.project-thumbnail .hover-wrap .overlay-img-thumb{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;color:#fff;font-size:32px;line-height:1em;opacity:1;filter:alpha(opacity=100)}.project-thumbnail:hover .hover-wrap,.project-thumbnail.active .hover-wrap{opacity:1;filter:alpha(opacity=100)}