.cd-container{
  
  width:90%; max-width:1170px; margin:0 auto;
}
.cd-container::after{
  
  content:''; display:table; clear:both;
}



#cd-timeline{ position:relative; padding:2em 0; margin-top:2em; padding-bottom:2em;}
#cd-timeline::before{
  
  content:'';
  position:absolute;
  top:0;
  left:18px;
  height:calc(100% - 2em);
  width:3px;
  background:#8c8c8c;}
  
@media only screen and (min-width: 1170px){
  #cd-timeline{ margin-top:3em; padding-bottom:3em;}
  #cd-timeline::before{ left:50%; margin-left:-1px;}
}

.cd-timeline-block{ position:relative; margin:2em 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:nth-child(odd) .cd-timeline-img{ background-color:#009944;}
.cd-timeline-block:nth-child(even) .cd-timeline-img{ background-color:#8c8c8c;}
.cd-timeline-block:nth-child(odd) .cd-timeline-content .cd-date{ color:#002555;}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{ color:#666;}

@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.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);}
.cd-timeline-img img{ display:block; width:36px; height:auto; position:relative; left:50%; top:50%; margin-left:-18px; margin-top:-15px;}
.cd-timeline-img.cd-picture{ background:#75ce66;}
.cd-timeline-img.cd-movie{ background:#c03b44;}
.cd-timeline-img.cd-location{ background:#f0ca45;}
@media only screen and (min-width: 1170px){
  .cd-timeline-img{ width:50px; height:50px; left:50%;
    margin-left:-25px;
    
    -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;}

  .cssanimations .offset.is-hidden{ visibility:hidden;}
  .home-page:nth-child(odd) .cssanimations .offset.bounce-in{ visibility:visible;
    -webkit-animation:cd-bounce-2 0.6s;
    -moz-animation:cd-bounce-2 0.6s;
    animation:cd-bounce-2 0.6s;}
  .home-page:nth-child(even) .cssanimations .offset.bounce-in{ visibility:visible;
    -webkit-animation:cd-bounce-2-inverse 0.6s;
    -moz-animation:cd-bounce-2-inverse 0.6s;
    animation:cd-bounce-2-inverse 0.6s;}

  .cssanimations .movein.is-hidden{ visibility:hidden;}
  .cssanimations .movein.bounce-in{ visibility:visible;
    -webkit-animation:cd-bounce-3 0.6s;
    -moz-animation:cd-bounce-3 0.6s;
    animation:cd-bounce-3 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{ position:relative; margin-left:60px; background:white; border-radius:0.25em; padding:1em; box-shadow:0 3px 0 #8c8c8c;}
.cd-timeline-content:after{ content:""; display:table; clear:both;}
.cd-timeline-content h2{ color:#303e49;}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date{ font-size:13px; font-size:0.8125rem;}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date{ display:inline-block;}
.cd-timeline-content p{ margin:1em 0; line-height:1.25;}
.cd-timeline-content .cd-read-more{ float:right; padding:.5em 1em; background:#8c8c8c; 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:16px; right:100%; height:0; width:0; border:7px solid transparent; border-right:7px solid white;}

@media only screen and (min-width: 768px){
  .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:0.875rem;}
}
@media only screen and (min-width: 1170px){
  .cd-timeline-content{ margin-left:0; padding:1.6em; width:42%;}
  .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:-20px; font-size:16px; font-size:2rem;}
  .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;}
  .cssanimations .offset.is-hidden{ visibility:hidden;}
  
  .cssanimations .movein.is-hidden{ visibility:hidden;}
  .cssanimations .movein.bounce-in{ visibility:visible; -webkit-animation:cd-bounce-3 0.6s; -moz-animation:cd-bounce-3 0.6s; animation:cd-bounce-3 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);}
}
@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);}
}
@-webkit-keyframes cd-bounce-3{
  0%{ opacity:0; -webkit-transform:translateY(-100px);}
  60%{ opacity:1; -webkit-transform:translateY(20px);}
  100%{ -webkit-transform:translateY(0);}
}
@-moz-keyframes cd-bounce-3{
  0%{ opacity:0; -moz-transform:translateY(-100px);}
  60%{ opacity:1; -moz-transform: translateY(20px);}
  100%{ -moz-transform: translateY(0);}
}
@keyframes cd-bounce-3{
  0%{ opacity 0; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); transform: translateY(100px);}
  60%{ opacity:1; -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); transform:translateY(-20px);}
  100%{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}