.tl h3, .tab-pane h3{
	color: #e1b900;
}

.timeline-isi{
    margin-left: 90px;
}
.tab-pane h3{
    margin-top: 50px;
}
.custom-col{
	width: 15.5%;
	padding: 0;
}
.custom-line {
    height: 31px;
    margin: 0 0 20px 0;
    padding: 0;
    background: url("../img/circle.png") 15px center no-repeat;
    background-size: contain;
}

.custom-line.active {
    height: 31px;
    margin: 0 0 20px 0;
    padding: 0;
    background: url("../img/circle-active.png") 15px center no-repeat;
    background-size: contain;
}

.custom-line:hover {
    height: 31px;
    margin: 0 0 20px 0;
    padding: 0;
    background: url("../img/circle-hover.png") 15px center no-repeat;
    background-size: contain;
}
.custom-line::after{
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    width: 100%;
    height: 31px;
    background: url("../img/bg-line-2.png") center center repeat-x;

}

.custom-line.active::after{
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    width: 100%;
    height: 31px;
    background: url("../img/bg-line-2.png") center center repeat-x;	
}

.custom-line-active::after{
background-position: right center;
background-repeat: no-repeat;
}

.custom-line.y1954::after, .custom-line.y2014::after{
background-position: right center;
background-repeat: no-repeat;
}

.custom-line.y2014::after {
    background-position: -80px center;
}

.custom-desc{
	text-align: center;
	padding-right: 30px;
	position: absolute;
	right: 40px;
	width: 100%;
    font-size: 14px;
    font-family: arial;
    line-height: 18px;
}
.custom-desc a{
	display: block;
}

.tab-content{
	padding-top: 100px;
    padding-bottom: 50px;
}