a.media.service-box {
	padding:16px 24px;
	margin:0;
	cursor:pointer;
	display:block;
	border-bottom:1px solid #ccc;
}
a.media.service-box .media-heading {
	font-size:medium;
}
a.media.service-box .media-body {
	color:#333;
	font-size:medium;
}

a.media.service-box .pull-left {
	margin-right: 20px;
}
a.media.service-box .pull-left > i {
	font-size: 24px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	width: 64px;
	border-radius: 100%;
	color: #45aed6;
	box-shadow: inset 0 0 0 1px #d7d7d7;
	-webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
	transition: background-color 400ms, background-color 400ms;
	position: relative;
}
a.media.service-box .pull-left > i:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	margin-top: -10px;
	right: -10px;
	border: 4px solid #fff;
	border-radius: 20px;
	background: #45aed6;
}
a.media.service-box:hover .pull-left > i {
	background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	color: #fff;
	box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
}
a.media.service-box:hover{
	background-color:#f5f5f5;
}