*{ padding: 0; margin: 0; list-style: none;}
.main{position: relative;
    overflow: hidden;
    height: 100px;
    background:url(assets/images/sample.jpg) no-repeat center;}

.main h1{position:relative;
    font-size: 30px;
    color:white;
    padding: 30px 10px;}

.container{ padding: 40px 20px;}

.history {border: 1px solid #5AAEFF;
    border-radius: 4px;}

.history h2{position: relative;
    font-size: 20px;
    color: #000;
    line-height: 1;}

.history h2:before { content:"";
    position: absolute;
    left: -30px;
    top:50%;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #fff;
    border:5px solid #5AAEFF;
    transform: translateY(-50%);
    box-sizing: border-box;}

.history div{position:relative;
    padding: 0 0 0 48px;}

.history div:before{content:"";
    position: absolute;
    left:25px;
    top:0;
    width: 3px;
    height: 100%;
    background: #dddddd;}

.history ol{ padding: 15px 0 50px;}

.history li{font-size: 15px;
    color:#000;
    line-height: 25px;
    padding-left: 25px;}