*,
*:after,
*:before{
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}




.cd-container{
 
 width:98%;
 max-width:1170px;
 margin:0 auto;
}

.cd-container::after{
 
 content:'';
 display:table;
 clear:both;
}




@media only screen and (min-width:1170px){


}

#cd-timeline{
 position:relative;
 padding:2em 0;
 margin-top:2em;
 margin-bottom:2em;
}

#cd-timeline::before{
 
 content:'';
 position:absolute;
 top:0;
 left:18px;
 height:100%;
 width:4px;
 background:#fff;
}
@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{
 position:relative;
 margin:2em 0;
 *zoom:1;
}

.cd-timeline-block:before,
.cd-timeline-block:after{
 content:" ";
 display:table;
}

.cd-timeline-block:after{clear:both}

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

.cd-timeline-block:last-child{margin-bottom:0}
@media only screen and (min-width:1170px){

.cd-timeline-block{margin:4em 0}

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

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

.cd-timeline-img{
 position:absolute;
 top:0;
 left:0;
 width:40px;
 height:40px;
 border-radius:50%;
 box-shadow:0 0 0 4px white,inset 0 2px 0 rgba(0,0,0,0.05),0 3px 0 4px rgba(0,0,0,0.05);
}

.cd-timeline-img img{
 display:block;
 width:60px;
 height:60px;
 position:relative;
 border-radius:100%;
}

.cd-timeline-img.cd-picture{background:#e3e3e3}

.cd-timeline-img.cd-movie{background:#e3e3e3}

.cd-timeline-img.cd-location{background:#e3e3e3}
@media only screen and (min-width:1170px){

.cd-timeline-img{
 width:60px;
 height:60px;
 left:50%;
 margin-left:-30px;
 
 -webkit-transform:translateZ(0);
 -webkit-backface-visibility:hidden;
}

.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);
}
}
@-o-keyframes 
cd-bounce-1{0%{
 opacity:0;
 -o-transform:scale(0.5);
}
 60%{
 opacity:1;
 -o-transform:scale(1.2);
}
 100%{
 -o-transform:scale(1);
}
}
@keyframes 
cd-bounce-1{0%{
 opacity:0;
 transform:scale(0.5);
}
 60%{
 opacity:1;
 transform:scale(1.2);
}
 100%{
 transform:scale(1);
}
}

.cd-timeline-content{
 position:relative;
 margin-left:60px;
 background:white;
 border-radius:.25em;
 padding:1em;
 box-shadow:0 3px 0 #e3e3e3;
 *zoom:1;
}

.cd-timeline-content:before,
.cd-timeline-content:after{
 content:" ";
 display:table;
}

.cd-timeline-content:after{clear:both}

.cd-timeline-content h2{color:#e54c4c;font-weight:400;margin-bottom:0px}

.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date{
 font-size:13px;
 font-size:.8125rem;
}

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

.cd-timeline-content p.text{
 margin:5px 0;
 line-height:23px;
 font-size:14px;
}

.cd-timeline-content .cd-read-more{
 float:right;
 padding:.58em 1em;
 background:#999;
 color:white;
 border-radius:.25em;
 transition:all 0.3s ease;
}

.no-touch .cd-timeline-content .cd-read-more:hover{background-color:#e54c4c}

.cd-timeline-content .cd-date{
 float:left;
 padding:.8em 0;
}

.cd-timeline-content .cd-date strong{
background-color:#e54c4c;
color:#fff;
padding:5px 12px;
}

.cd-timeline-content .cd-date strong{
position:relative;
background:#e54c4c;
}
.cd-timeline-content .cd-date strong:after{
right:100%;
top:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-color:rgba(47,146,238,0);
border-right-color:#e54c4c;
border-width:8px;
margin-top:-8px;
}

.cd-timeline-content .cd-date b{
background-color:#e54c4c;
color:#fff;
padding:5px 12px;
}

.cd-timeline-content .cd-date b{
position:relative;
background:#e54c4c;
}
.cd-timeline-content .cd-date b:after{
left:100%;
top:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-color:rgba(47,146,238,0);
border-left-color:#e54c4c;
border-width:8px;
margin-top:-8px;
}

.cd-timeline-content::before{
 content:'';
 position:absolute;
 top:16px;
 right:100%;
 height:0;
 width:0;
 border:7px solid transparent;
 border-right:7px solid white;
}
@media only screen and (min-width:320px){

.cd-timeline-content h2{
 font-size:20px;
 font-size:1.25rem;
}

.cd-timeline-content p{
 font-size:16px;
 font-size:1rem;
}

.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date{
 font-size:14px;
 font-size:.875rem;
}
}
@media only screen and (min-width:1170px){

.cd-timeline-content{
 margin-left:0;
 padding:1.6em;
 width:45%;
}

.cd-timeline-content::before{
 top:24px;
 left:100%;
 border-color:transparent;
 border-left-color:white;
}

.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::before{
 top:24px;
 left:auto;
 right:100%;
 border-color:transparent;
 border-right-color:white;
}

.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;
}
}
 @media only screen and (min-width:1170px){



.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);
}
}
@-o-keyframes 
cd-bounce-2{0%{
 opacity:0;
 -o-transform:translateX(-100px);
}
 60%{
 opacity:1;
 -o-transform:translateX(20px);
}
 100%{
 -o-transform:translateX(0);
}
}
@keyframes 
cd-bounce-2{0%{
 opacity:0;
 transform:translateX(-100px);
}
 60%{
 opacity:1;
 transform:translateX(20px);
}
 100%{
 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);
}
}
@-o-keyframes 
cd-bounce-2-inverse{0%{
 opacity:0;
 -o-transform:translateX(100px);
}
 60%{
 opacity:1;
 -o-transform:translateX(-20px);
}
 100%{
 -o-transform:translateX(0);
}
}
@keyframes 
cd-bounce-2-inverse{0%{
 opacity:0;
 transform:translateX(100px);
}
 60%{
 opacity:1;
 transform:translateX(-20px);
}
 100%{
 transform:translateX(0);
}
}