/*@import url(http://fonts.googleapis.com/css?family=Lato:300,700);*/
.abs{position:absolute;}.fix{position:fixed;}.rel{position:relative;}.bordered{border:thin solid;}.mauto{margin:auto;}.fl{float:left;}.fr{float:right;}.fnone{float:none;}.ofh{overflow:hidden;}.ofa{overflow:auto;}.circled{border-radius:100% 100% 100% 100%;}.nopadding{padding:0;}.nomargin{margin:0;}.noborder{border:0;}.c-white{color:#fff;}.d-none{display:none;}.d-block{display:block;}.d-table{display:table;}.noshadow{text-shadow:none;}.uppercase{text-transform:uppercase;}.nobkg{background:none;}.fix-noselect{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.b-contain{background-size:contain;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;}*{border:none;text-decoration:none;margin:0;padding:0;}html{height:100%;width:100%;}body{margin:0;/*background:#000;*/}body:after{display:none;color:#fff;position:absolute;opacity:.6;z-index:99999;background:#f00;content:"undefined";right:0;padding:.5em 1em;text-align:center;top:0;}@media only screen and (min-width: 980px) and (max-width: 1128px){body:after{background:#008000;content:"desktop";}}@media only screen and (min-width: 1129px){body:after{background:#00f;content:"desktop-xl";}}@media only screen and (min-width: 640px) and (max-width: 979px){body:after{background:#800080;content:"desktop-s";}}@media only screen and (max-width: 529px){body:after{background:#ffa500;content:"mobile";}}@media only screen and (max-width: 529px) and (orientation:landscape){body:after{content:"mobile-L";}}@media only screen and (max-width: 529px) and (orientation:portrait){body:after{content:"mobile-P";}}@media only screen and (min-width: 530px) and (max-width: 719px) and (orientation:portrait){body:after{background:#ffa500;content:"mobile-l-P";}}@media only screen and (min-width: 530px) and (max-width: 719px) and (orientation:landscape){body:after{background:#ffa500;content:"mobile-l-L";}}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:portrait){body:after{background:#ffa500;content:"mobile-xl-P";}}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape){body:after{background:#ffa500;content:"mobile-xl-L";}}.padding-t{padding-top:15px;}.hidden{display:none;visibility:hidden;}@-webkit-keyframes slideStars{0%{background-position:0 0;}100%{background-position:502px -632px;}}@-moz-keyframes slideStars{0%{background-position:0 0;}100%{background-position:502px -632px;}}@keyframes slideStars{0%{background-position:0 0;}100%{background-position:502px -632px;}}@-webkit-keyframes slideAurora{0%{background-position:0 0;}100%{background-position:1127px 0;}}@-moz-keyframes slideAurora{0%{background-position:0 0;}100%{background-position:1127px 0;}}@keyframes slideAurora{0%{background-position:0 0;}100%{background-position:1127px 0;}}@-webkit-keyframes zoom-animation{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@-ms-keyframes zoom-animation{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@-moz-keyframes zoom-animation{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}.stars{position:fixed;z-index:1;background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/img/stars-background.png") repeat;height:100%;width:100%;}.content{height:auto;width:100%;position:absolute;z-index:2;}#worksList{position:relative;height:auto;width:960px;margin:auto;padding-top:100px;}#worksList .work-item{float:left;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-transform:skewY(20deg);-webkit-transform:skewY(20deg);-o-transform:skewY(20deg);-ms-transform:skewY(20deg);transform:skewY(20deg);height:180px;width:180px;background:rgba(51,52,57,0.8);margin:5px;border-bottom:solid 10px #97989d;cursor:pointer;}#worksList .work-item .work-content{height:160px;width:160px;max-width:160px;padding:10px;-moz-transform:skewY(-20deg);-webkit-transform:skewY(-20deg);-o-transform:skewY(-20deg);-ms-transform:skewY(-20deg);transform:skewY(-20deg);display:table-cell;vertical-align:bottom;}#worksList .work-item .work-content h4{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:20px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;text-transform:uppercase;text-align:right;word-wrap:break-word;margin-bottom:6px;}#worksList .work-item .work-content h2{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;text-transform:uppercase;float:right;text-align:right;word-wrap:break-word;padding:2px 5px;background:#000;color:#fff;}#worksList .work-item.games{border-bottom-color:#0cf;}#worksList .work-item.games h4{color:#0cf;}#worksList .work-item.identity{border-bottom-color:#bff426;}#worksList .work-item.identity h4{color:#bff426;}#worksList .work-item.motion{border-bottom-color:#07b418;}#worksList .work-item.motion h4{color:#07b418;}#worksList .work-item.print{border-bottom-color:#fb0499;}#worksList .work-item.print h4{color:#fb0499;}#worksList .work-item.lab{border-bottom-color:#ffb246;}#worksList .work-item.lab h4{color:#ffb246;}#worksList .work-item.web{border-bottom-color:#fb6604;}#worksList .work-item.web h4{color:#fb6604;}#worksList .work-item.one-space{margin-left:200px;}@media only screen and (min-width: 980px) and (max-width: 1128px){#worksList{height:auto;width:700px;}#worksList .work-item{height:130px;width:130px;}#worksList .work-item .work-content{height:110px;width:110px;max-width:110px;}#worksList .work-item .work-content h4{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:15px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;}}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:portrait),only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (max-width: 529px) and (orientation:portrait){#worksList .work-item{height:95px;width:95px;}#worksList .work-item .work-content{height:85px;width:85px;max-width:85px;padding:5px;}#worksList .work-item .work-content h4{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:11px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;}#worksList .work-item .work-content h2{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:9px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;}}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape){#worksList{height:auto;width:420px;}}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:portrait){#worksList{height:auto;width:420px;}}@media only screen and (max-width: 529px) and (orientation:portrait){#worksList{height:auto;width:320px;}}#worksFilter{position:fixed;height:100px;width:100%;z-index:13;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;right:0;bottom:0;background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/img/menu-background.png") repeat-x bottom;}#worksFilter ul{list-style:none;margin:0;padding:0;margin-top:50px;}#worksFilter ul li{float:right;position:relative;height:40px;width:80px;line-height:36px;margin:5px;text-align:center;}#worksFilter ul li:hover{background:#333;}#worksFilter ul li.current{background:#333;}#worksFilter a{letter-spacing:1px;color:#fff;}#worksFilter a.current{color:#0cf;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (min-width: 530px) and (max-width: 979px) and (orientation:portrait),only screen and (max-width: 529px) and (orientation:portrait){#worksFilter{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;bottom:0;height:90px;}#worksFilter ul li{margin:0 2px 0 0;width:65px;}}#mainMenu{position:fixed;height:50px;width:100%;z-index:13;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;left:0;top:10px;}#mainMenu ul{list-style:none;margin:0;padding:0;margin-top:0;}#mainMenu ul li{float:left;position:relative;height:40px;width:100px;line-height:36px;margin:5px;text-align:center;}#mainMenu ul li:hover{background:#333;}#mainMenu ul li.current{background:#333;}#mainMenu a{letter-spacing:1px;color:#fff;}#mainMenu a.current{color:#0cf;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (min-width: 530px) and (max-width: 979px) and (orientation:portrait),only screen and (max-width: 529px) and (orientation:portrait){#mainMenu{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;top:0;}#mainMenu ul li{margin:0 2px 0 0;}}@media only screen and (max-width: 529px) and (orientation:portrait){#mainMenu ul li{width:75px;}}#worksPhotoContainer{position:relative;height:400px;width:750px;margin:auto;background-color:rgba(255,255,255,0.9);}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape){#worksPhotoContainer{height:100%;width:100%;}}@media only screen and (max-width: 529px) and (orientation:portrait){#worksPhotoContainer{height:100%;width:100%;}}#worksPhotoContainer.loading{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/img/loading.gif") no-repeat center center;background-color:rgba(255,255,255,0.9);}#worksPhotoList{position:relative;height:400px;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (max-width: 529px) and (orientation:portrait){#worksPhotoList{width:100% !important;height:100%;}#worksPhotoList img{width:100%;}}#worksPhotoList img{position:absolute;}#workDetail{overflow:hidden;height:500px;width:100%;position:absolute;z-index:10;top:20%;left:0;display:none;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (max-width: 529px) and (orientation:portrait){#workDetail{height:100%;width:100%;top:0;z-index:100;}}@media only screen and (max-width: 529px) and (orientation:portrait){#workDetail{top:10%;height:80%;}}#closeDetail{position:relative;margin:auto;width:750px;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (max-width: 529px) and (orientation:portrait){#closeDetail{width:100%;}}#closeDetailBtn{position:absolute;z-index:12;height:60px;width:60px;background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/img/detail/btn_close.png") no-repeat center center;margin-top:-5px;right:-5px;cursor:pointer;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (max-width: 529px) and (orientation:portrait){#closeDetailBtn{right:0;}}#navWorks{height:62px;width:750px;position:absolute;z-index:11;top:180px;}#navWorks #leftNav{position:relative;float:left;height:40px;width:91px;background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/img/detail/nav_left.png") no-repeat;margin-left:-47px;cursor:pointer;}#navWorks #rightNav{position:relative;float:right;height:40px;width:91px;background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/img/detail/nav_right.png") no-repeat;margin-right:-47px;cursor:pointer;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (max-width: 529px) and (orientation:portrait){#navWorks{height:62px;width:100%;top:50%;}}#worksDetailTitle{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:22px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;color:#fff;margin:0;margin-top:5px;height:30px;width:100%;float:left;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (max-width: 529px) and (orientation:portrait){#worksDetailTitle{width:100%;}#worksDetailTitle p{float:left;padding:2px 4px;background:#000;width:auto;}}#worksDetailText{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:10px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;letter-spacing:1px;color:#0cf;margin:0;float:left;}#worksDetailText p{float:left;padding:2px 4px;background:#000;width:auto;}#worksDetailText a{color:#fff;text-decoration:none;}#worksDetailInfo{height:50px;width:750px;margin:auto;display:block;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (max-width: 529px) and (orientation:portrait){#worksDetailInfo{height:50px;width:96%;bottom:2%;left:2%;position:absolute;}}#logo{position:fixed;background-size:contain;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;height:51px;width:76px;z-index:12;right:20px;top:20px;background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/img/logo_mm.png") no-repeat;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (min-width: 530px) and (max-width: 979px) and (orientation:portrait),only screen and (max-width: 529px) and (orientation:portrait){#logo{top:5px;right:10px;width:56px;background-size:contain;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;}}#about,#contact{overflow:hidden;position:absolute;height:400px;width:100%;height:0;-webkit-transition:height .1s;-moz-transition:height .1s;-ms-transition:height .1s;-o-transition:height .1s;transition:height .1s;background:#000;z-index:11;}#about.active,#contact.active{height:400px;-webkit-transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;transition:height .2s;}#about .section-content,#contact .section-content{position:relative;height:auto;width:960px;margin:auto;margin-top:80px;color:#a3ecfe;}#about .section-content p,#contact .section-content p{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:15px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;margin-top:20px;}#about .section-content p.en,#contact .section-content p.en{color:#0cf;}#about .section-content h4,#contact .section-content h4{text-transform:uppercase;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:30px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;}@media only screen and (min-width: 530px) and (max-width: 979px),only screen and (min-width: 980px) and (max-width: 1128px){#about .section-content,#contact .section-content{height:auto;width:700px;}#about .section-content p,#contact .section-content p{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;}#about .section-content h4,#contact .section-content h4{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:24px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;}}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (min-width: 530px) and (max-width: 979px) and (orientation:portrait),only screen and (max-width: 529px) and (orientation:portrait){#about,#contact{height:0;width:100%;}#about.active,#contact.active{height:100%;}#about .section-content,#contact .section-content{width:90%;margin-top:50px;}#about .section-content h4,#contact .section-content h4{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:18px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;}#about .section-content p,#contact .section-content p{margin-top:10px;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:11px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;}}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:portrait),only screen and (max-width: 529px) and (orientation:portrait){#about .section-content p,#contact .section-content p{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;}}.close-button{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/img/close-button.png") no-repeat center;position:absolute;right:0;top:5px;background-size:contain;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;height:20px;width:20px;z-index:10;text-indent:-99999px;padding:0;cursor:pointer;}#contactContainer{position:absolute;float:left;padding:0;margin:0;left:0;}#contactInnerContent{height:300px;width:100%;float:left;position:relative;margin:0 auto 0 auto;padding:0;}#contactInnerContent .baseText{display:block;float:left;margin-bottom:20px;}.contactInnerColumn{float:left;display:block;margin-right:4%;width:46%;}.contactInnerColumn label{text-transform:uppercase;color:#fff;margin-right:100px;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;}.contactInnerColumn textarea{height:100px;width:98%;max-height:100px;max-width:98%;background:#0cf;border:none;color:#000;padding:1%;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;}.contactInnerColumn input.formTF{height:20px;width:100%;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;color:#0cf;background:none;border:none;}.contactInnerColumn input.formError{background:#955b2b;border:none;color:#000;}.contactInnerColumn.full{width:100%;margin:0;}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape){.contactInnerColumn textarea{height:50px;}}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:portrait),only screen and (max-width: 529px) and (orientation:portrait){.contactInnerColumn{margin-right:0;width:100%;}}.contactLine{height:1px;width:100%;background-color:#0cf;}#contactTitle{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:30px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;width:100%;color:#000;float:left;position:relative;margin:10px 0 0 0;}#sendButton{float:right;text-transform:uppercase;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:16px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;margin:0;background:#0cf;padding:2px 4px;color:#000;}#contactStatus{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;letter-spacing:.4px;float:left;color:#eeefef;margin:4px 0 0 10px;}#contactStatus p{margin:0 !important;}#welcomeText{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:100px;text-align:center;height:auto;width:960px;margin:auto;}#welcomeText p{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:40px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;color:#eee;}#welcomeText h4{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:60px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;color:#eee;}@media only screen and (min-width: 980px) and (max-width: 1128px){#welcomeText{height:auto;width:700px;}#welcomeText p{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:30px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;}#welcomeText h4{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:40px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;}}@media only screen and (min-width: 530px) and (max-width: 979px) and (orientation:landscape),only screen and (min-width: 530px) and (max-width: 979px) and (orientation:portrait){#welcomeText{padding-top:60px;height:auto;width:420px;}#welcomeText p{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:30px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;}#welcomeText h4{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:40px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;}}@media only screen and (max-width: 529px) and (orientation:portrait){#welcomeText{padding-top:60px;height:auto;width:320px;}#welcomeText p{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:20px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;}#welcomeText h4{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:30px;text-decoration:none;font-weight:300;text-rendering:optimizelegibility;}}#preloader{height:100px;width:100px;z-index:100;top:50%;left:50%;position:absolute;}#preloader .circle{border-radius:100px 100px 100px 100px;background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/img/loading.gif") no-repeat center center;background-color:rgba(255,255,255,0.9);position:absolute;top:-50px;left:-50px;height:100px;width:100px;}.container{display:none;}#formSuccess{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;font-weight:700;text-rendering:optimizelegibility;letter-spacing:.4px;float:left;color:#eeefef;margin:10px 0 0 0;}#canvas2{height:100%;width:100%;}.space{height:100%;width:100%;position:fixed;z-index:0;}