/* Start Work */
#work figure{
  width: 262px;
  height: 322px;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0;
}
#work figcaption{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s;
  z-index: 0;
}
#work figure:hover figcaption{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity:1;
}
#work .contant{
  text-align: center;
  padding-top: 100px;
}
#work .contant p{
  color: #000;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 22px;
}
#work .barnd-title{
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  height: 60px;
  background: #575757;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
#work figure:hover .barnd-title{
  bottom: 0px;
}
#work .barnd-title p{
  text-align: center;
  padding: 20px 0;
  color: #ffffff;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600; 
}
#work .barnd-title p i{
  margin-left: 10px;
}