.timeline {

        list-style: none;

        padding: 20px 0 0px;

        position: relative;

        font-family: 'Gill Sans MT light';

    }

    .timeline:before {

        top: 0;

        bottom: 0;

        position: absolute;

        content: " ";

        width: 3px;

        background-color: #1894d2;

        margin-left: 9px;

        margin-top: 20px;

    }

    .timeline > li {

        margin-bottom: 20px;

        position: relative;

    }

    .timeline > li:before,

    .timeline > li:after {

        content: " ";

        display: table;

    }

    .timeline > li:after {

        clear: both;

    }

    .timeline > li:before,

    .timeline > li:after {

        content: " ";

        display: table;

    }

    .timeline > li:after {

        clear: both;

    }

    .timeline > li > .timeline-panel {

      width: 95%;

    }

    .timeline > li > .timeline-badge {

        color: #fff;

        width: 20px;

        height: 20px;

        line-height: 50px;

        font-size: 1.4em;

        text-align: center;

        position: absolute;

        top: 0px;

        margin-left: 0px;

        background-color: #1894d2;

        z-index: 100;

        border-top-right-radius: 50%;

        border-top-left-radius: 50%;

        border-bottom-right-radius: 50%;

        border-bottom-left-radius: 50%;

    }

    .timeline > li.timeline-inverted > .timeline-panel {

        float: right;

        padding-left: 16px;

    }

    .timeline-title {

        margin-top: 0;

        font-size: larger;

        color: #1894d2;

    }

    .timeline-body{

        font-size: 15px;

    }

    .timeline-body > p {

        margin-bottom: 0;

    }

    .timeline-body > ul {

        margin-bottom: 0;

        margin-left: -20px;

    }

    .timeline-body > p + p {

        margin-top: 5px;

    }