<!-- Timeline CSS v1.1 - July 19, 2022 -->
.cd-container {width: 90%; margin: 0 auto;}
.cd-container::after {content: '';display: table;clear: both;}
#cd-timeline {position: relative;padding: 2em 0; margin-top: 3em;margin-bottom: 5em;}
#cd-timeline::before {content: '';position: absolute;top: 0;left: 18px;height: 100%;width: 4px; background:#999; left: 50%;margin-left: -2px;}
.cd-timeline-block {position: relative;margin:3em 0;}
.cd-timeline-block:after {content: "";display: table;clear: both;}
.cd-timeline-block:first-child {margin-top: 0;}
.cd-timeline-block:last-child {margin-bottom: 0;}
.cd-timeline-block:first-child {margin-top: 0;}
.cd-timeline-block:last-child {margin-bottom: 0;}
.cd-timeline-img {position: absolute;top: 0;width: 50px;height: 50px;left: 50%;margin-left: -25px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;border-radius: 50%;box-shadow: 0 0 0 4px #999, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);}
.cd-timeline-img img {display: block;width: 24px;height: 24px;position: relative;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;}
.cd-timeline-img.Orange {background-color: #F96302 !important; }
.cd-timeline-img.Green {background-color: #5D9731 !important; }
.cd-timeline-img.Yellow {background-color: #FFEFAA !important; }
.cd-timeline-img.Red {background-color: #d9534f !important; }
.cd-timeline-img.Blue {background-color: #0079c1 !important; }
.cd-timeline-img.Teal {background-color: #5ec2a5 !important; }
.cd-timeline-img.Light-Blue {background-color: #208FC4 !important; }
.cd-timeline-img.Gray {background-color: #BCC1B2 !important; }
.cssanimations .cd-timeline-img.is-hidden {visibility: hidden;}
.cssanimations .cd-timeline-img.bounce-in {visibility: visible;-webkit-animation: cd-bounce-1 0.6s;-moz-animation: cd-bounce-1 0.6s;animation: cd-bounce-1 0.6s;}
@-webkit-keyframes cd-bounce-1 {
	0% {opacity: 0;-webkit-transform: scale(0.5);}
	60% {opacity: 1;-webkit-transform: scale(1.2);}
	100% {-webkit-transform: scale(1);}
}
@-moz-keyframes cd-bounce-1 {
	0% {opacity: 0;-moz-transform: scale(0.5);}
	60% {opacity: 1;-moz-transform: scale(1.2);}
	100% {-moz-transform: scale(1);}
}
@keyframes cd-bounce-1 {
	0% {opacity: 0;-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);}
	60% {opacity: 1;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
	100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
}
.cd-timeline-content {margin-left: 0;padding:0.2em 1em;width:45%; border:1px solid #999;position: relative;background: white;border-radius: 0.25em;box-shadow: 0 3px 0 #999;}
.cd-timeline-content:after {content: "";display: table;clear: both;}
.cd-timeline-content h2 {color: #303e49;}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {display: inline-block;}
.cd-timeline-content p {margin: 1em 0;line-height: 1.6;}
.cd-timeline-content .cd-read-more {float: right;padding: .8em 1em;background: #acb7c0;color: white;border-radius: 0.25em;}
.no-touch .cd-timeline-content .cd-read-more:hover {background-color: #bac4cb;}.cd-timeline-content .cd-date {float: left;padding: .8em 0;opacity: .7;}
.cd-timeline-content::before {content: '';position: absolute;top: 24px;right: 100%;height: 0;width: 0; border: 7px solid transparent;border-right: 7px solid #999;}
.cd-timeline-content::before {left: 100%; border-color: transparent; border-left-color:#999;}
.cd-timeline-content .cd-read-more {float: left;}
.cd-timeline-content .cd-date {position: absolute;width: 100%;left: 122%;top: 6px;}
.cd-timeline-block:nth-child(even) .cd-timeline-content {float: right;}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {top: 24px;left: auto;right: 100%;border-color: transparent;border-right-color:#999;}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {float: right;}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {left: auto;right: 122%;text-align: right;}
.cssanimations .cd-timeline-content.is-hidden {visibility: hidden;}
.cssanimations .cd-timeline-content.bounce-in {visibility: visible;-webkit-animation: cd-bounce-2 0.6s;-moz-animation: cd-bounce-2 0.6s;animation: cd-bounce-2 0.6s;}
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {-webkit-animation: cd-bounce-2-inverse 0.6s;-moz-animation: cd-bounce-2-inverse 0.6s;animation: cd-bounce-2-inverse 0.6s;}
@-webkit-keyframes cd-bounce-2 {
	0% {opacity: 0;-webkit-transform: translateX(-100px);}
	60% {opacity: 1;-webkit-transform: translateX(20px);}
	100% {-webkit-transform: translateX(0);}
}
@-moz-keyframes cd-bounce-2 {
	0% {opacity: 0;-moz-transform: translateX(-100px);}
	60% {opacity: 1;-moz-transform: translateX(20px);}
	100% {-moz-transform: translateX(0);}
}
@keyframes cd-bounce-2 {
	0% {opacity: 0;-webkit-transform: translateX(-100px);-moz-transform: translateX(-100px);-ms-transform: translateX(-100px);-o-transform: translateX(-100px);transform: translateX(-100px);}
	60% {opacity: 1;-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-ms-transform: translateX(20px);-o-transform: translateX(20px);transform: translateX(20px);}
	100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
}
@-webkit-keyframes cd-bounce-2-inverse {
	0% {opacity: 0;-webkit-transform: translateX(100px);}
	60% {opacity: 1;-webkit-transform: translateX(-20px);}
	100% {-webkit-transform: translateX(0);}
}
@-moz-keyframes cd-bounce-2-inverse {
	0% {opacity: 0;-moz-transform: translateX(100px);}
	60% {opacity: 1;-moz-transform: translateX(-20px);}
	100% {-moz-transform: translateX(0);}
}
@keyframes cd-bounce-2-inverse {
	0% {opacity: 0;-webkit-transform: translateX(100px);-moz-transform: translateX(100px);-ms-transform: translateX(100px);-o-transform: translateX(100px);transform: translateX(100px);}
	60% {opacity: 1;-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-o-transform: translateX(-20px);transform: translateX(-20px);}
	100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
}
@media only screen and (max-width: 768px) {
#cd-timeline::before {left: 0;margin-left: -2px;}
.cd-timeline-img {left:0;}
.cd-timeline-content, .cd-timeline-block:nth-child(even) .cd-timeline-content {float:left; width: 100%; margin-left: 35px;}
.cd-timeline-content::before, .cd-timeline-block:nth-child(even) .cd-timeline-content::before {left: auto; border-right-color: #999; border-left:0; }
.cd-timeline-content .cd-date, .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {left: auto; right: auto; position:relative;}
}