.case_box{
	padding:0 0 30px 0;
}
.case_box .hovereffect{
	margin:20px 0 0 0;
	position:relative;
		
}

.case_box h3{
	background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );


color:#fff;
padding:30px 15px 15px;
position:absolute;
bottom:0;
left:0;
right:0;
margin:0;
font-size:20px;
font-weight:normal;
z-index:100;
text-align:left;


visibility: visible;
  opacity: 1;

  transition: visibility 0s, opacity 0.5s linear;
		
}
.hovereffect:hover h3{
	 visibility: hidden;
  opacity: 0;
}
/*hover effect*/
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  color:#FFF;
  max-width:800px;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 92%;
  height: 84%;
  left: 4%;
  top: 8%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
  z-index:200;
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect > img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover > img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.15);
  -webkit-filter: brightness(0.15);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 5px 0;
  margin: 12px 0 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  font-size:15px;
  padding: 5px 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


.hovereffect a{
	display:inline-block;
	border:solid 1px #fff;
	padding:4px 12px 4px 15px;
	border-radius:2px;
	margin: 0;
	white-space:nowrap;
}

.hovereffect a:hover{
	background:rgba(255, 255, 255, 0.2);
}


.hovereffect a img{
	margin:-2px 0 0 5px ;
}
@media (max-width:767px){


}
@media (max-width:520px){
.hovereffect h2{
	padding:0;
}

}

}
.hovereffect .button3 {
    background: #343434  none repeat scroll 0 0 !important;
	border:solid 1px #343434 ;
    border-radius: 0;
    color: #fff !important;
    font-size: 20px;
    line-height: 28.56px;
    padding: 12px 30px;
    text-transform: uppercase;
	box-shadow:none;
}



.hovereffect .button3:hover {
    background: #c03600 none repeat scroll 0 0 !important;
	border:solid 1px #c03600;
   
    color: #fff !important;
   
}