.hoverflexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.view-13 {
  float: none;
  width: auto !important;
  height: 340px !important;
  -webkit-flex: 0 1 200px;
  -moz-flex: 0 1 200px;
  -ms-flex: 0 1 200px;
  flex: 0 1 200px;
}
.view-13 .imgbox {
  position: relative;
  height: auto;
}
.view-13 img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  width: 100%;
  height: auto;
}
.view-13 .headbox {
  position: relative;
  background: white;
  display: inline-block;
  width: 100%;
}
.view-13 .headbox h4 {
  color: black;
  margin: 10px 0;
  padding: 0;
  font-size: 1em;
}
.view-13 .headbox p {
  color: black;
  margin: 10px 0;
  padding: 0;
}
.view-13 .hbcontent {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  overflow: auto;
}
.view-13 h2 {
  background: black;
  margin: 15px 0 0 0;
  line-height: 1.8em;
}
.view-13 .hbcontent h2, .view-13 .hbcontent p, .view-13 .hbcontent ul {
  left: -100%;
  padding: 0 5px;
  margin: 10px 0;
  position: relative;
  font-size: 14px;
}
.view-13 .hbcontent p {
  line-height: 1.6em;
}
.view-13 .hbcontent ul li {
  margin: 0 0 0 20px;
}
.view-13 .hbcontent h2 {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-align: center;
  color: white;
}
.view-13 .hbcontent p, .view-13 .hbcontent ul {
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
  color: #555;
}
.view-13 a.info {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  -moz-transition: all 0.3s ease-in-out 0.1s;
  -o-transition: all 0.3s ease-in-out 0.1s;
  -ms-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
}
.view-13:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}
.view-13:hover .hbcontent {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-13:hover .hbcontent h2, .view-13:hover .hbcontent p, .view-13:hover .hbcontent ul {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
.view-13:hover a.info {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}