@font-face {
  font-family:"Octicons";
  src:url("../font/timelineicons/octicons.eot?5e5746b1afa34d378ebe1091967df505");
  src:url("../font/timelineicons/octicons.eot?#iefix") format("embedded-opentype"),
		url("../font/timelineicons/octicons.woff2?5e5746b1afa34d378ebe1091967df505") format("woff2"),
		url("../font/timelineicons/octicons.woff?5e5746b1afa34d378ebe1091967df505") format("woff"),
		url("../font/timelineicons/octicons.ttf?5e5746b1afa34d378ebe1091967df505") format("truetype"),
		url("../font/timelineicons/octicons.svg?5e5746b1afa34d378ebe1091967df505#octicons") format("svg");
  font-weight:normal;
  font-style:normal;
}
.main {
    margin: 0 auto;
    max-width: 69em;
    padding: 0 1.875em 3.125em;
    width: 90%;
}
.cbp_tmtimeline {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
.cbp_tmtimeline:before {
    background: none repeat scroll 0 0 #889C97;
    bottom: 0;
    content: "";
    left: 20%;
    margin-left: -10px;
    position: absolute;
    top: 0;
    width: 10px;
}
.cbp_tmtimeline > li .cbp_tmtime {
    display: block;
    padding-right: 100px;
    position: absolute;
    width: 25%;
}
.cbp_tmtimeline > li .cbp_tmtime span {
    display: block;
    text-align: left;
	    letter-spacing: -3px;

}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    color: #FFF;
    font-size: 2.4em;
}
.cbp_tmtimeline > li:nth-child(2n+1) .cbp_tmtime span:last-child {
    color: #FF9;
}
.cbp_tmtimeline > li .cbp_tmlabel {
    background: #C06 url('2017-paul-timeline-bg.png') repeat;
    margin: 0 0 15px 25%;
    padding: 2em;
    position: relative;
}
.cbp_tmlabel p {
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.6em;
}
.cbp_tmtimeline > li:nth-child(2n+1) .cbp_tmlabel {
    background: scroll 0 0 #6CC url('2017-paul-timeline-bg.png') repeat;
}
.cbp_tmtimeline > li .cbp_tmlabel h2 {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
    margin-top: 0;
    padding: 0 0 8px;
    color: #FFFFFF;
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 24px;
}
.cbp_tmtimeline > li .cbp_tmlabel h3 {
    margin-top: 0;
    padding: 0 0 8px;
	font-weight: 200;
    color: #FFFFFF;
	font-size: 18px;
}
.cbp_tmtimeline > li .cbp_tmlabel li {
    margin: 0 0 0 20px;
    padding: 0 0 10px;
    color: #111;
	font-size: 17px;
}
.cbp_tmtimeline > li .cbp_tmlabel:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #8B9F9B transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 35px;
    width: 0;
}
.cbp_tmtimeline > li:nth-child(2n+1) .cbp_tmlabel:after {
    border-right-color: #949494;
}
.cbp_tmtimeline > li .cbp_tmicon {
    background: #111111 ;
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0 0 0 0px #949494;
    color: #FFFFFF;
    font-family: 'octicons';
    font-size: 3.8em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 100px;
    line-height: 100px;
    margin-left: -55px;
    position: absolute;
    text-align: center;
    text-transform: none;
    width: 100px;
}
.cbp_tmicon-camera:before {
    content: "\f056";
}
.cbp_tmicon-keyboard:before {
    content: "\f00d";
}
.cbp_tmicon-desktop:before {
    content: "\f27c";
}
.cbp_tmicon-earth:before {
    content: "\f0b6";
}
.cbp_tmicon-briefcase:before {
    content: "\f0d3";
}
.cbp_tmicon-media:before {
    content: "\f012";
}
.cbp_tmicon-bulb:before {
    content: "\f000";
}
.cbp_tmicon-organization:before {
    content: "\f037";
}
.icon-info:before{
    font-family: 'octicons';
    content: "\f059";
	font-size: 72px;
    position: absolute;
	top:-60px;
	text-align: center;
	
}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 2.8em;
	line-height: 1.0em;
	font-weight: 400;
}
.cbp_tmtimeline > li .cbp_tmlabel {
    font-size: 90%;
    margin-left: 40%;
}
.cbp_tmtimeline:before, .cbp_tmtimeline > li .cbp_tmicon {
    left: 27%;
}
.cbp_tmtimeline > li .cbp_tmlabel {
    /*margin-left: 45%;*/
}

.col-white > p{
    font-size: 14px;
    line-height: 21px;
    color: #ccc !important;
}

@media (min-width: 640px) and (max-width: 960px){
.cbp_tmtimeline:before {
	display: none;
}
.cbp_tmtimeline > li .cbp_tmlabel {
	margin-left: 35%;
}
}@media (max-width: 767px){
.cbp_tmtimeline:before {
	display: none;
}
.cbp_tmtimeline > li .cbp_tmlabel {
	margin-left: 35%;
}
}
@media (max-width: 640px){
.cbp_tmtimeline:before {
	display: none;
}
.cbp_tmtimeline > li .cbp_tmlabel {
	margin-left: 35%;
}
}
@media (max-width: 480px){
.cbp_tmtimeline:before {
	display: none;
}
.cbp_tmtimeline > li .cbp_tmlabel {
	margin-left: 35%;
}
}
@media (max-width: 360px){
.cbp_tmtimeline:before {
	display: none;
}
.cbp_tmtimeline > li .cbp_tmlabel {
	margin-left: 35%;
}
}