@charset "utf-8";
@import: http://www.google.com/fonts#UsePlace:use/Collection:Open+sans+Web:400,200italic,300,300italic,200;

#portfolio-item-container li.portfolio-item{
padding:0;
margin-bottom:0px;
width:33.333333%;
float:left;
text-align:center;
overflow:hidden;

}

#portfolio-hoverhome {
display:none;
text-indent:-5000px;
}

.portfolio{
background:transparent;

}

.portfolio:hover {
background:transparent;

}

.portfolio-item.animate-item{
opacity:0;
filter:alpha(opacity=0)

}

.ie8 .portfolio-item.animate-item,.ie9 .portfolio-item.animate-item{
filter:alpha(opacity=100);opacity:1

}

 .portfolio-item-wrapper{
position:relative;
perspective:600px;
-webkit-perspective:600px;
overflow:hidden

} 

.portfolio-item img{
width:100%

}

.portfolio-overlay{
position:absolute;
 background:rgba(0,0,0,.8);
color:#fff;
width:100%;
height:100%;

}

.ie8 .portfolio-overlay{
background:url(../assets/images/ie-portfolio-overlay.png) repeat;

}

.ie8 .portfolio-overlay,.ie9 .portfolio-overlay{
opacity:0;
filter:alpha(opacity=0)

}

.ie8 .portfolio-item:hover .portfolio-overlay,.ie9 .portfolio-item:hover .portfolio-overlay{
opacity:1;
filter:alpha(opacity=100)

}

.portfolio-overlay a{
color:#fff

}

.open-btn,.zoom-btn{
display:inline-block;
width:60px;
height:60px;
background-repeat:no-repeat;
background-position:center center;
border-radius:500px;
transition:background-color .3s ease;
-webkit-transition:background-color .4s ease;-ms-transition:background-color .4s ease;
-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;

}

.open-btn i{
color: #fff;
border:none;
padding: 15px;

}

#portfolio-item-container li .open-btn,#portfolio-item-container li .zoom-btn{
margin-bottom:0px

}

.open-btn:hover,.zoom-btn:hover{


}

#portfolio-item-container .portfolio-item a{color:#fff} 

.portfolio h2 {
	font-size:30px;
	text-transform:capitalize;
}

.portfolio p {
	font-size:20px;
	text-transform:lowercase;
}