.haristimeline .table {
	display: table;
	table-layout:fixed;
	width: 100%;
}
.haristimeline .tableCell {
	display: table-cell;
	text-align: center;
}
.haristimeline .bulletWrap { position: relative; }
.haristimeline .bulletWrap .before, .haristimeline .bulletWrap .after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    top: 50%;
    height: 4px;
    background: #999;
    width: 100%;
}
.haristimeline .bulletWrap .after { width:0%; background: #337ab7; }
.haristimeline .slide a {
	width: 76px;
	height: 76px;
	background: #d3dcf5;
	color: #ffffff;
	display: inline-block;
	border-radius: 100%;
	border: 6px solid #337ab7;
	transition: 0.3s all ease;
	position: relative;
}
.haristimeline .slide a.active, .haristimeline .slide a:hover {
	background: #337ab7;
	border-color: #337ab7;
}
.haristimeline .slide a i {
	font-size: 35px;
	line-height: 70px;
}
/*
.slide.tableCell { position: relative; }
.slide.tableCell:first-child:before, .slide.tableCell:last-child:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    background: #1c1c1c;
    width: 50%;
    z-index: 0;
}
.slide.tableCell:last-child:before {
	left: auto;
	right: 0;
}
*/

.haristimeline .slide a {
    width: 110px!important;
    height: 110px!important;
}

.haristimeline .slide img{
	    width: 58px;
    height: 58px;
    transition: 0.3s all ease;
    position: absolute;
    top: 14px;
    left: 20px;
}