.grid li {text-align: left;	position: relative; width: 30.33%; float: left; margin: 10px;}
.productContainer figure {margin: 0;position: relative;}
.productContainer figure img {max-width: 100%;position: relative;}
.productContainer figcaption {position: absolute;top: 0;left: 0;padding: 0px;background: #f4f4f4;color: #888;}
.productContainer figcaption h3 {margin: 0;padding: 0;color: #00bfe8;font-size: 18px;}
.productContainer figcaption span:before {content: 'by ';}
.productContainer figcaption a {text-align: center;padding: 5px 10px;font-size: 28px;}
.productContainer figcaption span {font-size: 13px;margin-top: 5px;float: left;}
.productContainer figure {
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 20px 30px;
    text-align: center;
	transition: 1s ease;
	height: 310px;
}
.productContainer figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

/*.cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	background:rgba(71,172,255,0.3);
}*/

.productContainer figcaption {
	width: 100%;
	top: auto;
	bottom: 6px;
	opacity: 0;
	z-index:99;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.projLinks:hover figcaption,
.projLinks .cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.productContainer figcaption a {
	/*position: absolute;
	bottom: 20px;
	right: 20px;*/
}

.blur_bg {
	height: 100%;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	position:absolute;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.productContainer figure:hover .blur_bg,
.productContainer figure.cs-hover .blur_bg {
	opacity: 1;
	background:rgba(5,181,255,0.5);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.view_link{
	width:50px;
	height:50px;
	float:left;
	background:#fff;
	position:relative;
	text-align:center;
	border-radius:100%;
	left:33%;
	top:20%;
}
.view_link i{
	display:inline-block;
	font-size:20px;
	color:#00bfe8;
	margin-top:15px;
}
.goto_link{
	width:50px;
	height:50px;
	float:left;
	background:#fff;
	position:relative;
	text-align:center;
	border-radius:100%;
	left:38%;
	top:20%;
}
.goto_link i{
	display:inline-block;
	font-size:20px;
	color:#00bfe8;
	margin-top:15px;
}
.view_link:hover{	
	opacity:0.7
}
.goto_link:hover{	
	opacity:0.7
}

@media (max-width:767px) {
	.productDiscriptionCon {
    padding: 40px 10px;
    margin: 0 auto;
}
	.productDiscriptionCon h3 {margin-top: 30px;}
}


/***Galery****/
/* ---- grid ---- */
.grid {
  /*background: #DDD;
  max-width: 1200px;*/
	margin-left: -10px;
	margin-right: -10px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */
.grid-item {
  float: left;
  width: 33.33%;
  min-height: 100px;
  margin: 10px 0;
  background: #fff;
  border: 0px solid #ccc;
  border-color: rgba(0, 0, 0, 0.7);
	padding-left: 10px;
	padding-right: 10px;
}

.grid-item--width2 {
  width: 200px;
}

.grid-item--height2 {
  height: 200px;
}

.masonry-filters ul {
    margin: 20px 0;
    padding: 0px 0 15px 0;
    list-style: none;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.masonry-filters ul li {
  display: inline-block;
  padding-right: 10px;
	padding-left: 10px;
	margin-left: 15px;
	margin-right: 15px;
  font-weight: 700;
  cursor: pointer;
}
.masonry-filters ul li:hover {
  color: #fc5b4d;
}
.flashDealtxt p {color: #000; margin-bottom: 20px;}

@media (max-width:767px) {
	 .grid li  {width: auto; float: none}
	.grid-item {width:100%;margin: 20px 0;}
	ul.grid {padding: 0px;}
	.masonry-filters ul li { margin-left: 0px;
		margin-right: 0px;}
	
}