.porfolio .page-header{text-align:center;border-bottom:0;margin-top:9px;margin-bottom:0;padding:0}.porfolio-items{margin-top:18px;padding-top:18px;border-top:1px solid #eee;text-align:center}.porfolio-items .thumbnail{border:0;padding:0;margin:18px 0}.porfolio-items .thumbnail>a{color:#005050;text-decoration:none}.porfolio-items .thumbnail>a:hover,.porfolio-items .thumbnail>a:active,.porfolio-items .thumbnail>a:focus{color:#294e7c;text-decoration:none}.porfolio-items .item-image{float:none!important;border:1px solid #eee;padding:3px;position:relative;-webkit-transition:border-color 0.2s ease-in;-o-transition:border-color 0.2s ease-in;transition:border-color 0.2s ease-in}.porfolio-items .item-image img{width:100%;padding:0}.porfolio-items .thumbnail>a:hover .item-image,.porfolio-items .thumbnail>a:active .item-image,.porfolio-items .thumbnail>a:focus .item-image{border-color:#bbb}.porfolio-items .thumbnail>a:hover .item-image img,.porfolio-items .thumbnail>a:active .item-image img,.porfolio-items .thumbnail>a:focus .item-image img{opacity:.7}.porfolio-items h3{margin-top:18px;margin-bottom:5px;font-weight:700;font-size:17px}.porfolio-items p{color:#666;margin:0}.porfolio .item-state{width:70px;height:70px;background:url(../../../../../images/porfolio-item-states.png) no-repeat center top;display:block;text-indent:-9999em;position:absolute;top:-3px;right:-3px}.porfolio .state-free{background-position:center}.porfolio .state-hot{background-position:center bottom}.porfolio .item-demo-url{display:inline-block;margin-top:18px}.porfolio .item-image:hover img{opacity:.7;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;filter:grayscale(100%)}.porfolio .item-image:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(41,78,124,.8);z-index:1;opacity:0;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.porfolio .item-image:hover:after .btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.porfolio .item-image:hover:after .btn a{display:inline-block;padding:12px 22px;font-size:16px;font-weight:700;color:#fff;background-color:#faa937;border-radius:30px;transition:all 0.3s ease-in-out}.porfolio .item-image:hover:after .btn a:hover{background-color:#294e7c}