@import url(http://fonts.googleapis.com/css?family=Lato:100,300);@keyframes showdesc{0%{right:-400px}50%{right:-400px}100%{right:0px}}@-webkit-keyframes showdesc{0%{right:-400px}50%{right:-400px}100%{right:0px}}*{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-touch-callout:none;font-weight:300;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:"Lato", Verdana, Tahoma, Helvetica, sans-serif;font-size:13px;color:#333;background:white;font-weight:300;position:relative}html{height:100%}.first{background:#333}#triangle{margin-left:4px;transition:all 0.2s linear}body{min-height:100%}body.showMenu .menu-list{opacity:1;display:block}body.showMenu #triangle{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}body.showMenu .main-panel.first h1,body.showMenu .main-panel.first h2{opacity:0.1}.first h1,.first h2{transition:all 200ms linear}.background{position:absolute;top:0px;left:0px;right:0px;bottom:0px}.parallax-wrapper{position:absolute;left:0px;right:0px;top:0px;bottom:0px;overflow:hidden}.parallax-wrapper .overlay{position:absolute;top:0px;right:0px;bottom:0px;left:0px}.parallax-wrapper.blue .overlay{background-color:rgba(6,67,188,0.5)}.parallax-wrapper.green .overlay{background-color:rgba(5,133,7,0.5)}.parallax-wrapper.yellow .overlay{background-color:rgba(191,127,0,0.5)}.parallax-wrapper.white .overlay{background-color:rgba(255,255,255,0.5)}.parallax{position:absolute;left:0px;right:0px;min-width:100%;min-height:120%;margin-left:auto;margin-right:auto}h1{text-align:center;font-family:"Lato", Verdana, Tahoma, Helvetica, sans-serif;font-size:42px;line-height:40px;margin:0;margin-bottom:30px;padding:0}h2{font-size:24px;line-height:40px;margin:0;margin-bottom:10px;padding:0;text-align:center}.separator{height:1px;width:100%;margin-top:10px;margin-bottom:10px;background:white}.preview-img{overflow:hidden;width:100%;height:100%;margin-left:auto;margin-right:auto;text-align:center}.preview-img img{width:100%;min-height:100%;margin-left:auto;margin-right:auto}.header{padding-top:100px}a.anchor{display:block;visibility:hidden;padding-bottom:160px}.main-panel{height:700px;padding-top:140px;width:100%;position:relative}.main-panel *{color:white}.main-panel.contact-us{height:500px}.main-panel.thin{height:300px;padding-top:60px}.header-panel{padding:60px;padding-top:80px;background:black;width:100%}.header-panel *{color:white}.panel{width:1040px;margin-left:auto;margin-right:auto;margin-bottom:20px;border-radius:0px;padding-bottom:50px;position:relative}.panel.full{width:100%;margin:0px;position:relative}.panel.full.map{padding-top:0px;height:600px;margin-bottom:0px;padding-bottom:0px;position:relative}.panel .col-half{display:inline-block;width:49%;padding-left:0px;padding-right:10px;vertical-align:top}.panel .col-half:nth-child(2n){padding-right:0px;padding-left:10px}.panel .col-third{display:inline-block;width:346.66667px;height:346.66667px;padding-left:0px;padding-right:0px;vertical-align:top}.panel .col-third:nth-child(3n){padding-right:0px;padding-left:0px}.panel .col-third:nth-child(3n-1){padding-right:0px;padding-left:0px}.panel .client{overflow:hidden;position:relative;transition:all 0.1s linear}.panel .client .overlay{position:absolute;top:-2px;bottom:-2px;right:-2px;left:-2px;background:rgba(0,0,0,0.8);padding-top:150px}.panel .client .overlay h2{color:white}.panel .client:hover{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);z-index:5}.panel .client:hover .overlay{background:rgba(0,0,0,0)}.panel .client:hover .overlay h2{opacity:0}.clients{font-size:0px;margin-top:40px}hr{margin-top:30px;margin-bottom:30px;border:none;border-bottom:1px solid #ddd}ul.not-a-list{list-style:none;margin:0;padding:0;margin-bottom:160px}ul.grid{width:100%;overflow:hidden}ul.grid>li{padding:10px;float:left;width:25%;text-align:center;font-size:16px}ul.grid>li img{width:100%}.nav{padding:10px;font-size:23px;margin-bottom:20px;width:100%;margin-top:0;color:white;-webkit-text-stroke:0.35px;position:absolute;top:0px;z-index:99}.nav button.menu{border:none;background:none;color:white;font:inherit;outline:none;cursor:pointer;border-left:1px solid white;padding-left:10px}.nav a.logo{border:none}.nav a.logo img{border:none;height:24px;margin-right:5px}.nav .nav-inner{position:relative;margin:auto}.nav .nav-inner .social-buttons{float:right}.nav .menu-wrapper{display:inline-block;position:relative;width:300px;margin-left:10px}.nav .menu-list{position:absolute;top:110%;left:2px;transition:all 200ms linear;opacity:0;border-left:1px solid white;display:none}.nav .menu-list ul{list-style-type:none;padding-left:0px;margin:0px}.nav .menu-list ul li{padding:10px}.nav .menu-list ul li a{font-size:32px}.nav a{color:#fff;text-decoration:none}.contact-us *{color:black}.copyright{position:absolute;bottom:5px;color:#555}.project{margin-top:30px;font-size:24px;line-height:32px;width:100%;overflow:hidden}.project .image{float:left}.project .details{padding-left:360px}.project .details p{margin-top:0;color:black}.other-projects{border-top:1px solid #eee;border-bottom:1px solid #eee;margin:40px 0;padding-top:30px}.other-projects h3{font-size:40px;color:#666;margin-bottom:50px;text-align:center}@media all and (max-width: 1024px){.panel{width:100%;padding:3px}.panel .col-third{width:33%;height:260px}}@media all and (max-width: 480px){.panel{width:100%;padding:10px;position:relative;margin-bottom:0px}.panel .col-half{width:100%;display:block;padding-left:0px;padding-right:0px}.panel .col-half:nth-child(2n){padding-right:0px;padding-left:00px}.panel .col-third{width:100%;height:150px}.panel .client{border-top:1px solid white;border-bottom:1px solid white}.panel .client:hover{-webkit-transform:scale(1, 1);transform:scale(1, 1);background:rgba(0,0,0,0.6)}.panel .client:hover h2{opacity:1}.panel .client .overlay{left:0px;right:0px;bottom:0px;top:0px;padding-top:60px}.header-panel{padding-left:10px;padding-right:10px}.nav .nav-inner{width:100%}.nav .menu-wrapper{width:162px;margin-left:0px}h1{width:100%;font-size:28px}h2{width:100%;font-size:20px}.menu-list a{font-size:14pt !important}.main-panel{height:auto;min-height:300px;padding-top:20px}.header{padding-top:20px}.first{padding-top:60px;padding-bottom:60px}.social-buttons{display:none}.preview-img{border:none;position:relative;min-height:inherit}.main-panel.contact-us{height:300px}.clients .panel{padding:0px}}