#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	display:none;
	float:left;
}
#portfoliolist .portfolio {
	position:relative;
	height:auto;
}
#portfoliolist2 .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin:1% 1% 5% 1%;
	float:left;
}
#portfoliolist2 .portfolio {
	position:relative;
	height:auto;
}
    
.project-info h2 {
margin:0 0 20px 0;
font-size:20px;
letter-spacing:3px;
}
.project-info h4 {
font-weight:bold;
color:#111
}
.project-info .details {
padding:20px;
border:solid 1px #111;
margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;
}
.de_light .project-info .details {
background:#eee;
border-color:#ddd;
}
.project-info span.title {
display:inline-block;
min-width:80px;font-weight:bold;
}
.project-info span.val {
margin-bottom:15px;

}
.project-view {
padding:120px 0 80px 0;
}
.project-images img {
width:100%;
}

.modal-dialog{ width:70%; }

#filters {
	margin:0 auto 20px auto;
	padding:0;
	list-style:none;
}
#filters li {
	display:inline-block;
	margin:0 0 5px 0;
	font-size:12px;
}
#filters li span {
	display: block;
	padding:8px 20px;
	text-decoration:none;
	color:#fff;
	background:#999;
	cursor: pointer;
}
#filters li span.active {
	background: #f1a20f;
	color:#18191b;
}

.modal-content > .close{ display:none; }


.view {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
   text-align: center;
  cursor: default;
 
}
.view .mask,.view .content {
   width: 100%;
   height: 101%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.3);
   margin: 20px 0 0 0; text-transform:uppercase;
}
.view p {
font-size: 13px;
position: relative;
color: #fff;
padding:5% 10px 5% 10px;
text-align: center;
}
.read_more {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px!important;
   background: #999;
   color: #fff;
   -webkit-box-shadow:0;
   -moz-box-shadow:0;
   box-shadow:0;
}
.read_more:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000; 
   background: #f1a20f;
   color: #18191b!important;
}