/* Filterable Portfolio Stylesheet */



/* Custom Classes
------------------------------------------------------------ */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/* Filter */
dl { margin-bottom: 3em; color: #777; }
dt, dd { float: left; }
dt { margin-right: 2em; }
.filter li { float: left; }
.filter li:after { content: " "; }
.filter li:last-child:after { content: ""; }
.filter a { padding: 0 0.8em; color: #999; text-decoration: none; }
.filter a:hover, .current a { color: #d10202; }

@media only screen and (max-width: 767px) {
.portfolio li { margin: 0em 0.2em 0.5em 0em; 
}
}

/* Portfolio Items */
.portfolio li { float: left; margin: 0em 1.8em 2em 0em;  border: 1px solid #ccc; -moz-box-shadow: 0 5px 5px -3px #222; -webkit-box-shadow: 0 5px 5px -3px #222; box-shadow: 0 5px 5px -3px #222;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;}

.portfolio2 li { float: left; margin: 1em; margin-bottom: 3em; padding:5px; border: 1px solid #ccc; -moz-box-shadow: 0 5px 5px -3px #222; -webkit-box-shadow: 0 5px 5px -3px #222; box-shadow: 0 5px 5px -3px #222;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;}

.portfolio a { display: block; border: 1px solid #fff;  text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;}

.portfolio img { display: block; border: 0px solid #ccc; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;

-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;

}

.portfolio  li:hover { border: 1px solid #d10202;  }