@charset "utf-8";

.timeline {
	margin: 0;
	padding: 0 0 0 10px;
}
	.timeline ul.timeline-list {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		.timeline ul.timeline-list li.line {
			position: relative;
			z-index: 1;
			padding: 0 0 20px 145px;
			margin: 0;
			border-left: 2px solid #0a0082;
			}
			.timeline ul.timeline-list li.line.year {
				padding-left: 0;
			}
			.timeline ul.timeline-list.time li.line {
				padding: 0 0 0 120px;
			}
			.timeline ul.timeline-list li.line.first:before,
			.timeline ul.timeline-list li.line:first-child:before {
				position: absolute;
				z-index: 200;
				left: -4px;
				top: 0;
				content: '';
				width: 5px;
				height: 8px;
				background: #fff;
				}
				.timeline ul.timeline-list.time li.line:first-child:before {
					height: 7px;
				}
			.timeline ul.timeline-list li.line.last:before,
			.timeline ul.timeline-list li.line:last-child:before {
				position: absolute;
				z-index: 200;
				left: -4px;
				top: 28px;
				content: '';
				width: 5px;
				height: 95%;
				background: #fff;
				}
				.timeline ul.timeline-list.time li.line:last-child:before {
					top: 27px;
				}
			.timeline ul.timeline-list li.line.year:before {
				position: absolute;
				z-index: 200;
				left: -4px;
				top: 0;
				content: '';
				width: 5px;
				height: 100%;
				background: #fff;
			}
			.timeline ul.timeline-list li.line:only-of-type {
				border: none;
			}
			.timeline ul.timeline-list li.line label {
				position: absolute;
				z-index: 10;
				top: -5px;;
				left: 0;
				display: inline-block;
				padding: 4px 10px;
				width: 80px;
				color: #0a0082;
				text-align: center;
				}
				.timeline ul.timeline-list.time li.line label {
					top: -4px;
					left: 25px;
					padding: 4px 0;
					width: auto;
				}
			.timeline ul.timeline-list li.line label.year {
				position: static;
				font-size: 1.1em;
				left: 25px;
			}
			.timeline ul.timeline-list li.line label.date {
				left: 25px;
				border: 2px solid #0a0082;
				}
				.timeline ul.timeline-list li.line label:before {
					content: '';
					position: absolute;
					z-index: 11;
					left: -38px;
					top: 11px;
					background: #0a0082;
					border-radius: 10px;
					width: 20px;
					height: 20px;
					}
				.timeline ul.timeline-list li.line.year label.year:before {
					left: -11px;
				}
				.timeline ul.timeline-list.time li.line label:before {
					left: -36px;
				}
			.timeline ul.timeline-list li.line div.summary {
				padding: 0 0 0 25px;
				}
				.timeline ul.timeline-list li.line div.summary p {
					margin: 0;
					padding: 0;
				}

@media (max-width:599px) {
	.timeline ul.timeline-list li.line {
		padding-left: 25px;
		}
		.timeline ul.timeline-list li.line:last-child:before {
			top: 31px;
		}
		.timeline ul.timeline-list.time li.line {
			padding: 0;
			border-left: 0;
		}
	.timeline ul.timeline-list li.line label {
		position: static;
		}
		.timeline ul.timeline-list.time li.line label {
			padding: 4px 0 2px 30px;
		}
		.timeline ul.timeline-list li.line label:before {
			left: -11px;
		}
		.timeline ul.timeline-list.time li.line label:before {
			left: 0;
		}
	.timeline ul.timeline-list li.line div.summary {
		padding: 10px 0 0 0;
	}
}