@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700");a{color:#ff7800}h2{font-size:60px;color:#ffffff;text-align:center;margin:0 auto;padding:50px 0 10px;z-index:20;position:relative;max-width:480px}h2.reverse{color:#000}.go-down{position:relative;z-index:1;width:0;height:15px;margin:-190px auto 0px;border-style:solid;border-width:0 220px 220px 220px;border-color:transparent transparent #6439a5 transparent;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.go-down:after{position:absolute;left:calc(50% - 50px);width:100px;height:72px;content:' ';top:70px;background:transparent url("img/show/arrowBg.png") no-repeat top center;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.go-down.first{margin-top:-190px}header{background-color:#1a1a19;color:#fff}header:before{content:' ';height:3px;width:100%;background:green url("img/header-before.png") repeat-x top center;display:block}header .wrap{max-width:1200px;margin:0 auto}header .wrap>div{display:inline-block;vertical-align:top}header .wrap>div:first-child{width:250px}header .wrap>div:last-child{float:right;width:300px}header .wrap .menu ul{list-style:none;margin:0;padding:0}header .wrap .menu ul li{display:inline-block;vertical-align:top}header .wrap .menu ul li a{color:#ccc;text-transform:uppercase;font-weight:600;font-size:15px;text-decoration:none;padding-right:20px}header .wrap .menu ul li a.contact-us{color:#b27fff}header .wrap .menu ul li a:hover{color:#fff}header .wrap .logo{line-height:52px;height:52px;text-align:right;padding-right:50px;box-sizing:border-box}header .wrap .logo img{max-height:110px;background-color:#1a1a19;border-radius:0 0 20% 20%;box-shadow:#000 0px 0px 50px}main .main:before{left:0;content:' ';position:absolute;z-index:0;width:100%;top:0;height:100px;z-index:0;-webkit-box-shadow:rgba(0,0,0,0.4) 0 30px 140px;-moz-box-shadow:rgba(0,0,0,0.4) 0 30px 140px;box-shadow:rgba(0,0,0,0.4) 0 30px 140px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}body{margin:0;padding:0;font-family:"Open Sans",sans-serif;background-color:#ccc}body header{position:fixed;top:0;z-index:30;width:100%;left:0;right:0;height:55px;line-height:55px}body main{margin-top:55px;position:relative}body main .wrap{position:relative;min-height:100%;width:100%}body main .wrap .wrap-in{max-width:1200px;position:relative;left:0;right:0;margin-left:auto;margin-right:auto}body main .wrap .wrap-in .menu{position:absolute;left:0;width:250px}body main .wrap .wrap-in .main{position:relative;margin-left:250px;margin-right:300px}body main .wrap .wrap-in .metas{position:absolute;right:0;width:300px}main .menu title{display:block;padding-left:13px;text-transform:uppercase;font-weight:300;font-size:15px;letter-spacing:2px}main .menu ul{padding:0}main .menu ul li{border-left:3px solid transparent;list-style:none;padding-left:10px}main .menu ul li.active,main .menu ul li:active,main .menu ul li:hover{border-color:#6441a5}.slider{background:#fff url("img/projects/tabletech-editor.png") no-repeat top center;margin:55px 0px}.slider .slide{background:transparent url("img/projects/mask.png") repeat-x top left;background-size:contain}.slider .slide .wrap{position:relative;max-width:1200px;margin:0 auto;background-color:transparent;min-height:450px}.slider .slide .wrap .logo{position:absolute;right:0;top:150px;text-align:center;z-index:1;width:250px;height:250px}.slider .slide .wrap .title{position:absolute;bottom:-25px;top:-25px;right:0;color:#fdfdfd;margin:0;background-color:rgba(0,0,0,0.5);padding:300px 20px 20px 20px;z-index:1;text-shadow:rgba(0,0,0,0.3) 4px 4px 0px;text-transform:uppercase;font-size:35px;font-weight:700}.slider .slide .wrap .title .subtitle{text-transform:uppercase;color:#e7c9a4;font-size:30px;font-weight:400;text-shadow:none}.posts{position:relative;padding:15px;background-color:#fff;margin-top:-50px;z-index:1;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}#show{pointer-events:none}.vig,.noise,.bloom{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;height:100%;width:100%;z-index:1;pointer-events:none}.vig{background:-webkit-radial-gradient(center, ellipse cover, transparent 0%, rgba(0,0,0,0.29) 100%)}.bloom{background:#440050;opacity:0.1}.ui .logo{position:absolute;left:70px;top:70px;z-index:2}.ui .logo img{width:220px}.ui .logo .spinner{position:absolute;left:22px;top:19px;width:2px;background:rgba(255,255,255,0.95);height:31px;animation:spin 20s linear infinite;transform-origin:1px 4px;border-radius:100px}.gems{position:absolute;right:70px;top:70px;z-index:2}.gems img{width:140px}.friends{position:absolute;right:70px;bottom:70px;z-index:2}.friends img{width:180px}.fullscreen{position:absolute;z-index:10;color:white;top:72px;right:240px;cursor:pointer;opacity:.6;transition:all .2s}.fullscreen:hover{opacity:1}.follow{position:absolute;left:50px;bottom:40px;z-index:3}.follow img{width:300px}.loader{width:500px;height:2px;background:white;position:absolute;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%)}.loader_inner{background:#913b92;width:0%;position:absolute;left:0;top:0;height:100%}#show{display:none;width:1px;height:100vh;float:left}.ui{position:relative;height:100vh;display:none}.left.button,.right.button{position:absolute;z-index:20;font-size:30px;top:50%;color:white;transform:translateY(-50%);opacity:0.7;transition:all .2s;width:300px;text-align:center;height:550px;line-height:550px}.left.button:hover,.right.button:hover{opacity:1;cursor:pointer}.left.button img,.right.button img{width:30px}.right.button{right:70px}.right.button img{transform:rotate(180deg)}.left.button{left:70px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.play-video{min-height:365px;position:absolute;z-index:3;width:450px;left:45px;right:0;margin:auto;top:64%;transform:translateY(-50%)}.play-video .titanic{width:100px;height:100px;transform:skewY(-20deg)}.play-video .titanic path{fill:#cb71cc;stroke:#cb71cc}.box{min-height:365px;position:absolute;z-index:3;width:450px;left:450px;right:0;margin:auto;top:50%;transform:translateY(-50%);background:url("img/show/scifiBg.png");background-size:100px;background-position:left;background-repeat:no-repeat}.box_inner{padding:50px 0px 50px 100px}.box_inner__title{color:white;text-transform:uppercase;margin-bottom:50px;font-size:26px}.box_inner__text{color:white;opacity:0.6;line-height:23px;margin-top:-13px;font-size:12px}.box_inner__cost{overflow:hidden;margin:20px 0}.box_inner__cost .left{float:left;width:20%;top:9px;color:#31e2c8;position:relative;font-size:24px}.box_inner__cost .right{font-size:36px;color:white;font-weight:400}#staff{height:100vh;min-height:800px;text-align:center;margin-top:-40px}#staff .member{display:inline-block;width:33%;margin:50px;vertical-align:bottom;padding-bottom:25px;background-color:#fff;-webkit-box-shadow:rgba(0,0,0,0.5) -1px 0px 4px 0px;-moz-box-shadow:rgba(0,0,0,0.5) -1px 0px 4px 0px;box-shadow:rgba(0,0,0,0.5) -1px 0px 4px 0px;-webkit-border-radius:101% 10% 0 50%;-moz-border-radius:101% 10% 0 50%;-ms-border-radius:101% 10% 0 50%;-o-border-radius:101% 10% 0 50%;border-radius:101% 10% 0 50%}#staff .member .name{font-weight:bold;color:#000;padding-left:110px}#staff .member .name .nickname{color:#666;font-weight:300}#staff .member .function{padding-left:110px}#staff .member img{max-width:100%;-webkit-border-radius:50% 10% 120% 30%;-moz-border-radius:50% 10% 120% 30%;-ms-border-radius:50% 10% 120% 30%;-o-border-radius:50% 10% 120% 30%;border-radius:50% 10% 120% 30%}#contact{margin-top:-46px;padding:50px 0px 100px;height:100vh}#contact .title p{color:#878787}#contact form{max-width:600px;text-align:center;margin:20px auto}#contact form button{font-size:18px}#contact form button i{padding-left:10px;vertical-align:middle}#contact form button,#contact form input,#contact form textarea{box-sizing:border-box;border:0;outline:0;padding:1em;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;display:block;width:100%;margin-top:1em;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);resize:none}#contact form button:focus,#contact form input:focus,#contact form textarea:focus{-webkit-box-shadow:0 0px 2px #6439a5 !important;-moz-box-shadow:0 0px 2px #6439a5 !important;box-shadow:0 0px 2px #6439a5 !important}#contact form #input-submit{color:white;background:#6439a5;cursor:pointer}#contact form #input-submit:hover{-webkit-box-shadow:0 1px 1px 1px rgba(170,170,170,0.6);-moz-box-shadow:0 1px 1px 1px rgba(170,170,170,0.6);box-shadow:0 1px 1px 1px rgba(170,170,170,0.6)}#contact form textarea{height:172px}#presentation{margin-top:-46px;padding:50px 0px 100px;height:calc(100vh - 150px);background-color:#0f0610}#presentation .littlebox{max-width:600px;margin:80px auto 0}#presentation p{color:#ccc}body.modaled{position:relative}body.modaled:before{position:absolute;background-color:rgba(0,0,0,0.2);content:' ';left:0;right:0;top:-55px;bottom:0;z-index:100}.modal{padding:20px;box-sizing:border-box;position:fixed;top:25%;left:0;right:0;margin-left:auto;margin-right:auto;width:500px;background-color:#fff;min-height:100px;z-index:101;text-align:center;font-size:20px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.post{margin-bottom:15px;min-height:100px;padding:15px;box-sizing:border-box;width:100%;z-index:10;position:relative;border:1px solid #eee;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}.post .content a img{float:left;width:48px;height:48px;margin-right:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.post .content .media{margin-top:15px}.post .content .media img{max-width:100%}
