.cntl {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.cntl-center {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.cntl-bar {
	position: absolute;
	width: 10px;
	top: 0;
	bottom: 0;
	background-color: #ccc;
	box-shadow: inset 0px 0px 7px -2px #000;
}


.cntl-bar-fill {
	background-color: #c94447;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 0;

}

.cntl-state {
	position: relative;
	width: 100%;
	/* min-height: 200px; */
	margin-top:10px
}

.cntl-state::after {
	display: block;
	content: ' ';
	clear: both;
}

.cntl-year {
	color: black;
	font-size: 30px;
}

/* .cntl-icon { */
	/* border-radius: 50%; */
	/* width: 80px; */
	/* height: 80px; */
	/* background-color: #00313C; */
	/* border: solid 3px #009ABB; */
	/* box-shadow: 0px 0px 19px -9px #000; */
	/* position: absolute; */
	/* top: 0; */
	/* text-align: center; */
	/* line-height: 80px; */
	/* font-size: 40px; */
	/* color: #fff; */
	/* width: 18px; */
	/* height: 18px; */
	/* border-radius: 50%; */
	/* background: #fff; */
	/* border: 4px solid #c94447; */
	/* margin: 29px 430px; */
/* } */
.cntl-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #c94447;
    /* margin: 29px 420px; */
}
.cntl-content {
	width: 45%;
	background-color: rgba(238, 238, 238, 0.25);
	border-radius: 8px;
	float: right;
	opacity: 0;
	position: relative;
	margin-left: -40%;
	color: black;
}

.cntl-state:nth-child(2n+2) .cntl-content {
	float: left;
	margin-right: -40%;
}
.cntl-state:nth-child(2n) .cntl-year{
	/* float:left */
}
.cntl-state:nth-child(2n+2) .cntl-year {
	/* float: right; */
}

.cntl-image {
	opacity: 0;
	width: 36%;
	padding: 2%;
	float: right;
}

.cntl-state:nth-child(2n+1) .cntl-image {
	float: left;
}

.cntl-image img {
	/* width: 100%; */
}

.cntl-content h4 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}


/*
animations
*/
.cntl-bar-fill,.cntl-content,.cntl-image {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cntl-state:nth-child(2n+2).cntl-animate .cntl-content {
	margin-right:0%;
}

.cntl-animate .cntl-content {
	opacity:1;
	margin-left:0%;
}

.cntl-animate .cntl-image {
	opacity:1;
}<!--0.0001070499420166-->