.i-timeline{margin:15px 0 0 0;padding:0;list-style:none;position:relative}.i-timeline:before{content:"";position:absolute;top:0;bottom:0;width:10px;background:#00bfff;left:20%;margin-left:-10px}.i-timeline>li{position:relative}.i-timeline>li .i-datetime{display:block;width:25%;padding-right:100px;position:absolute}.i-timeline>li .i-datetime span{display:block;text-align:right}.i-timeline>li .i-datetime span:first-child{font-size:.9em;color:#add8e6}.i-timeline>li .i-datetime span:last-child{font-size:2em;color:#3594cb}.i-timeline>li:nth-child(odd) .i-datetime span:last-child{color:#6cbfee}.i-timeline>li .i-time-container{margin:0 0 15px 25%;background:#3594cb;color:#fff;padding:1.8em;font-size:1.2em;font-weight:300;line-height:1.4;position:relative;border-radius:5px}.i-timeline>li:nth-child(odd) .i-time-container{background:#6cbfee}.i-timeline>li .i-time-container:after{right:100%;border:10px solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#3594cb;top:8px}.i-timeline>li:nth-child(odd) .i-time-container:after{border-right-color:#6cbfee}.i-timeline>li .i-time-icon{width:40px;height:40px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:40px;-webkit-font-smoothing:antialiased;position:absolute;color:#212529;background:#efefef;border-radius:50%;-webkit-box-shadow:0 0 0 8px #00bfff;box-shadow:0 0 0 8px #00bfff;text-align:center;left:20%;top:0;margin:0 0 0 -25px}@media (max-width:978px){.i-timeline>li .i-datetime span:last-child{font-size:1.5em}}@media (max-width:768px){.i-timeline:before{display:none}.i-timeline>li .i-datetime{width:100%;position:relative;padding:0 0 20px 0}.i-timeline>li .i-datetime span{text-align:left}.i-timeline>li .i-time-container{margin:0 0 30px 0;padding:1em;font-weight:400;font-size:95%}.i-timeline>li .i-time-container:after{right:auto;left:20px;border-right-color:transparent;border-bottom-color:#3594cb;top:-20px}.i-timeline>li:nth-child(odd) .i-time-container:after{border-right-color:transparent;border-bottom-color:#6cbfee}.i-timeline>li .i-time-icon{position:relative;float:right;left:auto;margin:-55px 5px 0 0}}