.timeline-box{
	padding: 3% 10%;
}

.main-timeline-section{
	position: relative; 
	width: 100%;  
	margin:auto; 
	height:300px;
}
.main-timeline-section .timeline-start,
.main-timeline-section .timeline-end{
	position: absolute;
	background:#0755a3;
	border-radius:100px;
	top:50%;
	transform: translateY(-50%);
	width:30px;
	height:30px;
}
.main-timeline-section .timeline-end{
	right:0px;
}
.main-timeline-section .conference-center-line{
	position: absolute;
	width:100%;
	height:5px;
	top:50%;
	transform: translateY(-50%);
	background:#0755a3;
}
.timeline-article{
    width: 20%;
    position: relative;
    min-height: 300px;
    float:right;
}
.timeline-article .content-date{
    position: absolute;
    top: 35%;
    left: -30px; 
    font-size:18px;
}

.content-date span{
	color: #3a3a3a;
	font-family: 'UTM-Neo_Sans_Intel';
	font-weight: bold;
	font-size: 15px;
}
.timeline-article .meta-date{
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%); 
    width:20px;
    height:20px;
    border-radius: 100%;
    background:#fff;
    border:1px solid #F2635F;
}
.timeline-article .content-box{
	box-shadow: 2px 2px 4px 0px #c1c1c1;
	border:1px solid #0755a3;
	border-radius: 5px;
	background-color: #fff;
	width: 180px;
	position: absolute;
	top: 60%;
	left: -80px; 
	padding:10px;
}
.timeline-article-top .content-box:before{
	content: " ";
	position:absolute; 
	left:50%;
	transform: translateX(-50%);
	top:-20px;
	border:10px solid transparent;
	border-bottom-color: #0755a3;
}
.timeline-article-bottom .content-date{
	top: 59%;
}
.timeline-article-bottom .content-box{
	top: -4%;
}
.timeline-article-bottom .content-box:before{
	content: " ";
	position:absolute; 
	left:50%;
	transform: translateX(-50%);
	bottom:-20px;
	border:10px solid transparent;
	border-top-color:#0755a3;
}