@charset "UTF-8";*{border:0;padding:0;margin:0;font-size:100%;font:inherit;vertical-align:baseline;list-style:none}table{border-collapse:collapse;border-spacing:0}html,body{background:#eea700;height:100%;font:16px open sans,Arial,sans-serif;line-height:20px;color:#fff;font-weight:300;letter-spacing:.5px}span{display:none}a,a:active{text-decoration:none;color:#fff}a:hover{text-decoration:underline}.clear{clear:both}h1,h2{font-family:source code pro,Monaco,monospace}h1{font-size:50px;font-weight:300;word-spacing:-12px;line-height:88px;margin-left:-8px;letter-spacing:-3px}h2{font-size:36px;font-weight:600;word-spacing:-8px;line-height:52px;margin-left:-3px;letter-spacing:-2px}h3{font-size:24px;font-weight:400;line-height:35px;margin-left:-1px;color:#fff;padding-bottom:20px}h4{font-size:13px;font-weight:400;text-transform:uppercase;line-height:20px;letter-spacing:5px}h5{font-size:18px;font-weight:400;line-height:25px;margin-left:-1px;color:#0e141e;padding-bottom:10px}p{font-size:15px;line-height:25px}strong{font-weight:600}em{opacity:.7}img{margin-right:100px}h2:after{content:none}h2.blink:after{content:"\258B";color:#32c766;margin-left:2px;animation:1.2s blink infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}}.section{position:relative;min-height:62%}.sub.section{background-color:#39424e;padding:0 160px 128px}.half,.full{width:40%;display:inline-block;padding:88px 9% 0 0;z-index:2;vertical-align:top;position:relative}.half.second{padding:88px 9% 0 0}.full.second{padding-top:0}.inside{padding-top:14px!important;margin-top:0!important}.full{width:91%}.half p{max-width:520px}.half h2{padding:5% 0 3%}.full h2{padding:1% 0}.half h3,.full h3{padding:16% 0 0;margin:30px 0 32px}.full h3{padding:0;margin:32px 0}.full.inside h3{padding-top:0;margin-top:0}#fxd{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1}#fxd .pagination{width:28px;position:relative;left:32px;top:50%;margin-top:-180px}#fxd .pagination li a{display:block;width:28px;height:28px;background:url(/images/pagination_default.png)no-repeat 50%;background-size:20px 20px;opacity:.4;cursor:pointer;transition:opacity .4s}#fxd .pagination li a:hover{opacity:1;text-decoration:none}#fxd .pagination li a:hover span{display:block;text-decoration:none;opacity:.8;width:400px;padding:4px 0 0 30px;font-size:12px;font-weight:300}#fxd .pagination li a.selected{background-image:url(/images/pagination_active.png);opacity:1;cursor:default}#fxd .pagination li.twitter{border-top:2px solid rgba(255,255,255,.1);padding-top:15px;margin-top:16px}#fxd .pagination li.twitter a{background-image:url(/images/twitter.png);padding-bottom:6px;opacity:1}#fxd .pagination li.linkedin a{background-image:url(/images/linkedin.png);padding-bottom:4px;opacity:1}#fxd .pagination li.twitter a:hover,#fxd .pagination li.linkedin a:hover{opacity:.6}#fxd .pagination li.twitter a:hover span,#fxd .pagination li.linkedin a:hover span{padding-top:7px}#home a.logo h4{position:absolute;display:block;width:150px;height:25px;bottom:45%;left:110%}#fxd .logo,#prologue .logo{position:absolute;display:block;width:50px;height:100px;bottom:2%;left:100%;margin-left:-80px;background:url(/images/sistemica_logo_klein.png)no-repeat 50%;background-size:100%}#fxd .logo h4,#prologue .logo h4{position:relative;left:-132px;top:30px;padding-top:10px}a.logo:hover{opacity:.9;text-decoration:none}section li{list-style-type:disc;margin-bottom:10px;line-height:1.6}section ul ul{margin-left:30px;margin-top:10px}section ul ul li{list-style-type:circle}.full ul,.half ul{padding-top:20px;margin-left:0}.full li,.half li{position:relative;padding-left:20px;list-style-type:none}.full li:before,.half li:before{content:"•";left:0;padding-left:20px;padding-right:20px;color:#32c766}#home{height:100%}#home h1{position:absolute;left:160px;top:48%;width:560px;color:#fff;z-index:2}#home h1 em{display:inline-block;width:3px}#home ul{position:absolute;left:160px;top:80%;width:560px;z-index:2}#home ul li{display:block;float:left;color:#738f93;padding:0 30px 0 0}#home ul li:nth-child(2){padding-left:30px;border-left:1px solid rgba(57,66,78,.5)}#home ul li strong{display:block;color:#fff}#home a.logo{display:block;width:50px;height:100px;position:absolute;left:160px;top:10%;background:url(/images/sistemica_logo_klein.png);background-size:100%;z-index:2}#fractal{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/background.png)no-repeat;background-size:cover;opacity:.01;transition:opacity 4s}#fractal.active{opacity:1}p.credit{width:240px;font-size:12px;color:rgba(255,255,255,.7);z-index:2;position:absolute;left:100%;top:100%;line-height:18px;margin:-72px 0 0 -280px;text-align:right}p.credit:hover{color:rgba(255,255,255,.9)}p.credit a{color:#fff}#prologue{background:#0e141e}#prologue .logo{z-index:2}#prologue h2{font-size:44px}#contents ul li{line-height:30px;font-weight:600}#contents ul li.sub{font-weight:300;padding-left:25px}#contents ul li em{opacity:.6;padding-right:5px;font-style:normal;font-weight:400}a.subscribe{margin:0 12px 0 0;line-height:48px}a.subscribe:hover{opacity:.8}#footer{height:300px;min-height:300px;background-color:#0e141e;letter-spacing:0}#footer a.logo{display:block;width:190px;height:42px;background:url(/images/sistemica_logo_klein.png);background-size:100%}#footer p,#footer div.half:nth-child(1) a{color:#eea700}#footer div.half:first-child p{padding:7px 0 0 45px;color:#738f93;font-size:14px}#footer div.half:first-child p em{font-style:normal;color:#39424e}#footer div.half:nth-child(2) a{color:#eea700}#contents{background-size:contain}#insight1{background-color:#39424e}#insight2{background-color:#2e353e}#insight4{background-color:#2e353e}#insight5{background-color:#576871}#insight3{background-color:#39424e}#insight6{background-color:#39424e}#insight7{background-color:#576871}@media only screen and (max-width:1480px){.half,.full{width:42%;padding:20px 5% 0 0}.full{width:96%}.half.second{padding:88px 3% 0 4%}}@media only screen and (max-width:1260px){.half,.full{width:45%;padding:88px 4% 0 0}.full{width:95%}.half.second{padding:88px 0 0 4%}#fxd .logo h4,#prologue .logo h4{display:none}}@media(orientation:portrait){#fractal,#prologue,#contents{background-size:cover;background-position:0}}@media only screen and (max-width:1000px){#home h1,#home ul,#home a.logo{left:100px}.sub.section{padding:0 100px 72px}.half,.full{width:auto;padding:10% 8% 0 0}.half.second{width:auto;padding:0 8% 0 0;display:block}.half p{max-width:auto}}@media only screen and (max-width:765px){.sub.section{background-color:#39424e;padding:0 40px}.credit{display:none}.pagination{display:none}#home h1{position:relative;left:0;padding:0 80px 0 44px;top:44%;width:auto;font-weight:600;font-size:30px;word-spacing:-6px;line-height:40px;letter-spacing:-1px;margin-left:-5px}h3{font-size:20px}#home ul{position:absolute;left:40px;top:78%;width:auto}#home ul li{float:none;padding:10px 0;border:0}#home a.logo{left:40px;top:8%}#home ul li:first-child{padding-left:0;border:none}#home h1 em{width:1px}.half,.full{width:auto;padding:18% 8% 0 0}.sub.section{padding:0 40px 64px}.half p{max-width:auto}.half h2,.full h2,#prologue h2{padding:16% 0 8%;font-size:24px;word-spacing:-7px;line-height:36px;margin-left:-3px;letter-spacing:0}.half h3,.full h3{padding:16% 0 0;margin:-24px 0 32px}#prologue .logo,#fxd .logo{width:40px;height:40px;top:4%;left:100%;margin-left:-60px;background-size:100%}#footer .second p{padding:32px 0 64px}}.language-menu{background:#eaba48;font:13px open sans,Arial,sans-serif;padding:5px;width:130px;z-index:100;position:fixed;top:0;right:0}.language-menu a{font-size:.9em;margin:0 .5em;color:#fff}@keyframes blink{0%{opacity:1}50%{opacity:0}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}}