.folio-item{position:relative}.overlay{background-color:#000;color:#fff;left:0;right:0;bottom:-100%;height:0;position:absolute;text-align:center;opacity:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.overlay .overlay-content{display:table;height:100%;width:100%}.overlay .overlay-text{display:table-cell;vertical-align:middle}.overlay .folio-info{opacity:0;margin-bottom:75px;margin-top:-75px;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.overlay .folio-info h3{margin-top:0;color:#fff}.folio-overview a{font-size:18px;color:#333;height:50px;width:50px;line-height:50px;border-radius:50%;background-color:#fff;display:inline-block;margin-top:20px;margin-right:5px}.folio-overview a:hover{color:#fff}.folio-overview .folio-expand{margin-top:-500px;margin-left:-500px}.folio-image,.folio-overview .folio-expand{-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.folio-item:hover .folio-image{-webkit-transform:scale(1.5) rotate(-15deg);transform:scale(1.5) rotate(-15deg)}.folio-image img{width:100%}.folio-item:hover .overlay{opacity:.8;bottom:0;height:100%}.folio-item:hover .folio-overview .folio-expand{margin-top:0;margin-left:0}.folio-item:hover .overlay .folio-info{opacity:1;margin-bottom:0;margin-top:0}#single-portfolio{padding:90px 0;background:#f5f5f5;position:relative}#single-portfolio img{width:100%;margin-bottom:10px}#single-portfolio .close-folio-item{position:absolute;top:30px;font-size:34px;width:34px;height:34px;left:50%;color:#999;margin-left:-17px}