#portfolio-wrap{position:fixed;top:0;left:0;bottom:0;right:0;background:#FFF;z-index:5000;display:none;overflow:hidden;}
#portfolio-page{height:100%;width:100%;display:table;}
#portfolio-page #portfolio-content{vertical-align:middle;display:table-cell;}
#protfolio-control{margin:30px 0 0;}
#protfolio-control #prev-project,
#protfolio-control #close-project,
#protfolio-control #next-project{display:inline-block;font-size:40px;color:#CCC;display:inline-block;margin-top:30px;}
#protfolio-control #close-project{margin-top:-60px;}
.img img{width:100%;}
.project-desc h3{margin:0 0 20px;text-align:center;}
.project-details h3{margin:20px 0;text-align:center;}
.project-details .list-details{margin:0;padding:0;list-style:none;}
.project-details .list-details li{padding:10px 0;border-bottom:1px dashed #CCC;}
.project-details .list-details li i{margin-right:10px;}
#portfolio-filter{margin:50px 0 30px;}
.portfolio-filter-list{padding:0;margin:0;overflow:hidden;}
.portfolio-filter-list li{text-transform:uppercase;margin:5px;display:inline-block;}
.portfolio-filter-list a{color:#fff;font-size:11px;padding:10px 20px;position:relative;display:inline-block;letter-spacing:0.15em;font-weight:300;text-decoration:none !important;border:1px solid #666;}
.portfolio-filter-list a:hover{border:1px solid #FFF;opacity:1;}
.portfolio-filter-list a.active{border:1px solid #FFF;}
.portfolio-items{width:100%;overflow:hidden;position:relative;background:#666;}
.portfolio-items article{float:left;overflow:hidden;position:relative;width:25%;}
.portfolio-items article *{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.portfolio-items article img{width:100%;}
.portfolio-items article:hover img{-moz-transform:rotate(-5deg) scale(1.3);-ms-transform:rotate(-5deg) scale(1.3);-webkit-transform:rotate(-5deg) scale(1.3);transform:rotate(-5deg) scale(1.3);}
.portfolio-items article .overlay{position:absolute;width:100%;height:100%;background:#fff;color:#666;top:0;left:0;opacity:0;text-align:center;padding:50px 10px;-moz-transform:scale(0.1);-ms-transform:scale(0.1);-webkit-transform:scale(0.1);transform:scale(0.1);}
.portfolio-items article .overlay i{font-size:40px;}
.portfolio-items article .overlay h3{text-transform:uppercase;font-size:16px;text-align:center;}
.portfolio-items article .overlay h3:after{border-bottom:1px solid #666;content:' ';width:100px;display:block;margin:10px auto;-moz-transform:scale(0.3);-ms-transform:scale(0.3);-webkit-transform:scale(0.3);transform:scale(0.3);}
.portfolio-items article:hover .overlay{opacity:0.9;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.portfolio-items article .overlay span{font-size:11px;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}
.isotope,
.isotope .isotope-item{z-index:2;-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width;}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property:top, left, opacity;-o-transition-property:top, left, opacity;transition-property:transform, opacity;}