html{height:100%;min-height:100%}body{background-color:#181818;background-image:url("/static/images/gradient_bg.jpg");background-repeat:no-repeat;background-size:cover;color:#fff;font-family:"RobotoDraft","Helvetica",arial,sans-serif;height:100%;margin:0;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}body.no-scroll{overflow-y:hidden;position:fixed;width:100%}*{border:none;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-end:0em;-webkit-margin-start:0em;-webkit-padding-start:0em}canvas{background:#000;left:0;pointer-events:none;position:fixed;top:0;z-index:10}a{color:#000000;text-decoration:none}.touch-button{-webkit-tap-highlight-color:transparent}.touch-button img{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:100ms all ease-in-out;transition:100ms all ease-in-out}.touch-button.active img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}.touch-button :hover{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.main-container{bottom:0;height:100%;left:0;max-height:100%;max-width:100%;overflow:visible;position:absolute;right:0;top:0;width:100%;z-index:12}.inner-container{margin:0 auto;width:90%}.exit-layer{bottom:0;display:block;height:100%;left:-10%;pointer-events:all;position:absolute;right:0;top:0;width:120%;z-index:900}.exit-layer.remove{display:none;height:0;pointer-events:none;width:0}.video-mask{background-color:#000;background-image:url("/static/images/loading.gif");background-position:50% 50%;background-repeat:no-repeat;bottom:0;height:100%;left:-10%;position:absolute;right:0;top:0;width:120%;z-index:900;-webkit-transition:opacity 250ms ease-in-out;transition:opacity 250ms ease-in-out}.video-mask .close-video-button{cursor:pointer;display:block;position:absolute;right:5%;text-align:right;top:0.5em;z-index:10010}.video-mask .close-video-button img{height:45px;margin-right:0.2em;width:45px}.video-mask.complete{opacity:0}.video-mask.remove{display:none}.overlay-mask{background:#000;bottom:0;height:1000%;left:-50%;opacity:1;position:absolute;right:0;top:-50%;width:1000%;z-index:90;-webkit-transition:opacity 200ms linear;transition:opacity 200ms linear}.overlay-mask.complete{opacity:0}.overlay-mask.remove{display:none}.hideable{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-transform 800ms ease-in-out, opacity 400ms ease-in-out;transition:-webkit-transform 800ms ease-in-out, transform 800ms ease-in-out, opacity 400ms ease-in-out}.hide-me-left{opacity:0;-webkit-transform:translate3d(-800px, 0, 0);transform:translate3d(-800px, 0, 0)}.hide-me-right{opacity:0;-webkit-transform:translate3d(800px, 0, 0);transform:translate3d(800px, 0, 0)}.main-container{overflow-x:hidden;overflow-y:scroll;width:100%;-webkit-overflow-scrolling:touch}.main-container.desktop .mobile{display:none}.main-container.desktop video.active{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10001}.main-container.mobile .desktop{display:none !important}.main-container.mobile video{display:none}.main-container.mobile video.active{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10001}.main-container.no-scroll{overflow-y:hidden;position:fixed}.main-container .projects{margin:1.8em auto 0;max-width:734px;position:relative;width:100%}.main-container .projects ul{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:0 0 0 0;padding:0;-webkit-flex-direction:column;-webkit-box-align:flex-center;-ms-flex-align:flex-center;align-items:flex-center}.main-container .projects ul li{display:block;margin:0 0 2em 0;text-align:center}.main-container .projects ul li a{display:block;position:relative}.main-container .projects ul li a img{display:inherit;max-width:734px;pointer-events:none;width:100%}.main-container .projects ul li a .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;-webkit-flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main-container .projects ul li a .title .text{color:#fff;font-size:38px;font-weight:bold;pointer-events:none;text-transform:uppercase}@media (max-width: 600px){.main-container .projects ul li a .title .text{font-size:24px}}.main-container .hero{margin:2em auto 0;max-width:734px;position:relative;width:100%}@media (min-width: 1152px){.main-container .hero{margin-top:-4.1em}}.main-container .hero .container{list-style:none;margin:0;padding:0;position:relative;width:100%}.main-container .hero .container li{width:100%}.main-container .hero .container li a{display:block}.main-container .hero .container li a img{pointer-events:none;width:100%}.main-container .hero .container .thumbnail{display:inherit;height:auto;width:100%}.main-container .hero .container .info-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;-webkit-flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main-container .hero .container .info-wrapper .info{font-family:"RobotoDraft","Helvetica",arial,sans-serif;font-size:38px;font-weight:bold;pointer-events:none;text-align:center;text-transform:uppercase;width:100%}@media (max-width: 600px){.main-container .hero .container .info-wrapper .info{font-size:24px}}.main-container .hero .container .front{display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.main-container .hero .container .front ul{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:1.2em 0.6em 0 0;padding:0;-webkit-flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.main-container .hero .container .front ul li{margin-bottom:15px;max-width:50px;width:25%}.main-container .hero .container .front ul li img{max-width:50px;pointer-events:all;width:100%}.main-container .atap-linkout{margin:2em 0 0 0;text-align:center}.main-container .atap-linkout img{width:30%}.main-container .atap-linkout p{font-size:12px}.project-overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:100;-webkit-transition:opacity 250ms ease-in-out;transition:opacity 250ms ease-in-out}.project-overlay .scroll-wrap{height:100%;overflow-y:auto;position:relative}.project-overlay .scroll-wrap.center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.project-overlay .scroll-wrap .content{background:#000;height:auto;margin:0 auto;max-width:720px;width:90%}.project-overlay .scroll-wrap .content .close-overlay-button{display:block;margin-bottom:0.5em;margin-top:0.5em;max-height:45px;text-align:right}.project-overlay .scroll-wrap .content .close-overlay-button img{max-width:45px;width:20%}.project-overlay .scroll-wrap .content .project-title{font-size:22px;font-weight:bold;margin:0 0 0.5em;padding:0}.project-overlay .scroll-wrap .content .project-description{font-size:14px;font-weight:normal;margin:0 0 1em 0;padding:0}@media only screen and (orientation: landscape){.project-overlay .scroll-wrap .content .project-description{font-size:20px}}.project-overlay .scroll-wrap .content .line{border-bottom:1px white solid;height:5px}.project-overlay .scroll-wrap .content .back{cursor:pointer;position:relative}.project-overlay .scroll-wrap .content .back .thumbnail{margin:0 auto;max-width:768px;width:100%}.project-overlay .scroll-wrap .content .back .play-button{left:50%;margin:-27px 0 0 -27px;pointer-events:none;position:absolute;top:50%;width:54px;z-index:80;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:100ms all ease-in-out;transition:100ms all ease-in-out}.project-overlay .scroll-wrap .content .back .play-button.active{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}.project-overlay .scroll-wrap .content ul{list-style:none;margin-top:0.2em;padding:0}.project-overlay .scroll-wrap .content ul li{display:inline}.project-overlay .scroll-wrap .content ul li a img{max-width:40px;width:15%}.project-overlay .scroll-wrap .content ul li a.learn-more-button{float:right;margin-right:-10px;margin-top:-13px;overflow:hidden}.project-overlay .scroll-wrap .content ul li a.learn-more-button img{max-width:140px;width:140px}.project-overlay.complete{opacity:0}.project-overlay.remove{display:none}footer{border:none;margin:2em auto 1em auto;max-width:360px;padding:0}footer ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;list-style:none;list-style:none;margin:0 auto;padding:0;width:90%;-webkit-flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}footer ul li{display:inline-block;font-size:12px;height:25px;text-align:center}footer ul li.logo{width:30%}footer ul li.about{width:27%}footer ul li.privacy{width:20%}footer ul li.terms{width:20%}footer ul li a,footer ul li a:link,footer ul li a:visited{color:#b0b0b0;text-decoration:none}footer ul li a:hover{text-decoration:underline}footer ul li:first-child img{display:block;margin-top:-4px;width:70px}footer ul li:last-child{margin-right:0}header{display:-webkit-box;display:-ms-flexbox;display:flex;margin:2.5em auto 0 auto;position:relative;width:90%;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header .left{overflow:hidden;width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}header .left a{display:block;width:100%}header .left a img{max-width:228px;opacity:0.7;width:100%;-webkit-transition:350ms all ease-in-out;transition:350ms all ease-in-out}@media (min-width: 1152px){header .left a img{margin-left:-1.96em;margin-top:-1.25em;-ms-transform:scale(.75);-webkit-transform:scale(.75);transform:scale(.75)}}header .right{height:100%;width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}header .right ul{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:0;padding:0;-webkit-flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}header .right ul li{margin:0;max-width:64px;width:25%}header .right ul li a :hover{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}header .right ul li a img{margin:0 0 8px 0;max-width:64px;opacity:0.7;width:100%;-webkit-transition:350ms all ease-in-out;transition:350ms all ease-in-out}@media (min-width: 1152px){header .right ul li a img{width:54px}}header .right ul li a img.active{opacity:1}