.timeline {

	margin: 0px auto;

	/*max-width: 700px;*/

	overflow: hidden;

	height: auto;

	position: relative;

	padding: 0px;

	list-style-type: none;

	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQIW2NMTEz8z8gABAAPKwIlXWq1kgAAAABJRU5ErkJggg==);

	background-repeat: repeat-y;

	background-position: 50% 0;

}



.timeline .year {

	background: #505050;

	font-size: 3em;

/*	max-width: 4em; */

	clear: both;

	margin: 1em auto;

	color: white;

	border-radius: 30%/100%;

	text-align: center;

	margin-top: 50px;

}



.timeline .year:first-of-type {

	margin-top: 0 !important;

}



.timeline .event {

	position: relative;

	text-align: center;

	float: right;

	clear: right;

	width: 45%;

	margin: 10px 2.5%;

	border-radius: 5px;

	list-style-type: none;

	display: block;

	padding: .4em;

	background: white;

	z-index: 15;

	color: #4d4d4d;

	border: 1px solid #9d9d9d;

	text-decoration: none;

	-webkit-transition: background .15s linear;

	-moz-transition: background .15s linear;

	-ms-transition: background .15s linear;

	-o-transition: background .15s linear;

	transition: background .15s linear;

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

		width: 85%;

	}

}



.timeline .event.featured {

	width: 95% !important;

	background: #e8e8e8;

}



.timeline .event.featured:after, 

.timeline .event.featured:before {

	display: none;

}



.timeline .event.offset-first {

	margin-top: -1.5em !important;

}



.timeline .event.offset-second {

   margin-top: 4em !important;

}



.timeline .event img {

	margin-top: 10px;

	max-width: 100%;

}



.timeline .event:nth-child(2n) {

	float: left;

	clear: left;

	@media all and(min-width: 600px) {

		margin-top: 20px;

	}

}





.timeline .event:after {

	@media all and (min-width: 650px) {

		display: block;

		content: ' ';

		height: 9px;

		width: 9px;

		background: #9d9d9d;

		border-radius: 50%;

		position: absolute;

		left: -5%;

		top: 1.5em;

		border: 2px solid white;

	}

}



.timeline .event:nth-child(2n):after {

	right: -5%;

	left: auto;

}



/*user time line*/

@media \0screen {

.wp-theme-1 .timeline .event.left{float:left!important;clear:left!important;margin:10px 2.5%;}

.wp-theme-1 .timeline .event.left:before {content: "";display:block;position: absolute;right: -7.5% !important;top: 20px;width: 10px;height: 10px;background: #1990cf;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%}

.wp-theme-1 .timeline .event.right:after {content: "";display: inline-block;position: absolute;left: -12px !important;top: 12px;width: 0;	height: 0;border-right: 12px solid #FFF;border-top: 12px solid transparent;border-bottom: 12px solid transparent}

.wp-theme-1 .timeline .event.right:before {content: "";display: inline-block;position: absolute;left: -7.5% !important;top: 20px;width: 10px;height: 10px;background: #20409a;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%}

.wp-theme-1 .timeline .event.left .event-date:after {content: "";display: inline-block;position: absolute;right: -12px !important;top: 12px;width: 0;height: 0;border-left: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;z-index: 20}

.wp-theme-1 .timeline .event.left .event-date:before {content: "";display: inline-block;position: absolute;top: 11px;right: -13px;	width: 0;height: 0;	border-left: 13px solid #ddd;border-top: 13px solid transparent;border-bottom: 13px solid transparent;z-index: 0}

.wp-theme-1 .timeline .event.right .event-date:after {content: "";display: inline-block;position: absolute;left: -12px !important;top: 12px;width: 0;height: 0;border-right: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;z-index: 20}

.wp-theme-1 .timeline .event.right .event-date:before {content: "";display: inline-block;position: absolute;top: 11px;left: -13px;width: 0;height: 0;	border-right: 13px solid #ddd;border-top: 13px solid transparent;border-bottom: 13px solid transparent;z-index: 0}

}

.wp-theme-1 .timeline .year {width: 14em;background: #5872bc;padding: 8px 10px;margin: 20px auto 40px !important;font-size: 20px}

.wp-theme-1 .timeline .year {border-radius: 3px !important;}

.wp-theme-1 .timeline .event {padding: 0;border: 1px solid #e0eded;border-radius: 0}

.wp-theme-1 .timeline .event:nth-child(2n):before {content: "";display: inline-block;position: absolute;right: -7.5% !important;top: 20px;width: 10px;height: 10px;background: #1990cf;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%}

.wp-theme-1 .timeline .event:nth-child(2n-1):after {content: "";display: inline-block;position: absolute;left: -12px !important;top: 12px;width: 0;	height: 0;border-right: 12px solid #FFF;border-top: 12px solid transparent;border-bottom: 12px solid transparent}

.wp-theme-1 .timeline .event:nth-child(2n-1):before {content: "";display: inline-block;position: absolute;left: -7.5% !important;top: 20px;width: 10px;height: 10px;background: #20409a;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%}

.wp-theme-1 .timeline .event-date {margin: 0;background: #FFF;border-bottom: 1px solid #e0eded;	text-align: left;padding: 10px 10px;font-weight: 500;font-size: 14px}

.wp-theme-1 .timeline .event:nth-child(2n) .event-date:after {content: "";display: inline-block;position: absolute;right: -12px !important;top: 12px;width: 0;height: 0;border-left: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;z-index: 20}

.wp-theme-1 .timeline .event:nth-child(2n) .event-date:before {content: "";display: inline-block;position: absolute;top: 11px;right: -13px;	width: 0;height: 0;	border-left: 13px solid #ddd;border-top: 13px solid transparent;border-bottom: 13px solid transparent;z-index: 0}

.wp-theme-1 .timeline .event:nth-child(2n-1) .event-date:after {content: "";display: inline-block;position: absolute;left: -12px !important;top: 12px;width: 0;height: 0;border-right: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;z-index: 20}

.wp-theme-1 .timeline .event:nth-child(2n-1) .event-date:before {content: "";display: inline-block;position: absolute;top: 11px;left: -13px;width: 0;height: 0;	border-right: 13px solid #ddd;border-top: 13px solid transparent;border-bottom: 13px solid transparent;z-index: 0}

.wp-theme-1 .timeline .event-date small {display: block;font-size: 12px;color: #a1a1a1;font-weight: normal}

.wp-theme-1 .timeline .event-date h5 {font-size: 15px;color: #1990cf;font-weight: normal;margin-bottom:6px;}

.wp-theme-1 .timeline .event-date i {margin-right: 7px}

.wp-theme-1 .timeline .event-body {background: #f8f8f8}

.wp-theme-1 .timeline .event-footer {margin: 0;text-align: left;padding: 8px 10px;background: none;	border-top: 1px solid #e0eded}

.wp-theme-1 .timeline .event-footer:after, .wp-theme-1 .timeline .event-footer:before {display: table;content: " "}

.wp-theme-1 .timeline .event-footer:after {clear: both}

.wp-theme-1 .timeline .event img {margin: 0}

.wp-theme-1 .timeline p {padding: 20px 10px;text-align: left}

.wp-theme-1 .timeline iframe {margin: 10px 0 0 0;width:100%;border:none;}