#cd-vertical-timeline {

	overflow: hidden;

	position: relative;

    padding:20px;

}



#cd-vertical-timeline ol {

	list-style-type: none;

	margin: 30px 0;

	padding: 0

}





#cd-vertical-timeline ol li {

	width: 45%;

	clear: both;

	text-align: right;

	margin: 0px;

	padding: 10px 50px 10px 10px;

	position: static !important;

	hyphens: auto;

	

	

}



#cd-vertical-timeline  ol > li::before

{display:none}



#cd-vertical-timeline ol li:nth-child(even) {

	float: right;

	text-align: left;

	padding: 0 0 0 50px

}



#cd-vertical-timeline ol li time {

	display: inline-block;

	margin: 0 0 30px 0;

	background: #ddd;

	padding: 2px 15px;

	color: #555;



}



#cd-vertical-timeline ol li h3 {

	font-weight: bold;

	transition: all 0.5s ease-in-out;

    font-size:1.1em;

}



#cd-vertical-timeline ol li:nth-child(even) time {

	margin: 0px 0 30px -5%

}



#cd-vertical-timeline ol:before {

	

	position: absolute;

	left: 50%;

	width: 0px;

	height: 100%;

	margin-left: -1px;

	content: "";

	background: #fff;

	top: 15px;
border-left: dashed 1px #999;

}





/*

#cd-vertical-timeline ol li:before {

    border: solid 3px #ccc;

    background:#var(--linkcolor);

    content: '';

    display: block;

    width: 15px;

    height: 15px;

    border-radius: 100%;

    position: absolute;

    left:auto;

    right: calc(50% - 9px);

    top:auto;

);



}

*/





.circle_image {

	

	position: absolute;

	left: auto;

	right: calc(50% - 20px);

	fill: #fff;

	stroke-width: 2

	

}





#cd-vertical-timeline ol li:hover

h3 {

	color:var(--linkcolor)
}





#cd-vertical-timeline ol li .timeline-image {

	border: solid 5px #eee;

	background: #ddd;

	overflow: hidden;

	text-align: center;

	vertical-align: middle;

	display: block;

	width: 150px;

	height: 150px;

	border-radius: 100%;

	position: absolute;

	left: auto;

	right: calc(50% - 75px);

	

}



#cd-vertical-timeline ol li .timeline-image img {

	width: 100%;

	height: 100%;

}

	.timeline-text {

		background: #fff;

		padding:  0;

		margin:0  20px

	}




.timeline_description {



	margin: 0 auto;

	text-align: center;

	margin: 30px 0

}





#cd-vertical-timeline ol li h4 {

	margin: 20px 0 0 0;

	font-weight: bold

}





@media screen and (max-width: 600px) {

	

	#cd-vertical-timeline ol li:nth-child(even) {

		float: none

	}

	

	#cd-vertical-timeline ol li {

		width: 100%;

		text-align: center !important;

		padding: 30px 0 !important;

		position: relative !important;

		

		

	}

	

	.timeline-text {

		background: #fff;

		padding: 20px 0;

		margin: 20px 0

	}

	

	#cd-vertical-timeline ol li .circle_image {

		top: -20px

	}

	

	#cd-vertical-timeline ol li .timeline-image {

		position: relative;

		margin: 0 auto;

		left: auto;

		right: auto

	}

	

	#cd-vertical-timeline ol::before {

		z-index: -1

	}

	

}