@import url(https://fonts.googleapis.com/css?family=PT+Sans);body[data-v-1afbd10a]{margin:0;padding:0;background:#e6e6e6;color:#323232;font-family:Open Sans,sans-serif;font-size:112.5%;line-height:1.6em}.timeline[data-v-1afbd10a]{position:relative;width:660px;margin:0 auto;margin-top:20px;padding:1em 0;list-style-type:none}.timeline[data-v-1afbd10a]:before{position:absolute;left:50%;top:0;content:" ";display:block;width:6px;height:100%;margin-left:-3px;background:#505050;background:linear-gradient(180deg,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0));z-index:5}.timeline li[data-v-1afbd10a]{padding:1em 0}.timeline li[data-v-1afbd10a]:after{content:"";display:block;height:0;clear:both;visibility:hidden}.direction-l[data-v-1afbd10a]{position:relative;width:300px;float:left;text-align:right}.direction-r[data-v-1afbd10a]{position:relative;width:300px;float:right}.flag-wrapper[data-v-1afbd10a]{position:relative;display:inline-block;text-align:center}.flag[data-v-1afbd10a]{position:relative;display:inline;background:#f8f8f8;padding:6px 10px;border-radius:5px;font-weight:600;text-align:left}.direction-l .flag[data-v-1afbd10a]{box-shadow:-1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15)}.direction-r .flag[data-v-1afbd10a]{box-shadow:1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15)}.direction-l .flag[data-v-1afbd10a]:before,.direction-r .flag[data-v-1afbd10a]:before{position:absolute;top:50%;content:" ";display:block;width:12px;height:12px;margin-top:-10px;background:#fff;border-radius:10px;border:4px solid #ff5050;z-index:10}.direction-l .flag[data-v-1afbd10a]:after{left:100%;border:solid transparent;border-left-color:#f8f8f8;border-width:8px}.direction-l .flag[data-v-1afbd10a]:after,.direction-r .flag[data-v-1afbd10a]:after{content:"";position:absolute;top:50%;height:0;width:0;margin-top:-8px;pointer-events:none}.direction-r .flag[data-v-1afbd10a]:after{right:100%;border:solid transparent;border-right-color:#f8f8f8;border-width:8px}.time-wrapper[data-v-1afbd10a]{display:inline;line-height:1em;font-size:.66666em;color:#fa5050;vertical-align:middle}#flag_1[data-v-1afbd10a]:before{left:-86px}#flag_2[data-v-1afbd10a]:before{right:-36px}#flag_3[data-v-1afbd10a]:before{left:-58px}.direction-l .time-wrapper[data-v-1afbd10a]{float:left}.direction-r .time-wrapper[data-v-1afbd10a]{float:right}.time[data-v-1afbd10a]{display:inline-block;padding:4px 6px;background:#f8f8f8}.desc[data-v-1afbd10a]{margin:1em .75em 0 0;font-size:.77777em;font-style:italic;line-height:1.5em}.direction-r .desc[data-v-1afbd10a]{margin:1em 0 0 .75em}@media screen and (max-width:660px){.timeline[data-v-1afbd10a]{width:100%;padding:4em 0 1em 0}.timeline li[data-v-1afbd10a]{padding:2em 0}.direction-l[data-v-1afbd10a],.direction-r[data-v-1afbd10a]{float:none;width:100%;text-align:center}.flag-wrapper[data-v-1afbd10a]{text-align:center}.flag[data-v-1afbd10a]{background:#fff;z-index:15}.direction-l .flag[data-v-1afbd10a]:before,.direction-r .flag[data-v-1afbd10a]: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 #ff5050;z-index:10}.direction-l .flag[data-v-1afbd10a]:after,.direction-r .flag[data-v-1afbd10a]: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[data-v-1afbd10a]{display:block;position:relative;margin:4px 0 0 0;z-index:14}.direction-l .time-wrapper[data-v-1afbd10a],.direction-r .time-wrapper[data-v-1afbd10a]{float:none}.desc[data-v-1afbd10a]{position:relative;margin:1em 0 0 0;padding:1em;background:#f5f5f5;box-shadow:0 0 1px rgba(0,0,0,.2);z-index:15}.direction-l .desc[data-v-1afbd10a],.direction-r .desc[data-v-1afbd10a]{position:relative;margin:1em 1em 0 1em;padding:1em;z-index:15}}@media screen and (min-width:400px) and (max-width:660px){.direction-l .desc[data-v-1afbd10a],.direction-r .desc[data-v-1afbd10a]{margin:1em 4em 0 4em}}body[data-v-0a51bd7a]{color:#768390;background:#fff;font-family:Effra,Helvetica,sans-serif;padding:0;-webkit-font-smoothing:antialiased}h1[data-v-0a51bd7a],h2[data-v-0a51bd7a],h3[data-v-0a51bd7a],h4[data-v-0a51bd7a],h5[data-v-0a51bd7a],h6[data-v-0a51bd7a]{color:#3d4351;margin-top:0}a[data-v-0a51bd7a]{color:#ff6b6b}a[data-v-0a51bd7a]:hover{color:#ff9a9a;text-decoration:none}.example-header[data-v-0a51bd7a]{background:#3d4351;color:#fff;font-weight:300;padding:3em 1em;text-align:center}.example-header h1[data-v-0a51bd7a]{color:#fff;font-weight:300;margin-bottom:20px}.example-header p[data-v-0a51bd7a]{font-size:12px;text-transform:uppercase;letter-spacing:3px;font-weight:700}.container-fluid .row[data-v-0a51bd7a]{padding:0 0 4em 0}.container-fluid .row[data-v-0a51bd7a]:nth-child(2n){background:#f1f4f5}.example-title[data-v-0a51bd7a]{text-align:center;margin-bottom:60px;padding:3em 0;border-bottom:1px solid #e4eaec}.example-title p[data-v-0a51bd7a]{margin:0 auto;font-size:16px;max-width:400px}.timeline[data-v-0a51bd7a]{line-height:1.4em;list-style:none;margin:0;padding:0;width:100%}.timeline h1[data-v-0a51bd7a],.timeline h2[data-v-0a51bd7a],.timeline h3[data-v-0a51bd7a],.timeline h4[data-v-0a51bd7a],.timeline h5[data-v-0a51bd7a],.timeline h6[data-v-0a51bd7a]{line-height:inherit}.timeline-item[data-v-0a51bd7a]{padding-left:40px;position:relative}.timeline-item[data-v-0a51bd7a]:last-child{padding-bottom:0}.timeline-info[data-v-0a51bd7a]{font-size:12px;font-weight:700;letter-spacing:3px;margin:0 0 .5em 0;text-transform:uppercase;white-space:nowrap}.timeline-marker[data-v-0a51bd7a]{position:absolute;top:0;bottom:0;left:0;width:15px}.timeline-marker[data-v-0a51bd7a]:before{background:#ff6b6b;border:3px solid transparent;border-radius:100%;content:"";display:block;height:15px;position:absolute;top:4px;left:0;width:15px;transition:background .3s ease-in-out,border .3s ease-in-out}.timeline-marker[data-v-0a51bd7a]:after{content:"";width:3px;background:#ccd5db;display:block;position:absolute;top:24px;bottom:0;left:6px}.timeline-item:last-child .timeline-marker[data-v-0a51bd7a]:after{content:none}.timeline-item:not(.period):hover .timeline-marker[data-v-0a51bd7a]:before{background:transparent;border:3px solid #ff6b6b}.timeline-content[data-v-0a51bd7a]{padding-bottom:40px}.timeline-content p[data-v-0a51bd7a]:last-child{margin-bottom:0}.period[data-v-0a51bd7a]{padding:0}.period .timeline-info[data-v-0a51bd7a]{display:none}.period .timeline-marker[data-v-0a51bd7a]:before{background:transparent;content:"";width:15px;height:auto;border:none;border-radius:0;top:0;bottom:30px;position:absolute;border-top:3px solid #ccd5db;border-bottom:3px solid #ccd5db}.period .timeline-marker[data-v-0a51bd7a]:after{content:"";height:32px;top:auto}.period .timeline-content[data-v-0a51bd7a]{padding:40px 0 70px}.period .timeline-title[data-v-0a51bd7a]{margin:0}h2.timeline-title[data-v-0a51bd7a]{font-size:3rem}h3.timeline-title[data-v-0a51bd7a]{font-size:2rem;font-weight:700}@media (min-width:768px){.timeline-centered .timeline[data-v-0a51bd7a],.timeline-split .timeline[data-v-0a51bd7a]{display:table}.timeline-centered .timeline-item[data-v-0a51bd7a],.timeline-split .timeline-item[data-v-0a51bd7a]{display:table-row;padding:0}.timeline-centered .period .timeline-info[data-v-0a51bd7a],.timeline-centered .timeline-content[data-v-0a51bd7a],.timeline-centered .timeline-info[data-v-0a51bd7a],.timeline-centered .timeline-marker[data-v-0a51bd7a],.timeline-split .period .timeline-info[data-v-0a51bd7a],.timeline-split .timeline-content[data-v-0a51bd7a],.timeline-split .timeline-info[data-v-0a51bd7a],.timeline-split .timeline-marker[data-v-0a51bd7a]{display:table-cell;vertical-align:top}.timeline-centered .timeline-marker[data-v-0a51bd7a],.timeline-split .timeline-marker[data-v-0a51bd7a]{position:relative}.timeline-centered .timeline-content[data-v-0a51bd7a],.timeline-split .timeline-content[data-v-0a51bd7a]{padding-left:30px}.timeline-centered .timeline-info[data-v-0a51bd7a],.timeline-split .timeline-info[data-v-0a51bd7a]{padding-right:30px}.timeline-centered .period .timeline-title[data-v-0a51bd7a],.timeline-split .period .timeline-title[data-v-0a51bd7a]{position:relative;left:-45px}}@media (min-width:992px){.timeline-centered .timeline-content[data-v-0a51bd7a],.timeline-centered .timeline-info[data-v-0a51bd7a],.timeline-centered .timeline-item[data-v-0a51bd7a],.timeline-centered .timeline-marker[data-v-0a51bd7a],.timeline-centered[data-v-0a51bd7a]{display:block;margin:0;padding:0}.timeline-centered .timeline-item[data-v-0a51bd7a]{padding-bottom:40px;overflow:hidden}.timeline-centered .timeline-marker[data-v-0a51bd7a]{position:absolute;left:50%;margin-left:-7.5px}.timeline-centered .timeline-content[data-v-0a51bd7a],.timeline-centered .timeline-info[data-v-0a51bd7a]{width:50%}.timeline-centered>.timeline-item:nth-child(odd) .timeline-info[data-v-0a51bd7a]{float:left;text-align:right;padding-right:30px}.timeline-centered>.timeline-item:nth-child(2n) .timeline-info[data-v-0a51bd7a],.timeline-centered>.timeline-item:nth-child(odd) .timeline-content[data-v-0a51bd7a]{float:right;text-align:left;padding-left:30px}.timeline-centered>.timeline-item:nth-child(2n) .timeline-content[data-v-0a51bd7a]{float:left;text-align:right;padding-right:30px}.timeline-centered>.timeline-item.period .timeline-content[data-v-0a51bd7a]{float:none;padding:0;width:100%;text-align:center}.timeline-centered .timeline-item.period[data-v-0a51bd7a]{padding:50px 0 90px}.timeline-centered .period .timeline-marker[data-v-0a51bd7a]:after{height:30px;bottom:0;top:auto}.timeline-centered .period .timeline-title[data-v-0a51bd7a]{left:auto}}.marker-outline .timeline-marker[data-v-0a51bd7a]:before{background:transparent;border-color:#ff6b6b}.marker-outline .timeline-item:hover .timeline-marker[data-v-0a51bd7a]:before{background:#ff6b6b}@media (min-width:1000px){#timeline .demo-card:nth-child(2n) .head[data-v-0053deea]:after,#timeline .demo-card:nth-child(odd) .head[data-v-0053deea]:after{position:absolute;content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}#timeline .demo-card:nth-child(2n) .head[data-v-0053deea]:before,#timeline .demo-card:nth-child(odd) .head[data-v-0053deea]:before{position:absolute;content:"";width:9px;height:9px;background-color:#bdbdbd;border-radius:9px;box-shadow:0 0 2px 8px #f7f7f7}}.demo-card[data-v-0053deea]:first-child{order:1}.demo-card[data-v-0053deea]:nth-child(2){order:4}.demo-card[data-v-0053deea]:nth-child(3){order:2}.demo-card[data-v-0053deea]:nth-child(4){order:5}.demo-card[data-v-0053deea]:nth-child(5){order:3}.demo-card[data-v-0053deea]:nth-child(6){order:6}#timeline[data-v-0053deea]{padding:50px 0;background:#f7f7f7;border-top:1px solid hsla(0,0%,74.9%,.4);border-bottom:1px solid hsla(0,0%,74.9%,.4)}#timeline h1[data-v-0053deea]{text-align:center;font-size:3rem;font-weight:200;margin-bottom:20px}#timeline p.leader[data-v-0053deea]{text-align:center;max-width:90%;margin:auto;margin-bottom:45px}#timeline .demo-card-wrapper[data-v-0053deea]{position:relative;margin:auto}@media (min-width:1000px){#timeline .demo-card-wrapper[data-v-0053deea]{display:flex;flex-flow:column wrap;width:1170px;height:1650px;margin:0 auto}}#timeline .demo-card-wrapper[data-v-0053deea]:after{z-index:1;content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid hsla(0,0%,74.9%,.4)}@media (min-width:1000px){#timeline .demo-card-wrapper[data-v-0053deea]:after{border-left:1px solid #bdbdbd}}#timeline .demo-card[data-v-0053deea]{position:relative;display:block;margin:10px auto 80px;max-width:94%;z-index:2}@media (min-width:480px){#timeline .demo-card[data-v-0053deea]{max-width:60%;box-shadow:0 1px 22px 4px rgba(0,0,0,.07)}}@media (min-width:720px){#timeline .demo-card[data-v-0053deea]{max-width:40%}}@media (min-width:1000px){#timeline .demo-card[data-v-0053deea]{max-width:450px;height:400px;margin:90px;margin-top:45px;margin-bottom:45px}#timeline .demo-card[data-v-0053deea]:nth-child(odd){margin-right:45px}#timeline .demo-card:nth-child(odd) .head[data-v-0053deea]:after{border-left-width:15px;border-left-style:solid;left:100%}#timeline .demo-card:nth-child(odd) .head[data-v-0053deea]:before{left:491.5px}#timeline .demo-card[data-v-0053deea]:nth-child(2n){margin-left:45px}#timeline .demo-card:nth-child(2n) .head[data-v-0053deea]:after{border-right-width:15px;border-right-style:solid;right:100%}#timeline .demo-card:nth-child(2n) .head[data-v-0053deea]:before{right:489.5px}#timeline .demo-card[data-v-0053deea]:nth-child(2){margin-top:180px}}#timeline .demo-card .head[data-v-0053deea]{position:relative;display:flex;align-items:center;color:#fff;font-weight:400}#timeline .demo-card .head .number-box[data-v-0053deea]{display:inline;float:left;margin:15px;padding:10px;font-size:35px;line-height:35px;font-weight:600;background:rgba(0,0,0,.17)}#timeline .demo-card .head h2[data-v-0053deea]{text-transform:uppercase;font-size:1.3rem;font-weight:inherit;letter-spacing:2px;margin:0;padding-bottom:6px;line-height:1rem}@media (min-width:480px){#timeline .demo-card .head h2[data-v-0053deea]{font-size:165%;line-height:1.2rem}}#timeline .demo-card .head h2 span[data-v-0053deea]{display:block;text-align:left;font-size:.6rem;margin-bottom:8px}@media (min-width:480px){#timeline .demo-card .head h2 span[data-v-0053deea]{font-size:.8rem}}#timeline .demo-card .body[data-v-0053deea]{background:#fff;border:1px solid hsla(0,0%,74.9%,.4);border-top:0;padding:15px}@media (min-width:1000px){#timeline .demo-card .body[data-v-0053deea]{height:315px}}#timeline .demo-card .body p[data-v-0053deea]{font-size:14px;line-height:18px;margin-bottom:15px}#timeline .demo-card .body img[data-v-0053deea]{display:block;width:100%}#timeline .demo-card--step1[data-v-0053deea]{background-color:#46b8e9}#timeline .demo-card--step1 .head[data-v-0053deea]:after{border-color:#46b8e9}#timeline .demo-card--step2[data-v-0053deea]{background-color:#3ee9d1}#timeline .demo-card--step2 .head[data-v-0053deea]:after{border-color:#3ee9d1}#timeline .demo-card--step3[data-v-0053deea]{background-color:#ce43eb}#timeline .demo-card--step3 .head[data-v-0053deea]:after{border-color:#ce43eb}#timeline .demo-card--step4[data-v-0053deea]{background-color:#4d92eb}#timeline .demo-card--step4 .head[data-v-0053deea]:after{border-color:#4d92eb}#timeline .demo-card--step5[data-v-0053deea]{background-color:#46b8e9}#timeline .demo-card--step5 .head[data-v-0053deea]:after{border-color:#46b8e9}body[data-v-4f8ee840]{margin:0;font-family:PT Sans,sans-serif;background-color:#fcfcfc;color:#000}.container[data-v-4f8ee840]{margin:3rem 0;width:100%;position:relative;overflow-x:scroll;padding-top:2rem;padding-bottom:2rem}.container[data-v-4f8ee840]::-webkit-scrollbar{height:45px}.container[data-v-4f8ee840]::-webkit-scrollbar-thumb{background-color:transparent;background-clip:content-box;border-radius:100%;border:20px solid transparent}.entries[data-v-4f8ee840]{margin-right:-10000px;margin-left:1rem}.timeline[data-v-4f8ee840]{position:absolute;box-sizing:border-box;width:100%;height:.7rem;background-color:beige;background-clip:content-box;border-width:.2rem 0;border-style:solid;border-color:#fff;box-shadow:0 0 2rem 0 rgba(0,0,0,.1),inset 0 0 .4em rgba(0,0,0,.1)}.entry[data-v-4f8ee840]{float:left;max-width:170px;position:relative;text-align:center;margin:0 1rem;margin-top:.7rem}.entry .dot[data-v-4f8ee840]{position:absolute;width:1.2rem;height:1.2rem;background-color:#b0e0e6;left:50%;margin-left:-.6rem;margin-top:-.95rem;border-radius:100%;box-sizing:border-box;background-clip:content-box;border-width:.16rem;border-style:solid;border-color:#fff;box-shadow:0 .1rem 1rem 0 rgba(0,0,0,.1),inset 0 0 .4em hsla(0,0%,100%,.1),inset 0 .4rem .1rem hsla(0,0%,100%,.3);transition:height .2s linear,width .2s linear,margin .2s linear,background-color .3s ease-out}.entry:hover .dot[data-v-4f8ee840]{width:1.6rem;height:1.6rem;margin-left:-.8rem;margin-top:-1.15rem;background-color:#d8bfd8}.entry:hover .label[data-v-4f8ee840]{margin-top:2.5rem;background-color:#d0e8e4;border-bottom:.5rem solid transparent}.label[data-v-4f8ee840]{display:inline-block;position:relative;background-color:#e1f0ee;background-clip:padding-box;margin-top:3rem;padding:.4rem .8rem .8rem;border-radius:.2rem;transition:margin-top .2s linear,background-color .2s linear,border-bottom .2s linear;border-bottom:0 solid transparent}.label .time[data-v-4f8ee840]{text-transform:uppercase;font-size:.8rem;margin:0 0 .4rem;padding:0 .3rem .3rem;letter-spacing:1px;display:inline-block;border-bottom:1px solid hsla(0,0%,100%,.8)}.label .detail[data-v-4f8ee840]{font-size:1rem}.label[data-v-4f8ee840]:before{content:"";display:block;position:absolute;background-color:inherit;background-clip:content-box;box-sizing:border-box;width:1rem;height:1rem;left:50%;margin-top:-.9rem;margin-left:-.5rem;transform-origin:center;transform:rotate(45deg);z-index:-1}.label a[data-v-4f8ee840]{color:#000;text-decoration:none}.label a[data-v-4f8ee840]:before{content:"["}.label a[data-v-4f8ee840]:after{content:"]"}.entry.life .label[data-v-4f8ee840]{background-color:#e1f0e4}.entry.life:hover .label[data-v-4f8ee840]{background-color:#d0e8d5}.entry.study .label[data-v-4f8ee840]{background-color:#e1e8f0}.entry.study:hover .label[data-v-4f8ee840]{background-color:#d0dbe8}#timeline[data-v-22d254e2]{display:flex;background-color:#031625;font-family:monospace;line-height:1.75}#timeline:hover .tl-item[data-v-22d254e2]{width:23.3333%}.tl-item[data-v-22d254e2]{transform:translateZ(0);position:relative;width:25%;height:50vh;min-height:600px;color:#fff;overflow:hidden;transition:width .5s ease}.tl-item[data-v-22d254e2]:after,.tl-item[data-v-22d254e2]:before{transform:translateZ(0);content:"";position:absolute;left:0;top:0;width:100%;height:100%}.tl-item[data-v-22d254e2]:after{background:rgba(3,22,37,.85);opacity:1;transition:opacity .5s ease}.tl-item[data-v-22d254e2]:before{background:linear-gradient(180deg,transparent 0,#000 75%);z-index:1;opacity:0;transform:translateZ(0) translateY(50%);transition:opacity .5s ease,transform .5s ease}.tl-item[data-v-22d254e2]:hover{width:30%!important}.tl-item[data-v-22d254e2]:hover:after{opacity:0}.tl-item[data-v-22d254e2]:hover:before{opacity:1;transform:translateZ(0) translateY(0);transition:opacity 1s ease,transform 1s ease .25s}.tl-item:hover .tl-content[data-v-22d254e2]{opacity:1;transform:translateY(0);transition:all .75s ease .5s}.tl-item:hover .tl-bg[data-v-22d254e2]{filter:grayscale(0)}.tl-content[data-v-22d254e2]{transform:translateZ(0) translateY(25px);position:relative;z-index:1;text-align:center;margin:0 1.618em;top:55%;opacity:0}.tl-content h1[data-v-22d254e2]{text-transform:uppercase;color:#1779cf}.tl-year[data-v-22d254e2]{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:1;border-top:1px solid #fff;border-bottom:1px solid #fff}.tl-year p[data-v-22d254e2]{line-height:0}.tl-bg[data-v-22d254e2]{transform:translateZ(0);position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:50%;transition:filter .5s ease;filter:grayscale(100%)}