@charset "utf-8";

.wall-item {
  display: block;
  margin: 0 30px 30px 0;
  /*padding: 12px;*/
  /*padding-bottom: 5px;*/
  background: white;
  /*border-radius: 3px;*/
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 220ms;
  position:relative;
}

.wall_abs_div {position:absolute;width:100%;height:100%;background:url('../theme/basic/img/hover_img.png') no-repeat center center;background-size:cover;top:0;left:0;opacity:0;}
.wall-item:hover .wall_abs_div{
	opacity:1;
  /*box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);*/
  
  transition: all 220ms;
}

.wall-item > img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}

.wall-item h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 12px 0 0 0;
}

.wall {
  display: block;
  position: relative;
  overflow:hidden;
}

.wall-column {
  display: block;
  position: relative;
  width: 380px;
  float: left;
  padding: 0;
  box-sizing: border-box;
  margin-right: 30px; 
}

.wall-column:last-child { margin-right: 0; }


@media screen and (min-width:1100px) {
	.wall-column { }
}
@media screen and (max-width:1100px) {
	.wall-column { width: 33.33%; }
}
@media (max-width: 640px) {

	.wall-column { width: 100%; }
}
@media (max-width: 480px) {

	.wall-column {
	  width: auto;
	  float: none;
	}
}