/* Timeline */
.timeline {
min-height:300px;
position:relative;
}

.timeline .central_line {
height:100%;
position:absolute;
top:0;
left:50%;
width:3px;
}

.timeline .central_line.solid {
border-right:3px solid #E5E5E5;
}

.timeline .central_line.dotted {
border-right:3px dotted #e5e5e5;
}

.timeline .central_line.dashed {
border-right:3px dashed #e5e5e5;
}

.timeline_item {
width:100%;
}

.timeline_item .inner {
position:relative;
}

.timeline_item .timeline_node {
position:absolute;
left:50%;
top:35px;
width:20px;
height:20px;
background-color:#fff;
border:2px solid #969696;
margin-left:-8px;
border-radius:50%;

}

.timeline_item .item_date_container {
width:50%;
top:30px;
position:absolute;
}

.timeline_item.left .item_date_container {
margin-left:50%;
}

.timeline_item .item_date {
background:#969696;
color:#fff;
padding:5px 13px;
font-size:14px;
display:inline-block;
border-radius:5px;
font-weight:600;
}

.timeline_item.left .item_date {
float:left;
margin-left:30px;
}

.timeline_item.right .item_date {
float:right;
margin-right:30px;
}

.timeline_item .item_content {
width:45%;
padding:10px 0 20px;
margin-left:53%;
}
.timeline_item .item_content h4{
font-size:18px;
line-height:30px;
padding-bottom:10px;
}

.timeline_item .item_content_inner {
position:relative;
background:#f0f0f0;
border:1px solid #E1e1e1;
padding:20px 20px;
border-radius:5px;
}

.timeline_item .item_content_inner:after,.timeline_item .item_content_inner:before {
right:100%;
top:32px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}

.timeline_item .item_content_inner:after {
    border-color: rgba(240, 240, 240, 0);
    border-right-color: #f0f0f0;
    border-width: 13px;
    margin-top: -13px;
}

.timeline_item .item_content_inner:before {
    border-color: rgba(225, 225, 225, 0);
    border-right-color: #e1e1e1;
    border-width: 14px;
    margin-top: -14px;
}

.timeline_item.left .item_content {
width:47%;
margin-left:0;
}

.timeline_item.left .item_content_inner {
text-align:right;
}

.timeline_item.left .item_content_inner:after,.timeline_item.left .item_content_inner:before {
left:100%;
top:35px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}

.timeline_item.left .item_content_inner:after {
border-color: rgba(240, 240, 240, 0);
    border-left-color: #f0f0f0;
    border-width: 13px;
    margin-top: -13px;
}
.timeline_item.left .item_content_inner:before {
border-color: rgba(225, 225, 225, 0);
    border-left-color: #e1e1e1;
    border-width: 14px;
    margin-top: -14px;
}

.timeline_sep {
text-align:center;
position:relative;
z-index:1000;
margin:20px 0 30px;
}

.timeline_sep span {
background:#969696;
color:#fff;
padding:8px 30px;
font-size:16px;
font-weight:600;
border-radius:3px;
}