#cd-timeline {
	margin-bottom:2em;
	margin-top:2em;
	padding:2em 0;
	position:relative
}

#cd-timeline::before {
	background:#9cd047;
	content:'';
	height:100%;
	left:18px;
	position:absolute;
	top:0;
	width:4px
}

.cd-container {
	margin:0 auto;
	max-width:1170px;
	width:59%
}

.cd-container::after {
	clear:both;
	content:'';
	display:table
}

@media only screen and (min-width: 1170px) {
	#cd-timeline {
		margin-bottom:3em;
		margin-top:3em;
		width:1000px
	}

	#cd-timeline::before {
		left:50%;
		margin-left:-2px
	}
}

.cd-timeline-block {
	margin:2em 0;
	position:relative
}

.cd-timeline-block::after {
	clear:both;
	content:"";
	display:table
}

.cd-timeline-block:first-child {
	margin-top:0
}

.cd-timeline-block:last-child {
	margin-bottom:0
}

@media only screen and (min-width: 1170px) {
	.cd-timeline-block {
		margin:4em 0
	}

	.cd-timeline-block:first-child {
		margin-top:0
	}

	.cd-timeline-block:last-child {
		margin-bottom:0
	}
}

.cd-timeline-img {
	border-radius:50%;
	box-shadow:0 0 0 4px #9cd047,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);
	height:30px;
	left:5px;
	position:absolute;
	top:8px;
	width:30px
}

.cd-timeline-img img {
	display:block;
	height:24px;
	left:50%;
	margin-left:-12px;
	margin-top:-12px;
	position:relative;
	top:50%;
	width:24px
}

.cd-timeline-img.cd-location {
	background:#f0ca45
}

.cd-timeline-img.cd-movie {
	background:#9cd047
}

.cd-timeline-img.cd-picture {
	background:#1a1b20
}

@media only screen and (min-width: 1170px) {
	.cd-timeline-img {
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0);
		height:30px;
		left:50%;
		margin-left:-15px;
		top:15px;
		width:30px
	}

	.cssanimations .cd-timeline-img.bounce-in {
		-moz-animation:cd-bounce-1 .6s;
		-webkit-animation:cd-bounce-1 .6s;
		animation:cd-bounce-1 .6s;
		visibility:visible
	}

	.cssanimations .cd-timeline-img.is-hidden {
		visibility:hidden
	}
}

.cd-timeline-content {
	background:#121518;
	margin-left:65px;
	padding-right:35px;
	position:relative
}

.cd-timeline-content .cd-date {
	color:#9cd047;
	font-size:20px!important;
	right:141%;
	position:absolute;
	top:-16px;
	width:222px;
	border-bottom:4px solid;
	padding:5px;
	padding-right:10px
}

.cd-authors {
	color:#9cd047;
	font-size:18px!important;
	font-weight:100;
	right:137%;
	position:absolute;
	top:33px;
	width:240px;
	padding:10px;
	white-space: nowrap;
}

.cd-timeline-content .cd-read-more {
	background:#acb7c0;
	border-radius:.25em;
	color:#fff;
	float:right;
	padding:.8em 1em
}

.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date {
	display:inline-block
}

.cd-timeline-content h2 {
	color:#303e49
}

.cd-timeline-content::after {
	clear:both;
	content:"";
	display:table
}

.cd-timeline-content::before {
	border:7px solid transparent;
	border-right:7px solid #121518;
	content:'';
	height:0;
	position:absolute;
	right:100%;
	top:16px;
	width:0
}

.no-touch .cd-timeline-content .cd-read-more:hover {
	background-color:#bac4cb
}

@media only screen and (min-width: 1170px) {
	.cd-timeline-block:nth-child(even) .cd-timeline-content {
		float:right;
		margin-right:205px
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
		left:auto;
		right:139%;
		text-align:center
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-authors {
		color:#9cd047;
		font-size:18px!important;
		font-weight:100;
		left:-142%;
		position:absolute;
		top:33px;
		width:240px;
		padding:10px;
		padding-right:0;
		padding-left:0
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
		float:right
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
		border-color:transparent;
		border-right-color:#121518;
		left:auto;
		right:100%;
		top:24px
	}

	.cd-timeline-content {
		margin-left:210px;
		width:22.5%
	}

	.cd-timeline-content .cd-date {
		color:#9cd047;
		font-size:20px!important;
		left:137%;
		position:absolute;
		top:-9px;
		width:222px;
		border-bottom:4px solid;
		padding:5px;
		padding-right:10px
	}

	.cd-authors {
		color:#9cd047;
		font-size:18px!important;
		font-weight:100;
		left:133%;
		position:absolute;
		top:33px;
		width:240px;
		padding:10px
	}

	.cd-timeline-content .cd-read-more {
		float:left
	}

	.cd-timeline-content::before {
		border-color:transparent;
		border-left-color:#121518;
		left:100%;
		top:24px
	}

	.cssanimations .cd-timeline-content.bounce-in {
		-moz-animation:cd-bounce-2 .6s;
		-webkit-animation:cd-bounce-2 .6s;
		animation:cd-bounce-2 .6s;
		visibility:visible
	}

	.cssanimations .cd-timeline-content.is-hidden {
		visibility:hidden
	}
}

@media only screen and (min-width: 1170px) {
	.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
		-moz-animation:cd-bounce-2-inverse .6s;
		-webkit-animation:cd-bounce-2-inverse .6s;
		animation:cd-bounce-2-inverse .6s
	}
}