.conference-timeline-content {}
.main-timeline-section {
    position: relative;
    width: 100%;
    margin: auto;
    height: 300px;
    /*margin-left: -128px;*/
}

.main-timeline-section .timeline-start,
.main-timeline-section .timeline-end {
    /*position: absolute;
	background:#F2635F;
	border-radius:100px;
	top:77%;
	transform: translateY(-50%);
	width:30px;
	height:30px;*/
}

.main-timeline-section .timeline-end {
    right: 0px;
}

.main-timeline-section .conference-center-line {
    position: absolute;
    /*width: 95%;*/
    /*height: 22px;*/
    top: 77%;
    /*transform: translateY(-50%);*/
    background: #dfe0e1;
    /*margin: 0 195px;*/
	width: 100%;
	margin: 0 auto;
	height: 3px;
}

.timeline-article {
    /*width: 10%;*/
    position: relative;
    /*min-height: 260px;*/
	min-height: 200px;
    float: right;
	width: 200px;
}

.timeline-article .content-date {
    position: absolute;
    top: 61%;
    left: 76px;
    font-size: 30px;
}

.timeline-article .meta-date {
    position: absolute;
    top: 73%;
    left: 0;
    /*width: 270px;*/
    height: 23px;
}

.timeline-article .content-box {
    /*box-shadow: 2px 2px 4px 0px #c1c1c1;*/
    border: 3px solid #dfe0e1;
    border-radius: 5px;
    position: absolute;
    bottom: -100%;
    /*left: 30px;*/
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
	left: 0;
	right:0;
	margin:0 auto;
	text-align:center;

}
.timeline-article .content-box img {
	position:relative;
	background:#fff;
	border-radius:100%;	
}
.timeline-article-top .content-box img {
    /*top: 0;
    position: absolute;
    left: 0;*/
}

.timeline-article-bottom .content-box i {
    top: 24%;
    position: absolute;
    font-size: 45px;
    left: 29%;
}

.content-data {
    text-align: center;
    position: absolute;
    left: 0;
    top: 90px;
    font-size: 12px;
    width: 100%;
    height: 184px;
}

.content-data p {
    text-align: center;
	font-size:14px;
	color: #000;
    font-family: 'montserratregular';
	margin-bottom:0;
}
.content-data span {
    text-align: center;
	font-size:20px;
	color:#000;
	font-family: 'montserratbold'; 
}

.timeline-article-top .content-box:before {
    content: " ";
    width: 3px;
    height: 70px;
    /*background: #f03089;*/
    margin: 0 auto;
    position: absolute;
    bottom: 94px;
    left: 0;
    right: 0;
}

timeline-article-top .content-box:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    border: 5px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}

.timeline-article-bottom .content-date {
    top: 81%;
}

.timeline-article-bottom .content-box {
    top: 24%;
}

.timeline-article-bottom .content-box:before {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 97px;
    content: " ";
    width: 3px;
    height: 84px;
    /*background: #f03089;*/
    margin: 0 auto;
    position: absolute;
}

.timeline-article-bottom .content-data {
    top: 240px;
    left: 0;
    text-align: center;
}


@media (max-width:460px) {}

.orange {
    background: #fff;
    bottom: -180px !important;
}

.timeline-article-top .orange:before {
    background: #dfe0e1;
    height: 60px !important;
    bottom: 85px !important;
}

.blue {
    /*background: #08ceff;*/
}

.timeline-article-top .blue:before,
.timeline-article-bottom .blue:before {
    background: #dfe0e1;
}

.green {
    background: #8cbd21;

}

.timeline-article-top .green:before {
    background: #dfe0e1;

}

.voilet {
    /*background: #7b4a9c;*/
    top: 36% !important;
}

.timeline-article-top .voilet:before {
    background: #7b4a9c;

}

.timeline-article-bottom .voilet:before {
    background: #dfe0e1;
    height: 60px !important;
}

.yellow {
    /*background: #ffa518;*/
    bottom: -180px !important;
}

.timeline-article-top .yellow:before {
    background: #dfe0e1;
    height: 60px !important;
    bottom: 85px !important;
}


.timeline-article .voilet-line {
    /*background: #7b4a9c;*/
    /*border-left: 250px solid #7b4a9c;*/
}

.timeline-article .green-line {
    /*background: #8cbd21;*/
    /*border-left: 250px solid #8cbd21;*/
}

.timeline-article .blue-line {
    /*background: #08ceff;*/
    /*border-left: 250px solid #08ceff;*/

}

.timeline-article .yellow-line {
    /*background: #ffa518;*/
    /*border-left: 250px solid #ffa518;*/
}