#cd-timeline {
    position:relative;
    padding:0px;
    margin-top:2em;
    margin-bottom:2em
}
#cd-timeline:before {
    content:'';
    position:absolute;
    top:0;
    left:18px;
    height:100%;
    width:5px;
    background:#3d3d3d;
}
.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-img {
    position:absolute;
    top:0;
    left:-30px;
    width:80px;
    height:90px;
    border-radius:50%;
}
.cd-timeline-block.left .cd-timeline-img:before {
    content:'';
    background: url(../images/timelineleft.png) no-repeat;
    width: 100px;
    height: 26px;
    position: relative;
    display: block;
    top: 50px;
    left: -78px;
}

.cd-timeline-block.right .cd-timeline-img:before {
    content:'';
    background: url(../images/timelineright.png) no-repeat;
    width: 100px;
    height: 26px;
    position: relative;
    display: block;
    top: 50px;
    right: -76px;
}
.cd-timeline-block.left h4{ position: relative; top:-2px; font-size: 20px; color: #333; font-weight: 600; text-align: right; }
.cd-timeline-block.right h4{ position: relative; top:-2px; font-size: 20px; color: #333; font-weight: 600; text-align: left; }
.cd-timeline-block.left p{ color: #333; text-align: left; }
.cd-timeline-block.right p{ color: #333; text-align: left; }
.cd-timeline-img img {
    display: block;
    position: relative;
    border: 4px solid #3d3d3d;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0%;
    background: #fff;
    margin-left: -28px;
}
.cd-timeline-img.cd-picture {
    background: transparent;
    padding: 5px 0px;
}
.cd-timeline-img.cd-movie {
    background:#c03b44
}
.cd-timeline-img.cd-location {
    background:#f0ca45
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(.5)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1.2)
}
100% {
-webkit-transform:scale(1)
}
}
@keyframes cd-bounce-1 {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(.5);
-ms-transform:scale(.5);
transform:scale(.5)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.cd-timeline-content {
    position:relative;
    margin-left:60px;
    border-radius:.25em;
    padding:3.6em 1em 1em 1em;
}
.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:.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.6
}
.cd-timeline-content .cd-read-more {
    float:right;
    padding:.8em 1em;
    background:#acb7c0;
    color:white;
    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;
    filter:alpha(opacity=70)
}
.cd-timeline-content:before {
    content:'';
    position:absolute;
    top:16px;
    right:100%;
    height:0;
    width:0;
    border:7px solid transparent;
    border-right:7px solid white
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateX(-100px)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(20px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes cd-bounce-2 {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateX(-100px);
-ms-transform:translateX(-100px);
transform:translateX(-100px)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateX(100px)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(-20px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateX(100px);
-ms-transform:translateX(100px);
transform:translateX(100px)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}

@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 {
margin:4em 0
}
.cd-timeline-block:first-child {
margin-top:0
}
.cd-timeline-block:last-child {
margin-bottom:0
}
.cd-timeline-img {
width:80px;
height:90px;
left:50%;
margin-left:-50px;
-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 .6s;
animation:cd-bounce-1 .6s
}
.cd-timeline-content {
margin-left:0;
padding:3.6em 1.6em 1.6em 1.6em;
width: 40%;
}
.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 .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;
animation:cd-bounce-2-inverse .6s
}
}
@media only screen and (min-width:768px) {
.cd-timeline-content h2 {
font-size:20px;
font-size:21px
}
.cd-timeline-content p {
font-size:14px
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
font-size:13px
}
}

@media screen and (max-width: 1199px) {
    .cd-timeline-content { width: 38%; }
}

@media screen and (max-width: 1169px) {
    .cd-timeline-block.left .cd-timeline-img:before { transform: rotate(180deg); left: 78px; }
    .cd-timeline-content { margin-left: 140px; }
    .cd-timeline-block.left h4 { text-align: left; }
    .cd-timeline-block.left p { text-align: left; }
}

/*#cd-timeline {
    position:relative;
    padding:0px;
    margin-top:2em;
    margin-bottom:2em
}
#cd-timeline:before {
    content:'';
    position:absolute;
    top:0;
    left:18px;
    height:100%;
    width:5px;
    background:#3d3d3d;
}
.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-img {
    position:absolute;
    top:50%;
    left:0;
    width:40px;
    height:40px;
    border-radius:50%;
}
.cd-timeline-block.left .cd-timeline-img:before {
    content:'';
    background: url(../images/timelineleft.png) no-repeat;
    width: 100px;
    height: 26px;
    position: relative;
    display: block;
    top: 0px;
    left: -68px;
}

.cd-timeline-block.right .cd-timeline-img:before {
    content:'';
    background: url(../images/timelineright.png) no-repeat;
    width: 100px;
    height: 26px;
    position: relative;
    display: block;
    top: 0px;
    right: -32px;
}
.cd-timeline-block.left h4{ position: relative; top:-2px; font-size: 20px; color: #333; font-weight: 600; text-align: right; }
.cd-timeline-block.right h4{ position: relative; top:-2px; font-size: 20px; color: #333; font-weight: 600; text-align: left; }
.cd-timeline-block.left p{ color: #333; text-align: left; }
.cd-timeline-block.right p{ color: #333; text-align: left; }
.cd-timeline-img img {
    display: block;
    position: relative;
    left: 50%;
    top: 0%;
    background: #fff;
    margin-left: -28px;
}
.cd-timeline-img.cd-picture {
    background: #fff;
    padding: 5px 0px;
}
.cd-timeline-img.cd-movie {
    background:#c03b44
}
.cd-timeline-img.cd-location {
    background:#f0ca45
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(.5)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1.2)
}
100% {
-webkit-transform:scale(1)
}
}
@keyframes cd-bounce-1 {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(.5);
-ms-transform:scale(.5);
transform:scale(.5)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.cd-timeline-content {
    position:relative;
    margin-left:60px;
    border-radius:.25em;
    padding:1em;
}
.cd-timeline-content img {
    border: 6px solid #3d3d3d;
    border-radius: 50%;
    width: 178px;
    height: 178px;
    margin-top: 20px;
}
.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:.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.6
}
.cd-timeline-content .cd-read-more {
    float:right;
    padding:.8em 1em;
    background:#acb7c0;
    color:white;
    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;
    filter:alpha(opacity=70)
}
.cd-timeline-content:before {
    content:'';
    position:absolute;
    top:16px;
    right:100%;
    height:0;
    width:0;
    border:7px solid transparent;
    border-right:7px solid white
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateX(-100px)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(20px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes cd-bounce-2 {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateX(-100px);
-ms-transform:translateX(-100px);
transform:translateX(-100px)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateX(100px)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(-20px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateX(100px);
-ms-transform:translateX(100px);
transform:translateX(100px)
}
60% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}

@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 {
margin:4em 0
}
.cd-timeline-block:first-child {
margin-top:0
}
.cd-timeline-block:last-child {
margin-bottom:0
}
.cd-timeline-img {
width:60px;
height:70px;
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 .6s;
animation:cd-bounce-1 .6s
}
.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: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 .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;
animation:cd-bounce-2-inverse .6s
}
}
@media only screen and (min-width:768px) {
.cd-timeline-content h2 {
font-size:20px;
font-size:21px
}
.cd-timeline-content p {
font-size:14px
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
font-size:13px
}
}*/