#project .item{
margin-bottom:10px;
}
#grid .mix{
    display: none;
    opacity: 0;
}
#grid2 .mix{
    display: none;
    opacity: 0;
}
.filter{
background-color:#67c1e5;
color:#fff;
text-transform:uppercase;
text-align:center;
width:100px;
border-radius:3px;
font-size:12px;
font-weight:bold;
font-family:'Roboto';
border:0px;
padding:10px;
margin-right:10px;
margin-bottom:10px;
}
.filter.active{
background-color:#848484;
}
#project .item{
border-radius:5px;
position:relative;
margin-top:10px;
margin-bottom:10px;
width:
}
#grid .item{
height:208px;
}
#grid2 .item{
min-height:208px;
}
#project .item .image{
height:100%;
}
#project .item .image img{
height:100%;
max-width:100%;
width:100%;
border-radius:7px;
}
#project .item .title{
width:100%;
height:46px;
background-color:#ebebeb;
position:relative;
bottom:46px;
border-radius:0px 0px 5px 5px;
z-index:11;
}
#project .item .title  a{
display:block;
text-align:center;
color:#848484;
line-height:40px;
text-decoration:none;
font-family:'Roboto';
font-weight:bold;
font-size:14px;
}
#project .item .arrow{
width: 0; height: 0;
border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f6f6f6;
position:absolute;
left:50%;
margin-left:-10px;
bottom:-10px;
z-index:30;
display:none;
}
#project .chrome{
width:100%;
height:100%;
position:absolute;
z-index:10;
background:url(../images/chrome.png) no-repeat transparent;
background-size:cover;
top:0px;
}
#grid .descp{
position:relative;
margin-bottom:20px;
width:100%;
display:none;
}
#grid .descp .thumb{
margin-top:10px;
width:100%;
bottom:0px;
}
#grid .descp .thumb a{
display:inline-block;
margin-right:10px;
}
#grid  .descp .close{
width:21px;
height:21px;
position:absolute;
top:10px;
right:30px;
background:url(../images/close.png) no-repeat;
cursor:pointer;
}
#grid  .content{
width:100%;
height:100%;
background-color:#f6f6f6;
padding:15px;
}
#grid  .content .image img{
width:100%;
border-radius:5px;
}
#grid  .content h3{
margin-top:30px;
margin-bottom:10px;
border-bottom:1px solid #c4c4c4;
padding-bottom:10px;
}
#grid  .content h4{
margin-top:20px;
margin-bottom:10px;
color:#848484;
}
#grid  .content .product ul{
margin:0px;
padding-left:15px;
}
#grid  .content .product ul li{
float:left;
width:49%;
color:#848484;
}