/* CSS Document */

.rex-timeline {

    width: 929px;

    margin: 40px auto;

    padding-top: 40px;

    padding-bottom: 50px;

}

.rex-timeline .item {

    float: left;

    width: 402px;

    margin: 20px 30px 10px 30px;

    padding: 10px;

    background: #3b3b3b;

    color: #bfc3c5;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.rex-timeline .item.last-item {

    margin-bottom: 30px;

}

.rex-timeline .item h3 {

    margin: 1em 0;

    color: #fff;

    font-family: "Montserrat-Regular", Arial, Verdana, sans-serif;

    font-size: 19px;

    font-weight: 400;

}

.rex-timeline .container {

    position: relative;

    display: block;

    width: 16px;

    height: 100%;

    margin: 0 auto;

    text-align: center;

    cursor:pointer;

}

.rex-timeline .timeline {

    position: absolute;

    left: 4px;

    display: block;

    float: left;

    width: 4px;

    height: 100%;

    margin: 0 auto;

    background-color: #909090;

}

.rex-timeline .timeline .start,

.rex-timeline .timeline .end {

    position: absolute;

    top: -30px;

    left: -42px;

    width: 80px;

    background-color: #fff;

    border: 4px solid #909090;

    color: #65707b;

    font-size: 20px;

	font-weight:500;

}

.rex-timeline .timeline .end {

    top: auto;

    bottom: -38px;

}

.rex-timeline .right-arrow {

    display: block;

    position: absolute;

    top: 20px;

    right: -16px;

    border-color: transparent transparent transparent #3b3b3b;

    border-style: solid;

    border-width: 8px;

    width: 0px;

    height: 0px;

    z-index: 1000;

}

.rex-timeline .left-arrow {

    display: block;

    position: absolute;

    top: 20px;

    left: -16px;

    border-color: transparent #3b3b3b transparent transparent;

    border-style: solid;

    border-width: 8px;

    width: 0px;

    height: 0px;

    z-index: 1000;

}

.rex-timeline .left-arrow.second {

    top: 80px;

}

.rex-timeline .right-arrow:after,

.rex-timeline .left-arrow:before {

    content: '';

    display: block;

    width: 18px;

    height: 18px;

    margin: -8px 0 0 13px;

    background: url(dot.png);

}

.rex-timeline .left-arrow:before {

    margin-left: -31px;

}