

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{ width:100%; display:block;}


.uc_overlay_banner{ font-family: 'Lato', sans-serif; color:#fff; text-align:center;}
.uc_overlay_banner .uc_overlay_banner_box{ width:33.33%; display:inline-block;margin: 0 -3px;position:relative;}
.uc_overlay_banner .uc_overlay_banner_box .uc_overlay_banner_img { height: 100%; width:100%; 
transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 
 transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -webkit-transform: scale(1);
}
.uc_overlay_banner .uc_overlay_banner_box .uc_overlay_banner_outer{position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);top: 0px;left: 0px;
transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 
 transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -webkit-transform: scale(0);}
.uc_overlay_banner .uc_overlay_banner_box .uc_overlay_banner_content { position:absolute; left:0; top:50%; width:100%; text-align:center; padding:0 30px; transform:translateY(-50%);}
.uc_overlay_banner .uc_overlay_banner_box .uc_overlay_banner_content h3{ font-weight:700; font-size:24px;text-transform:uppercase;line-height: 20px;margin: 0px; padding:0 0 24px; background:url(border.png) no-repeat center bottom;}
.uc_overlay_banner .uc_overlay_banner_box .uc_overlay_banner_content p{ font-weight:400; font-size:16px; margin:19px 0 0px;}
.uc_overlay_banner .uc_overlay_banner_box:hover{ z-index:9;
	transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 
 transform: scale(1);
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -webkit-transform: scale(1.1);
}
.uc_overlay_banner .uc_overlay_banner_box:hover .uc_overlay_banner_outer{  
transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 
 transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -webkit-transform: scale(1);}

@media only screen and (max-width: 767px) {
  .uc_overlay_banner .uc_overlay_banner_box{ width:100%;}
  .uc_overlay_banner .uc_overlay_banner_box .uc_overlay_banner_content h3{line-height: 30px;}
}
