/*
Theme name: Perfect Design
Author: Perfect Point Marketing
*/


/* ==========================================================================
	Stylesheet guideline
   
	1. Home
	2. Navigation Bar	
	3. About page
	4. Features page  
	5. Portfolio Page
	6. Testimonial Page
	7. Parallax Page
	8. Team Page
	9. Pricing Page
	10. Project count Page	
	11. Partners Page
	12. CTA Page
	13. Blog Page
	14. Contact Page
	15. Footer	
	16. Preloader CSS
	17. Color Scheme
	
   ========================================================================== */



/* ------------------------------------	*/
/*  		   General CSS				*/
/* ------------------------------------	*/


/* ------------------------------------	*/
/*  		 5. Portfolio Page			*/
/* -----------------------------------	*/

ul.portfolio-filters{
}
ul.portfolio-filters li{
border:2px solid #86989d;
color:#86989d;
display:inline-block;
font-family:pt sans;
margin:3px;
padding:5px 15px;
text-transform:uppercase;
cursor:pointer;
letter-spacing:2px;
}
ul.portfolio-filters li.active, ul.portfolio-filters li:hover{
background:#86989d;
color:#fff;
}
#portfolio_list{
}
#portfolio_list .pitem{
position:relative;
margin-top:30px;
margin-bottom:60px;
}
#portfolio_list .portfolio_item{
position:relative;
overflow:hidden;
padding:3px;
border:2px solid grey;
}
#portfolio_list .portfolio_item:hover img{
/*transform*/
-webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
        transform:scale(1.1);
}
#portfolio_list .pitem  img{
width:100%;
/*transition*/
-webkit-transition:all 200ms linear 0s;
   -moz-transition:all 200ms linear 0s;
     -o-transition:all 200ms linear 0s;
        transition:all 200ms linear 0s;
}
.portfolio_item .portfolio-detail{
display:none
}
.portfolio_item:hover .portfolio-detail{
display:block
}
.portfolio-overlay {
  background: none repeat scroll 0 0 #57BDDB;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
.portfolio-detail a{
background:url("../img/plus.png") no-repeat scroll center center;
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:99;
}