.uc_article_grid_style_eight *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder{
	text-align: center;
	grid-template-columns: repeat(3, 1fr);
	display: grid;
}
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_image_box{
	position: relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	transition: all .4s ease;
	overflow:hidden;
}


.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_image_box:before, .uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_image_box:after {
    content: '';
    background-color: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	transition: all .4s ease;
}
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_image_box:after{
	height: 60px;
	width: 1px;
	top: 0;
	z-index:3;
	}
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_image_box:before {
    width: 60px;
    height: 1px;
    left: 100%;
	z-index:3;
	}

.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_image_box .uc_overlay{
	background: #222;
	
	background: -webkit-linear-gradient(90deg,#222 0%,#444 100%,#666 100%);
    background: linear-gradient(90deg,#222 0%,#444 100%,#666 100%);
	
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	display:block;
	transition: all .4s ease;
	z-index:1;
	
	-webkit-transition: color .2s linear,background .1s linear;
    -moz-transition: color .2s linear,background .1s linear;
    -ms-transition: color .2s linear,background .1s linear;
    -o-transition: color .2s linear,background .1s linear;
    transition: color .2s linear,background .1s linear;
}
	
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_image_box:hover .uc_overlay{
	opacity:0.7;
	}	
	
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_image_box:hover:before,.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_image_box:hover:after {
    opacity: 1;
    top: 50%;
    left: 50%;
}	

	
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_box_content .uc_title{
	font-size:20px;
	line-height: 1.5em;
	margin:0 0 15px 0;	
	}
	
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_box_content .uc_title a{
	text-decoration:none;
	}	
	
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_box_content .uc_subtitle{
	font-size:16px;
	position:relative;
	}	
	
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_box_content .uc_subtitle a{
	text-decoration:none;
	position:relative;
	}	
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_box_content .uc_subtitle a:before{
	content: '';
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 1px;
    width: 100%;
	opacity:0.5;
    background-color: #666;
    transform-origin: right top;
    transform: scale(0,1);
    transition: color .1s,transform .2s ease-out;
	z-index:5;
	}	
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_box_content .uc_subtitle a:hover:before{
	transform-origin: left top;
    transform: scale(1,1);
	}
.uc_article_grid_style_eight .uc_article_grid_style_eight_holder .uc_article_grid_style_eight_box .uc_box_content{
	position: relative;
	background: #fff;
	text-align: left;
	padding: 20px 0px;
}

@media only screen and (max-width: 979px){
	.uc_article_grid_style_eight .uc_article_grid_style_eight_holder{
		grid-gap: 30px;
		}
	}
	
@media only screen and (max-width: 767px){
	.uc_article_grid_style_eight .uc_article_grid_style_eight_holder{
		grid-template-columns: 1fr;
		}
	}