.timeline{position:relative;width:660px;margin:0 auto;margin-top:20px;padding:1em 0;list-style-type:none}.timeline:before{position:absolute;left:50%;top:0;content:' ';display:block;width:6px;height:100%;margin-left:-3px;background:#009ddd;background:-moz-linear-gradient(top,#009ddd00 0%,#009ddd 8%,#009ddd 92%,#009ddd00 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,87,153,1)),color-stop(100%,rgba(125,185,232,1)));background:-webkit-linear-gradient(top,#009ddd00 0%,#009ddd 8%,#009ddd 92%,#009ddd00 100%);background:-o-linear-gradient(top,#009ddd00 0%,#009ddd 8%,#009ddd 92%,#009ddd00 100%);background:-ms-linear-gradient(top,#009ddd00 0%,#009ddd 8%,#009ddd 92%,#009ddd00 100%);background:linear-gradient(to bottom,#009ddd00 0%,#009ddd 8%,#009ddd 92%,#009ddd00 100%);z-index:5}.timeline li{padding:1em 0}.timeline li:after{content:"";display:block;height:0;clear:both;visibility:hidden}.direction-l{position:relative;width:300px;float:left;text-align:right}.direction-r{position:relative;width:300px;float:right}.flag-wrapper{position:relative;display:inline-block;text-align:center}.flag{position:relative;display:inline;background:#fff;padding:6px 10px;border-radius:5px;font-size:24px;font-weight:700;text-align:left}.direction-l .flag{-webkit-box-shadow:-1px 2px 3px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);-moz-box-shadow:-1px 2px 3px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);box-shadow:-1px 2px 3px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15)}.direction-r .flag{-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 2px 3px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);box-shadow:1px 2px 3px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15)}.direction-l .flag:before,.direction-r .flag:before{position:absolute;top:50%;right:-40px;content:' ';display:block;width:12px;height:12px;margin-top:-10px;background:#f4f5f5;border-radius:10px;border:4px solid #009ddd;z-index:10;box-sizing:content-box}.direction-l .flag.xl:before{position:absolute;top:50%;right:-47.5px;content:' ';display:block;width:25px;height:25px;margin-top:-15px;background:#f4f5f5;border-radius:20px;border:5px solid #009ddd;z-index:10}.direction-r .flag:before{left:-40px}.direction-l .flag:after{content:"";position:absolute;left:100%;top:50%;height:0;width:0;margin-top:-8px;border:solid transparent;border-left-color:#f8f8f8;border-width:8px;pointer-events:none}.direction-r .flag:after{content:"";position:absolute;right:100%;top:50%;height:0;width:0;margin-top:-8px;border:solid transparent;border-right-color:#f8f8f8;border-width:8px;pointer-events:none}.flag.wbg{background:transparent;border:0;box-shadow:none}.time-wrapper{display:inline;line-height:1em;font-size:.66666em;color:#fa5050;vertical-align:middle}.direction-l .time-wrapper{float:left}.direction-r .time-wrapper{float:right}.time{display:inline-block;padding:4px 6px;background:#f8f8f8}.desc{margin:1em .75em 0 0;font-size:16px;line-height:1.5em}.direction-r .desc{margin:1em 0 0 .75em}@media screen and (max-width:660px){.timeline{width:100%;padding:4em 0 1em 0}.timeline li{padding:2em 0}.direction-l,.direction-r{float:none;width:100%;text-align:center}.flag-wrapper{text-align:center}.flag{background:#fff;z-index:15}.direction-l .flag:before,.direction-r .flag:before{position:absolute;top:-30px;left:50%;content:' ';display:block;width:12px;height:12px;margin-left:-9px;background:#fff;border-radius:10px;border:4px solid #009ddd;z-index:10}.direction-l .flag.xl:before{left:calc(50% - 7.5px);top:-35px}.direction-l .flag:after,.direction-r .flag:after{content:"";position:absolute;left:50%;top:-8px;height:0;width:0;margin-left:-8px;border:solid transparent;border-bottom-color:#fff;border-width:8px;pointer-events:none}.time-wrapper{display:block;position:relative;margin:4px 0 0 0;z-index:14}.direction-l .time-wrapper{float:none}.direction-r .time-wrapper{float:none}.flag.wbg{background:#fff;-webkit-box-shadow:-1px 2px 3px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);-moz-box-shadow:-1px 2px 3px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);box-shadow:-1px 2px 3px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15)}.desc{position:relative;margin:1em 0 0 0;padding:1em;background:#f5f5f5;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.20);-moz-box-shadow:0 0 1px rgba(0,0,0,0.20);box-shadow:0 0 1px rgba(0,0,0,0.20);z-index:15}.direction-l .desc,.direction-r .desc{position:relative;margin:1em 1em 0 1em;padding:1em;z-index:15}}.hide{display:none !important}@media screen and (min-width:400px ?? max-width:660px){.direction-l .desc,.direction-r .desc{margin:1em 4em 0 4em}}