@import url(https://fonts.googleapis.com/css?family=Raleway:400,900);header h1{font-weight:700;margin-top:0;text-align:center}header p{margin-bottom:0}.hexa,header p{text-align:center}.hexa{background:#f0f0f0;border:0;color:#3c3c3c;float:left;font-size:22px;height:35px;margin-top:15px;position:relative;width:60px}.hexa:before{border-bottom:15px solid #f0f0f0;top:-15px}.hexa:after,.hexa:before{border-left:30px solid transparent;border-right:30px solid transparent;content:"";height:0;left:0;position:absolute;width:0}.hexa:after{border-top:15px solid #f0f0f0;bottom:-15px}.timeline{list-style-type:none;margin-top:20px;padding:0;position:relative;width:100%}.timeline:before{background:#d5d5d5;background:-moz-linear-gradient(top,hsla(0,0%,84%,0) 0,#d5d5d5 8%,#d5d5d5 92%,hsla(0,0%,84%,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#1e5799),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,hsla(0,0%,84%,0),#d5d5d5 8%,#d5d5d5 92%,hsla(0,0%,84%,0));background:-o-linear-gradient(top,hsla(0,0%,84%,0) 0,#d5d5d5 8%,#d5d5d5 92%,hsla(0,0%,84%,0) 100%);background:-ms-linear-gradient(top,hsla(0,0%,84%,0) 0,#d5d5d5 8%,#d5d5d5 92%,hsla(0,0%,84%,0) 100%);background:linear-gradient(180deg,hsla(0,0%,84%,0) 0,#d5d5d5 8%,#d5d5d5 92%,hsla(0,0%,84%,0));content:" ";display:block;height:100%;left:50%;margin-left:-1px;position:absolute;top:0;width:2px;z-index:5}.timeline li{padding:2em 0}.timeline .hexa{background:#3a97d3;height:10px;left:0;margin-left:auto;margin-right:auto;margin-top:0;position:absolute;right:0;top:-30px;width:16px;z-index:5}.timeline .hexa:before{border-bottom:4px solid #3a97d3;border-left-width:8px;border-right-width:8px;top:-4px}.timeline .hexa:after{border-left-width:8px;border-right-width:8px;border-top:4px solid #3a97d3;bottom:-4px}.direction-l,.direction-r{float:none;text-align:center;width:100%}.flag-wrapper{position:relative;text-align:center}.flag{background:#fff;border-radius:5px;display:inline;font-weight:600;padding:6px 10px;position:relative;text-align:left;z-index:15}.direction-l .flag:after,.direction-r .flag:after{border:8px solid transparent;border-bottom-color:#fff;content:"";height:0;left:50%;margin-left:-8px;pointer-events:none;position:absolute;top:-15px;width:0}.direction-l .flag{-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);box-shadow:-1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15)}.direction-r .flag{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);box-shadow:1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15)}.time-wrapper{color:#fff;display:block;line-height:1em;margin:4px 0 0;position:relative;vertical-align:middle;z-index:14}.direction-l .time-wrapper,.direction-r .time-wrapper{float:none}.time{background:#00c4f3;display:inline-block;padding:8px}.desc{background:#fefefe;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 1px rgba(0,0,0,.2);box-shadow:0 0 1px rgba(0,0,0,.2);margin:1em 0 0;padding:1em;position:relative;z-index:15}.direction-l .desc,.direction-r .desc{margin:1em 1em 0;padding:1em;position:relative;z-index:15}@media(min-width:768px){.timeline{margin:20px auto 0;width:660px}.timeline li:after{clear:both;content:"";display:block;height:0;visibility:hidden}.timeline .hexa{left:-28px;right:auto;top:8px}.timeline .direction-l .hexa{left:auto;right:-28px}.direction-l{float:left;text-align:right}.direction-l,.direction-r{position:relative;width:310px}.direction-r{float:right;text-align:left}.flag-wrapper{display:inline-block}.flag{font-size:18px}.direction-l .flag:after{border:8px solid transparent;border-left-color:#fefefe;left:auto;margin-top:-8px;right:-16px;top:50%}.direction-r .flag:after{border:8px solid transparent;border-right-color:#fefefe;left:-8px;margin-top:-8px;top:50%}.time-wrapper{display:inline;margin:0;vertical-align:middle}.direction-l .time-wrapper{float:left}.direction-r .time-wrapper{float:right}.time{padding:5px 10px}.direction-r .desc{margin:1em 0 0 .75em}}@media(min-width:992px){.timeline{margin:20px auto 0;width:800px}.direction-l{float:left;text-align:right}.direction-l,.direction-r{position:relative;width:380px}.direction-r{float:right;text-align:left}}