body.no-scroll{overflow:hidden}.wrapper{width:100%}h3.title{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:3.75em;text-transform:uppercase;text-align:center;margin-bottom:5px}p.description{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.313em;text-align:center}@media only screen and (min-width:960px){.white-bg{background:#fff url(../../images/white-bg-desktop.jpg) repeat}}@media only screen and (min-width:768px) and (max-width:959px){.white-bg{background:#fff url(../../images/white-bg-tablet.jpg) repeat}}@media only screen and (min-width:480px) and (max-width:767px){.white-bg{background:#fff url(../../images/white-bg-landscape.jpg) repeat}}@media only screen and (max-width:479px){.white-bg{background:#fff url(../../images/white-bg-portrait.jpg) repeat}}.purple-bg{background-color:#405275}@media only screen and (min-width:960px){.purple-bg{background:#405275 url(../../images/purple-bg-desktop.jpg) repeat}}@media only screen and (min-width:768px) and (max-width:959px){.purple-bg{background:#405275 url(../../images/purple-bg-tablet.jpg) repeat}}@media only screen and (min-width:480px) and (max-width:767px){.purple-bg{background:#405275 url(../../images/purple-bg-landscape.jpg) repeat}}@media only screen and (max-width:479px){.purple-bg{background:#405275 url(../../images/purple-bg-portrait.jpg) repeat}}header{height:49px;position:fixed;top:0;z-index:100;border-top:1px solid #5F6D89;border-bottom:1px solid #4b5973;-webkit-box-shadow:0 25px 50px 0 rgba(0,0,0,.4);-moz-box-shadow:0 25px 50px 0 rgba(0,0,0,.4);box-shadow:0 25px 50px 0 rgba(0,0,0,.4);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3e4f71),color-stop(1,#32405b));background-image:-o-linear-gradient(bottom,#3e4f71 0,#32405b 100%);background-image:-moz-linear-gradient(bottom,#3e4f71 0,#32405b 100%);background-image:-webkit-linear-gradient(bottom,#3e4f71 0,#32405b 100%);background-image:-ms-linear-gradient(bottom,#3e4f71 0,#32405b 100%);background-image:linear-gradient(to bottom,#3e4f71 0,#32405b 100%)}header .container{position:relative}header .absolute{position:absolute}header h1{position:absolute;z-index:1;top:-20px;left:50%;margin-left:-73px;display:block;width:110px;height:100px;cursor:pointer}@media only screen and (max-width:767px){header #mobile-menu-icon{display:block;position:fixed;top:7px;left:9px;cursor:pointer}}@media only screen and (min-width:768px){header #mobile-menu-icon{display:none}}@media only screen and (min-width:768px){header nav#mobile-navigation{display:none!important}}@media only screen and (max-width:767px){header nav#mobile-navigation{display:none;position:fixed;top:51px;left:0;width:100%;-webkit-box-shadow:0 25px 50px 0 rgba(0,0,0,.4);-moz-box-shadow:0 25px 50px 0 rgba(0,0,0,.4);box-shadow:0 25px 50px 0 rgba(0,0,0,.4)}header nav#mobile-navigation ul{width:100%;display:block;padding:60px 0 0;background-color:#405275}header nav#mobile-navigation ul li{border-bottom:1px solid #263146;border-top:1px solid #667591;display:block;width:100%;text-align:center;padding:9px 0;font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:.938em;color:#FFF;cursor:pointer}header nav#mobile-navigation ul li.nav-start{display:none}header nav#mobile-navigation ul li.nav-services{border-top:0}}@media only screen and (max-width:767px){header nav#desktop-navigation{display:none}}@media only screen and (min-width:768px){header nav#desktop-navigation ul li{display:block;float:left}}@media only screen and (min-width:768px){header nav#desktop-navigation ul li{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:center;width:auto;padding:15px 15px 0;color:#FFF}}header nav#desktop-navigation ul li:hover{cursor:pointer;-moz-opacity:.85;opacity:.85;filter:alpha(Opacity='0.85')}@media only screen and (min-width:960px){header nav#desktop-navigation ul li.nav-start{margin-left:60px;margin-right:25px}}@media only screen and (min-width:768px) and (max-width:959px){header nav#desktop-navigation ul li.nav-start{margin-left:10px;margin-right:20px}}@media only screen and (min-width:960px){header nav#desktop-navigation ul li.nav-services{margin-right:25px}}@media only screen and (min-width:768px) and (max-width:959px){header nav#desktop-navigation ul li.nav-services{margin-right:20px}}@media only screen and (min-width:960px){header nav#desktop-navigation ul li.nav-process{margin-right:222px}}@media only screen and (min-width:768px) and (max-width:959px){header nav#desktop-navigation ul li.nav-process{margin-right:150px}}@media only screen and (min-width:960px){header nav#desktop-navigation ul li.nav-work{margin-right:25px}}@media only screen and (min-width:768px) and (max-width:959px){header nav#desktop-navigation ul li.nav-work{margin-right:20px}}@media only screen and (min-width:960px){header nav#desktop-navigation ul li.nav-clients{margin-right:25px}}@media only screen and (min-width:768px) and (max-width:959px){header nav#desktop-navigation ul li.nav-clients{margin-right:20px}}#start{height:600px;overflow:hidden;background-color:#FFF;background-color:#405275}@media only screen and (min-width:960px){#start{background:url(../../images/polygons-bg-desktop.png) repeat}}@media only screen and (min-width:768px) and (max-width:959px){#start{background:url(../../images/polygons-bg-tablet.png) repeat}}@media only screen and (min-width:480px) and (max-width:767px){#start{height:880px;background:url(../../images/polygons-bg-landscape.png) repeat}}@media only screen and (max-width:479px){#start{height:800px;background:url(../../images/polygons-bg-portrait.png) repeat}}#start .container{position:relative}#start .container h2{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;color:#000;text-transform:uppercase;text-shadow:0 1px 0 #fff;position:absolute}@media only screen and (min-width:960px){#start .container h2{font-size:3.75em;width:575px;top:210px;left:350px}}@media only screen and (min-width:768px) and (max-width:959px){#start .container h2{font-size:3.75em;width:500px;top:150px;left:320px}}@media only screen and (min-width:480px) and (max-width:767px){#start .container h2{font-size:3.75em;text-align:center;width:480px;top:480px;left:50%;margin-left:-240px;z-index:1}}@media only screen and (max-width:479px){#start .container h2{font-size:2.75em;text-align:center;width:300px;top:420px;left:50%;margin-left:-150px;z-index:1}}#start .container p{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;color:#7A7D7E;text-transform:uppercase;line-height:1.125em;text-shadow:0 1px 0 #fff;position:absolute}@media only screen and (min-width:960px){#start .container p{font-size:1.688em;width:575px;top:335px;left:350px}}@media only screen and (min-width:768px) and (max-width:959px){#start .container p{font-size:1.688em;width:425px;top:340px;left:320px}}@media only screen and (min-width:480px) and (max-width:767px){#start .container p{font-size:1.688em;text-align:center;width:460px;top:670px;left:50%;margin-left:-230px;z-index:1}}@media only screen and (max-width:479px){#start .container p{font-size:1.5em;text-align:center;width:280px;top:570px;left:50%;margin-left:-140px;z-index:1}}#start .container #perspective{position:absolute}@media only screen and (min-width:960px){#start .container #perspective{top:160px;left:-125px}}@media only screen and (min-width:768px) and (max-width:959px){#start .container #perspective{top:160px;left:-130px}}@media only screen and (min-width:480px) and (max-width:767px){#start .container #perspective{top:140px;left:-85px}}@media only screen and (max-width:479px){#start .container #perspective{height:340px;width:auto;top:140px;left:-90px}}@media only screen and (min-width:768px){#start .container #scroll{position:absolute;top:554px;left:50%;margin-left:-11px;-moz-opacity:.25;opacity:.25;filter:alpha(Opacity='0.25')}}@media only screen and (max-width:767px){#start .container #scroll{display:none}}@media only screen and (min-width:768px){#services{padding:110px 0 80px}}@media only screen and (max-width:767px){#services{padding:110px 0 0}}#services h3.title{color:#FFF;text-shadow:0 -1px 0 #000}#services p.description{color:#D7D9E0;margin-bottom:50px;text-shadow:0 -1px 0 #000}#services section{margin-bottom:40px}#services section span.icon{display:block;width:120px;height:120px;margin:0 auto 20px}#services section h4{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.75em;text-transform:uppercase;text-align:center;color:#FFF;margin-bottom:10px;text-shadow:0 -1px 0 #000}#services section p{font-family:"ProximaNova Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.063em;line-height:1.188em;text-align:center;color:#D2D5DC;padding:0 10px}@media only screen and (min-width:768px){#process{padding:110px 0 100px}}@media only screen and (max-width:767px){#process{padding:110px 0 0}}#process h3.title{color:#405275;text-shadow:0 1px 0 #fff}#process p.description{color:#A4A5A6;margin-bottom:50px;text-shadow:0 1px 0 #fff}#process section{height:120px;margin-bottom:20px}@media only screen and (max-width:479px){#process section{height:200px}}#process section span.icon{display:block;width:60px;height:60px;float:left}@media only screen and (max-width:479px){#process section span.icon{float:none;margin:0 auto 10px}}#process section span.details{display:block;float:left;margin-left:20px}@media only screen and (min-width:960px){#process section span.details{width:380px}}@media only screen and (min-width:768px) and (max-width:959px){#process section span.details{width:284px}}@media only screen and (min-width:480px) and (max-width:767px){#process section span.details{width:340px}}@media only screen and (max-width:479px){#process section span.details{float:none;width:300px;margin:0}#process section span.details h4{text-align:center}#process section span.details p{text-align:center}}#process section span.details h4{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.563em;color:#405275;text-transform:uppercase;margin-bottom:5px}#process section span.details p{font-family:"ProximaNova Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.063em;line-height:1.188em;color:#7A7D7E}@media only screen and (min-width:768px){#work{padding-top:110px}}@media only screen and (max-width:767px){#work{padding-top:110px}}#work h3.title{color:#FFF;text-shadow:0 -1px 0 #000}#work p.description{color:#D7D9E0;text-shadow:0 -1px 0 #000}#work #projects{margin-top:50px}#work #projects ul{background-color:#333;border-left:1px solid #333;border-right:1px solid #333;border-bottom:2px solid #333}#work #projects ul li{display:block;float:left;width:20%;border-top:2px solid #333;border-left:1px solid #333;border-right:1px solid #333;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;overflow:hidden}#work #projects ul li:hover{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;-moz-opacity:.8;opacity:.8;filter:alpha(Opacity='0.8')}@media only screen and (min-width:768px) and (max-width:959px){#work #projects ul li{width:25%}}@media only screen and (max-width:767px){#work #projects ul li{width:50%}}#work #projects ul li img{display:block;width:100%;height:auto}@media only screen and (min-width:768px){#clients{padding:110px 0}}@media only screen and (max-width:767px){#clients{padding:110px 0 0}}#clients h3.title{color:#405275;text-shadow:0 1px 0 #fff}#clients p.description{color:#A4A5A6;margin-bottom:50px;text-shadow:0 1px 0 #fff}#clients #companies ul li{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #D7D8D8;margin-bottom:20px;background-color:#FFF;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5);-moz-box-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:0 1px 0 rgba(255,255,255,.5)}#clients #companies ul li img{display:block;width:100%;height:auto}@media only screen and (min-width:768px){#contact{padding:110px 0 120px}}@media only screen and (max-width:767px){#contact{padding:110px 0 30px}}#contact h3.title{color:#FFF;text-shadow:0 -1px 0 #000}#contact p.description{color:#D7D9E0;margin-bottom:50px;text-shadow:0 -1px 0 #000}#contact .message-wrapper{margin:10px 0;padding:17px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#contact .message-wrapper.message-error{background-color:#B74848}#contact .message-wrapper.message-success{background-color:#81B748}#contact .message-wrapper p{font-family:"ProximaNova Regular","Helvetica Neue",Helvetica,Arial,sans-serif;color:#FFF}#contact form input[type=text],#contact form input[type=email],#contact form input[type=tel],#contact form textarea{font-family:"ProximaNova Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.125em;color:#7A7D7E;display:block;width:100%;padding:12px 15px;margin-bottom:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:0}#contact form input[type=text].error,#contact form input[type=email].error,#contact form input[type=tel].error,#contact form textarea.error{background-color:#F8ECEC;color:#B74848}#contact form textarea{resize:none;height:200px}#contact form button{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.375em;text-transform:uppercase;color:#FFF;padding:10px 0;width:100%;display:block;background-color:transparent;border:2px solid #FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#contact form button:hover{cursor:pointer;color:#405275;background-color:#FFF}@media only screen and (max-width:767px){#contact #offices{border-top:1px dotted #8C97AC;padding-top:40px;margin-top:40px}}#contact #offices h4{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.563em;text-transform:uppercase;color:#FFF;margin-bottom:5px;text-shadow:0 -1px 0 #000}#contact #offices p{font-family:"ProximaNova Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.063em;line-height:1.188em;color:#D2D5DC;margin-bottom:20px}#contact #offices ul#info{margin-bottom:30px}#contact #offices ul#info li{margin-bottom:10px}#contact #offices ul#info li span.item{display:block;float:left;font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;color:#FFF}#contact #offices ul#info li span.item a{color:#FFF;text-decoration:none}#contact #offices ul#info li span.item a:hover{text-decoration:underline}@media only screen and (min-width:960px){#contact #offices ul#info li span.item{font-size:1.5em;margin-top:6px}}@media only screen and (min-width:768px) and (max-width:959px){#contact #offices ul#info li span.item{font-size:1.125em;margin-top:9px}}@media only screen and (min-width:480px) and (max-width:767px){#contact #offices ul#info li span.item{font-size:1.5em;margin-top:6px}}@media only screen and (max-width:479px){#contact #offices ul#info li span.item{font-size:1.125em;margin-top:9px}}#contact #offices ul#info li span.icon{display:block;float:left;margin-right:10px;width:40px;height:40px}#contact #offices ul#social li{display:block;width:60px;height:60px;float:left;margin-right:10px}#contact #offices ul#social li a{display:block;width:60px;height:60px;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}#contact #offices ul#social li a:hover{-moz-opacity:.8;opacity:.8;filter:alpha(Opacity='0.8')}footer{padding:30px 0;background-color:#2B2B2B}footer p{font-family:"ProximaNova SBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875em;color:#828282;text-align:center}.lightbox{overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;padding-top:100px;background:transparent url(../../images/lightbox-bg.png) repeat;cursor:-webkit-zoom-out;cursor:-moz-zoom-out}.lightbox .container{position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF;margin-bottom:100px;cursor:default;padding-bottom:20px;background:-moz-radial-gradient(0 100%,circle,rgba(0,0,0,0) 15px,#fff 15px),-moz-radial-gradient(100% 100%,circle,rgba(0,0,0,0) 15px,#fff 15px),-moz-radial-gradient(100% 0,circle,rgba(0,0,0,0) 15px,#fff 15px),-moz-radial-gradient(0 0,circle,rgba(0,0,0,0) 15px,#fff 15px);background:-o-radial-gradient(0 100%,circle,rgba(0,0,0,0) 15px,#fff 15px),-o-radial-gradient(100% 100%,circle,rgba(0,0,0,0) 15px,#fff 15px),-o-radial-gradient(100% 0,circle,rgba(0,0,0,0) 15px,#fff 15px),-o-radial-gradient(0 0,circle,rgba(0,0,0,0) 15px,#fff 15px);background:-webkit-radial-gradient(0 100%,circle,rgba(0,0,0,0) 15px,#fff 15px),-webkit-radial-gradient(100% 100%,circle,rgba(0,0,0,0) 15px,#fff 15px),-webkit-radial-gradient(100% 0,circle,rgba(0,0,0,0) 15px,#fff 15px),-webkit-radial-gradient(0 0,circle,rgba(0,0,0,0) 15px,#fff 15px);background-position:bottom left,bottom right,top right,top left;-moz-background-size:50% 50%;-webkit-background-size:50% 50%;background-size:50% 50%;background-repeat:no-repeat}.lightbox .container .project-title{padding:50px 0 30px;margin-bottom:30px;border-bottom:1px solid #EDEDED;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.lightbox .container .project-title h4{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2.5em;color:#000;text-align:center}.lightbox .container .project-details .project-desc,.lightbox .container .project-details .project-role{padding:0 30px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:767px){.lightbox .container .project-details .project-desc{margin-bottom:30px}}.lightbox .container .project-details h5{font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.25em;text-transform:uppercase;color:#405275;margin-bottom:5px}.lightbox .container .project-details p{font-family:"ProximaNova Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.063em;line-height:1.188em;color:#7A7D7E;margin-bottom:20px}.lightbox .container .project-details dl{margin-top:10px}.lightbox .container .project-details dl dt{font-family:"ProximaNova Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875em;color:#7A7D7E;display:block;float:left;clear:left;width:110px;margin-top:4px}.lightbox .container .project-details dl dd{display:block;height:20px;float:left;background-color:#F8F8F8;text-indent:-9999px;margin-bottom:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}@media only screen and (min-width:960px){.lightbox .container .project-details dl dd{width:290px}}@media only screen and (min-width:768px) and (max-width:959px){.lightbox .container .project-details dl dd{width:194px}}@media only screen and (min-width:480px) and (max-width:767px){.lightbox .container .project-details dl dd{width:250px}}@media only screen and (max-width:479px){.lightbox .container .project-details dl dd{width:130px}}.lightbox .container .project-details dl dd span{display:block;height:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.lightbox .container .project-details dl dd span.bar-discovery{background-color:#B74848}.lightbox .container .project-details dl dd span.bar-planning{background-color:#D29500}.lightbox .container .project-details dl dd span.bar-design{background-color:#58709A}.lightbox .container .project-details dl dd span.bar-development{background-color:#539AAC}.lightbox .container .project-details .launch{display:block;background-color:#58709A;font-family:"Geo Medium","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.375em;text-transform:uppercase;text-decoration:none;color:#FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:15px}.lightbox .container .project-details .launch i{float:right}.lightbox .container .project-details .launch:hover{background-color:#405275}.lightbox .container .project-photos{margin-top:30px;border-top:1px solid #EDEDED;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (min-width:768px){.lightbox .container .project-photos{padding:30px 40px 0}}@media only screen and (max-width:767px){.lightbox .container .project-photos{padding:30px 30px 0}}.lightbox .container .project-photos figure{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:3px solid #EDEDED;margin-bottom:30px!important}.lightbox .container .project-photos img{display:block;width:100%;height:auto}.lightbox .container span.close{position:absolute;left:50%;margin-left:-35px;display:block;width:60px;height:60px;background-color:#58709A;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;border:10px solid #FFF;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.lightbox .container span.close.top{top:-35px}.lightbox .container span.close.bottom{bottom:-35px}.lightbox .container span.close:hover{cursor:pointer;background-color:#405275}.lightbox .container span.close i{font-size:1.6em;text-align:center;color:#FFF;width:60px;margin-top:18px}