@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:24.4% !important;
float:left;
text-align:center;
overflow:hidden;
margin:0.2% 0.3%;

}

#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,.7);
color:#000;
width:100%;
height:100%;

}

.ie8 .portfolio-overlay{
background:url(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:30px;
height:30px;
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: 50px 0px;
font-size:50px;

}

#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:#000} 

.portfolio h2 {
	font-size:15px;
	font-family:'montserrat';
	font-weight:200;
	text-transform:capitalize;
	color:#fff;
	margin-top:25px;
}

.portfolio p {
	font-size:11px;
	font-family:'open sans';
	font-weight:200;
	text-transform:lowercase;
}

@media only screen and (min-width: 0px) and (max-width: 720px) {
#portfolio-item-container li.portfolio-item{
/* padding:0;
margin-bottom:0px; */
width:100% !important;
float:left;
text-align:center;
overflow:hidden;
margin:0% 0% !important;

}




}