.d4-serv {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

.d4-serv li {
	display: inline-block;
	vertical-align: top;
}

.d4-serv-itm {
	display: block;
	color: red !important;
	width: 100px;
	margin: 0 20px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
     background-position-Y: 81px;
}

.d4-serv-itm:hover {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-filter: grayscale(0);
	
    background-position-Y: 8px;
	
}

    .d4-serv-itm:before {
        content: '';
        display: block;
        width: 84px;
        height: 74px;
        margin: 0 auto 10px;
        background: url('../img/sprites.png');
    }

.d4-serv-itm.ico-d4-serv1:before { background-position-x: 0px ;background-position-y:85px;}
.d4-serv-itm.ico-d4-serv2:before { background-position-x: -84px ;background-position-y:85px;}
.d4-serv-itm.ico-d4-serv3:before { background-position-x: -168px ;background-position-y:85px;}
.d4-serv-itm.ico-d4-serv4:before { background-position-x: -252px ;background-position-y:85px;}