.hero-matrics{
	background: #FFFFFF;
}
.hero-matrics ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.hero-matrics ul li{
	float: left;
	width: 25%;
	-moz-transition: background-color 200ms linear 0s, color 200ms linear 0s;
	-ms-transition: background-color 200ms linear 0s, color 200ms linear 0s;
	-o-transition: background-color 200ms linear 0s, color 200ms linear 0s;
	-webkit-transition: background-color 200ms linear 0s, color 200ms linear 0s;
	transition: background-color 200ms linear 0s, color 200ms linear 0s;
}
.hero-matrics ul li:hover{
	background-color: #009BCA;
}
.hero-matrics ul li a{
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 21px 0;
}
.hero-matrics ul li a span{
	background-image: url("/assets/css/img/metric-icons.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 24px;
	padding-left: 35px;
	color: #292929;
}
.hero-matrics ul li:hover a span{
	color: #FFFFFF;
}


.hero-matrics ul li.search_inventory a span{
	background-position: 0 0;
}
.hero-matrics ul li.search_inventory a:hover span{
	background-position: 0 -25px;
}

.hero-matrics ul li.find_a_dealer a span{
	background-position: 0 -50px;
}
.hero-matrics ul li.find_a_dealer a:hover span{
	background-position: 0 -75px;
}

.hero-matrics ul li.bmo a span{
	background-position: 0 -100px;
}
.hero-matrics ul li.bmo a:hover span{
	background-position: 0 -125px;
}

.hero-matrics ul li.view_all_vehicles a span{
	background-position: 0 -150px;
}
.hero-matrics ul li.view_all_vehicles a:hover span{
	background-position: 0 -175px;
}
/**over write the home page wide section padding**/
.feature.wide {
    padding: 0 0 20px;
}