.grid {
  width: 100%;
  overflow:hidden;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-sizer,
.grid-item {
  width: 1%;
}
.grid-item {
  /*height: 120px;*/
  float: left;
  padding:2px;
  display:block;
  margin-bottom:2px;
  /*background: #D26;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;*/
}
.grid-item-padd01 {
	/*float:left;*/
	padding-bottom:6px;
}
.grid-item img {
	width:100%;
	display:block;
}

.large_size { width: 50%; }
.normal_size { width:25%; }


.isotope-item {z-index: 2}
	
#u_0_4 {color: #fff !important}

.isotope-hidden.isotope-item {pointer-events: none; z-index: 1}

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity
}


.work-post {
	overflow: hidden;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0
}
.work-post-gal {position: relative}
	
/*.work-post-gal img {width: 100%}*/

.work-post-content {
	background: #000;
	padding: 9px;
	opacity: 0.9;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #fff;
	width: 380px
}
.work-post-content span {
	display: inline-block;
	color: #fff;
	font-family: "Raleway", sans-serif;
	font-size: 12px
}
/*.orange-text{ color:#FF8600 !important;}*/
.hover-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	opacity: 0.4
}
.hover-box a {
	width: 50px;
	height: 50px;
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transform: scale(0.1);
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-o-transform: scale(0.1);
	-ms-transform: scale(0.1)
}
.work-post:hover .hover-box {
	transform: scale(1) !important;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1)
}
.work-post:hover .hover-box a {
	transform: scale(1) !important;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1)
}

ul.filter {
	float:right;
	padding-right:10px;
	margin:15px 0;
	overflow: hidden;
	/*border: 1px solid #dbdbdb*/
}
ul.filter li {
	float: left;
	/*border-right: 1px solid #dbdbdb;*/
	margin-left:5px;
}
ul.filter li a {
	position: relative;
	display: inline-block;
	border: 1px solid #ccc;
	color: #707070;
	font-size: 15px;
	/*font-family:Arial, sans-serif;*/
	font-weight: 300;
	text-decoration: none;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	padding: 5px 10px;
}
ul.filter {
	color: #707070;
}
ul.filter li a.active {
	color: #fff;
	background: #707070;
}
ul.filter li a.active:after, ul.filter li a:hover:after {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	z-index: 2;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out
}
.filter li a:hover {
	color: #7e7e7e
}
ul.filter li a i {
	color: #7e7e7e;
	font-size: 17px;
	margin-right: 10px;
	vertical-align: middle
}

ul.filter li a.active i, ul.filter li a:hover i {color: #fff;}

/*.portfolio-container { margin-left: -15px;	margin-bottom: 20px;}

.portfolio-container .work-post {margin: 15px}

.with-4-col .portfolio-container .work-post {width: 24.9%; padding:0 2px 4px 2px;}*/
.portfolio-container { width:100%; overflow:hidden; }
.work-post { display:block; }
/*.normal_size { width: 24.99%; }
.large_size { width: 49.96%; }*/

/*.normal_size { width: 24.99%; }
.large_size { width: 49.96%; }
@media only screen and (min-width:1566px) {
.normal_size { width: 24.9%; }
.large_size { width: 49.8%; }
}*/
.project-details {
	position:relative;
	bottom:0;
	left:0;
	z-index:999;
	width:100%;
	background:#fff;
	padding:1px 5px 5px;
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
	/**-webkit-opacity:0.9;
	opacity:0.99;*/
	margin:0;
	text-align:left;
	line-height:normal;
	transition: all 0.9s ease-in-out 0s;
	/*border:1px solid #ddd;
	border-top:none;*/
}
.project-details h3 {
	background:none;
	font-family:Verdana, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:normal;
	padding:0 0 0px;
	margin:0;
	text-align:left;
}

@media only screen and (min-width: 210px) and (max-width: 440px) {
.with-4-col .portfolio-container .work-post {width: 100%; }

ul.filter li a {
	font-size: 12px;
	padding:2px 5px;
	margin-bottom:4px;
}
.work-post h3 {
	font-size:18px;
}
.grid-item-padd01 {
	padding-bottom:2px;
}
}

@media only screen and (min-width: 441px) and (max-width: 767px) {
.with-4-col .portfolio-container .work-post {width: 50%;}
ul.filter li a {
	font-size: 12px;
	padding:2px 5px;
	margin-bottom:4px;
}
.work-post h3 {
	font-size:18px;
}
.grid-item-padd01 {
	padding-bottom:2px;
}

}