.spectrum_milestones_page{background:#faf2e8;font-family: 'Roboto', sans-serif;  }
.spectrum_milestones_page *{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

.cd-container{width:100%;max-width:1170px;margin:0 auto}
.cd-container::after{content:'';display:table;clear:both}
#cd-timeline{position:relative;}
#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:1px;background:#000}

.cd-timeline-block{position:relative; margin:-50px 0 0;}
.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}

.cd-timeline-img{position:absolute;top:46px;left:50%;width:17px;height:17px;border-radius:50%; z-index:1;margin-left:-10px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.cd-timeline-img img{display:block;width:100%;height:100%;position:relative;}

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


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


.cssanimations .cd-timeline-img.is-hidden{visibility:hidden}
.cssanimations .cd-timeline-img.bounce-in{visibility:visible;}

.cd-timeline-content{margin-left:0;width:50%}
.cd-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:#fff}
.cd-timeline-content .cd-read-more{float:left}
.cd-timeline-content .cd-date{position:absolute;width:100%;left:122%;top:6px;font-size:16px;font-size:1rem}
.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right}
.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 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}

.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}
}



.cd-timeline-content{position:relative;background:transparent; overflow:hidden;}
.cd-timeline-content::after{clear:both;content:"";display:table}

/*.cd-timeline-block:nth-of-type(2) .cd-timeline-content{margin-top:0px;}*/

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

.cd-timeline-content .cd-read-more{float:right;padding:.8em 1em;background:#acb7c0;color:#fff;border-radius:.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}




@-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)}
}

/**Custom**/
.animated{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;} 

@-webkit-keyframes fadeInDownShort {
0%{opacity:0;-webkit-transform:translateY(120px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@keyframes fadeInDownShort {
0%{opacity:0;transform:translateY(-120px)}
100%{opacity:1;transform:translateY(0)}
}
.fadeInDownShort{opacity:0;-webkit-transform:translateY(-120px);transform:translateY(-120px)}
.fadeInDownShort.go{-webkit-animation-name:fadeInDownShort;animation-name:fadeInDownShort}

@-webkit-keyframes fadeInRightShort {
0%{opacity:0;-webkit-transform:translateX(120px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes fadeInRightShort {
0%{opacity:0;transform:translateX(120px)}
100%{opacity:1;transform:translateX(0)}
}
.fadeInRightShort{opacity:0;-webkit-transform:translateX(120px);transform:translateX(120px)}
.fadeInRightShort.go{-webkit-animation-name:fadeInRightShort;animation-name:fadeInRightShort}


@-webkit-keyframes fadeInLeftShort {
0%{opacity:0;-webkit-transform:translateX(-120px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes fadeInLeftShort {
0%{opacity:0;transform:translateX(-120px)}
100%{opacity:1;transform:translateX(0)}
}
.fadeInLeftShort{opacity:0;-webkit-transform:translateX(-120px);transform:translateX(-120px)}
.fadeInLeftShort.go{-webkit-animation-name:fadeInLeftShort;animation-name:fadeInLeftShort}

@-webkit-keyframes growIn {
0%{-webkit-transform:scale(0.2);opacity:0}
50%{-webkit-transform:scale(1.2)}
100%{-webkit-transform:scale(1);opacity:1}
}
@keyframes growIn {
0%{transform:scale(0.2);opacity:0}
50%{transform:scale(1.2)}
100%{transform:scale(1);opacity:1}
}
.growIn{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:0}
.growIn.go{-webkit-animation-name:growIn;animation-name:growIn}


.timeline-outer .timeline-img{ max-width:168px; height:238px; float:left; margin:0 30px 0 0; width:30%;}
.timeline-outer .timeline-img.right{ float:right;  margin:0 0 0 30px;}
.timeline-content{float:right; width:65%; max-width:370px;  }
.timeline-content p{padding:0 75px 0 0;font-size:16px; line-height:22px;color:#000000;}
.timeline-content.right p{ padding:0 0 0 80px;}

.timeline-content h2{font-size:40px; line-height:40px; color:#8d1821; padding:0 0 15px; margin:0 0 15px; font-weight:900; border-bottom:1px solid #000; }
.timeline-content.right h2{ text-align:right;}


.reveal-top:before,.reveal-top div[class^='label']:before{ background:#faf2e8;}

.timline-inner{ position:relative;}
.timline-inner:before,
.timline-inner:after{content:''; position:absolute; left:50%; width:12px; height:1px; border-top:1px solid #000; margin-left:-8px}
.timline-inner:before{ top:0;}
.timline-inner:after{ bottom:0;}



@media all and (max-width:1200px){
	#cd-timeline::before{ left:0;}
	.cd-timeline-img{ left:0;}
	.timeline-outer{ display:inline-block; width:100%;}
	.cd-timeline-block{ margin:50px 0;}
	
	.timeline-outer .timeline-img{ width:25%; margin:0 0px; max-width:inherit; padding:0 20px;}
	.timeline-content{ max-width:660px; width:75%; float:left;}
	
	.timeline-outer .timeline-img.right{ margin:0;}
}


@media all and (max-width:767px){
	.timeline-outer .timeline-img.right,
	.timeline-outer .timeline-img{ float:none;}
	.timeline-content.right h2{ text-align:left;}
	.timeline-content.right p,
	.timeline-content p{ padding:0;}
	
	.timeline-outer .timeline-img{ width:auto;}
	.timeline-content{ float:none; width:100%; padding:20px;}
	
	
}