@keyframes header-bg{to{background-position:100% 100%}}#header{position:relative;height:80vh}#header #header-inner{position:relative;height:100vh;padding-bottom:100px;box-sizing:border-box}#header .bg,#header .mask{position:absolute;top:0;left:0;width:100%;height:100%}#header .bg{background-image:url(../assets/group.jpg);background-repeat:no-repeat;background-position:0% 100%;background-size:auto 140%;animation:header-bg 30s alternate infinite}#header .mask{background-color:rgba(0,0,0,.6)}#header .content{position:relative;top:50%;transform:translateY(-50%);position:relative;text-align:center;padding-left:15%;padding-right:15%}#header .content h1,#header .content p{color:#eee;text-shadow:2px 2px 2px #000}#header .content h1{font-family:"Lato",arial,sans-serif;font-weight:300;font-size:5em;padding-bottom:25px}#header .content h1 span{display:inline-block}#header .content p{font:300 1.8em "Roboto",arial,helvetica,sans-serif;letter-spacing:.02em;line-height:1.5em}#header h1 span{opacity:0;transition:transform .25s linear,opacity .25s}#header h1 span:first-of-type{transform:translateX(-120%)}#header h1 span:last-of-type{transform:translateX(120%)}#header p{opacity:0;transform:translateX(-20%);transition:transform .5s,opacity .5s}#header.scrolled h1 span:first-of-type,#header.scrolled h1 span:last-of-type{opacity:1;transform:translateX(0)}#header.scrolled p{opacity:1;transform:translateX(0);transition-delay:.5s}#optimize{position:relative;z-index:30;background:#024;background:linear-gradient(90deg, #024 0%, #035 100%)}#optimize .content{padding:0 10%;padding-top:50px;padding-bottom:50px}#optimize .top-title h1{font-family:"Roboto Condensed",arial,helvetica,sans-serif;font-weight:300;font-size:3.5em;color:#eee;padding-bottom:20px}#optimize .top-title p{padding-bottom:20px}#optimize .content p{font-family:"Roboto Condensed",arial,helvetica,sans-serif;font-weight:300;color:#eee;font-size:1.2em;letter-spacing:.02em;line-height:1.4em}#optimize ul{padding-top:100px}#optimize li{padding-left:50px;padding-right:100px;padding-bottom:80px}#optimize li:last-of-type{padding-bottom:0}#optimize .box{position:relative}#optimize .title-wrap{display:inline-block}#optimize .title-underline{height:2px;background-color:#eee}#optimize .box h2,#optimize .box p{font-family:"Roboto Condensed",arial,helvetica,sans-serif;font-weight:300;color:#eee}#optimize .box h2{font-size:1.7em;padding-right:10px;padding-bottom:10px}#optimize .box p{padding-top:15px}#optimize .box .left{position:absolute;top:0;left:0}#optimize .box .right{padding-left:140px}#optimize .box img{max-height:90px;max-width:90px}#optimize .ada .box img{transform:translateX(15%)}#optimize .device .box img{transform:translateX(50%)}#optimize.unscrolled .box img{transform:scale(0);transition:transform .5s}#optimize.scrolled .box img{transform:scale(1)}#optimize.scrolled li:nth-of-type(1) .box img{transition-delay:.5s}#optimize.scrolled li:nth-of-type(2) .box img{transition-delay:.85s}#optimize.scrolled li:nth-of-type(3) .box img{transition-delay:1.2s}#optimize.scrolled li:nth-of-type(4) .box img{transition-delay:1.55s}#optimize.scrolled li:nth-of-type(5) .box img{transition-delay:1.9s}#optimize.scrolled li:nth-of-type(6) .box img{transition-delay:2.25s}#index-design{position:relative;z-index:70;padding:0 10%;transform:translateY(-70px)}#index-design .content{position:relative}#index-design .left{position:absolute;top:0;left:0;width:50%;height:100%}#index-design .img-wrap{height:100%}#index-design .left img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;box-shadow:5px 5px 10px rgba(0,0,0,.5)}#index-design .right{padding-left:57%}#index-design .text{padding-top:50px;padding-bottom:0}#index-design .text h1{font:300 2.5em "Roboto Condensed",arial,helvetica,sans-serif;color:#035;padding-bottom:20px}#index-design .text p{font:300 1.4em "Roboto",arial,helvetica,sans-serif;letter-spacing:.02em;line-height:1.3em;padding:15px 0}#index-design.unscrolled .left img{opacity:0;transform:translateX(-25%);transition:transform .5s,opacity .25s}#index-design.unscrolled .text h1 span{transition:color 1s}#index-design.scrolled .left img{opacity:1;transform:translateX(0)}#index-design.scrolled .text h1 span{color:#c00;transition-delay:1s}#index-services{position:relative;z-index:50;padding-top:100px;transform:translateY(200px)}#index-services .content{text-align:center}#index-services .top-title{padding-bottom:30px;text-align:center}#index-services .top-title h1{font:300 3.5em "Roboto Condensed",arial,helvetica,sans-serif;color:#035}#index-services .list{padding:0 5%}#index-services ul{display:flex}#index-services li{display:flex;flex:1 1 0;align-items:stretch}#index-services .box-wrap{height:100%;box-sizing:border-box;padding:0 20px}#index-services .box{height:100%;background-color:#fff;border-radius:30px;overflow:hidden;box-shadow:3px 3px 8px rgba(0,0,0,.2);overflow:hidden}#index-services .icon{text-align:center;padding:20px 0 10px;background:#024;background:linear-gradient(90deg, #024 0%, #035 100%);box-shadow:inset 4px 4px 8px rgba(0,0,0,.5)}#index-services .icon-border{display:inline-block;height:150px;width:150px;box-sizing:border-box;padding:20px}#index-services .icon picture{display:block;position:relative;top:50%;transform:translateY(-50%)}#index-services .icon img{max-height:100%;max-width:100%}#index-services .title h2{padding-top:30px;font:300 2.5em "Roboto Condensed",arial,helvetica,sans-serif;color:#035}#index-services .desc{font:300 1.3em "Roboto",arial,helvetica,sans-serif;text-align:center;line-height:1.4em;height:100%;padding-top:30px;padding-left:35px;padding-right:35px;padding-bottom:100px}#index-services.unscrolled .top-title h1{opacity:0;transform:translateX(-10%);transition:transform .5s,opacity .25s}#index-services.unscrolled .box{opacity:0;transform:translateY(-20%);transition:transform .5s,opacity .25s}#index-services.unscrolled .icon{transform:translateY(-100%);transition:transform .5s}#index-services.scrolled .top-title h1{opacity:1;transform:translateX(0);transition-delay:.5s}#index-services.scrolled .box{opacity:1;transform:translateY(0)}#index-services.scrolled li:nth-of-type(1) .box{transition-delay:0s}#index-services.scrolled li:nth-of-type(1) .icon{transform:translateY(0);transition-delay:.5s}#index-services.scrolled li:nth-of-type(2) .box{transition-delay:.25s}#index-services.scrolled li:nth-of-type(2) .icon{transform:translateY(0);transition-delay:.6s}#index-services.scrolled li:nth-of-type(3) .box{transition-delay:.5s}#index-services.scrolled li:nth-of-type(3) .icon{transform:translateY(0);transition-delay:.7s}#index-services.scrolled li:nth-of-type(4) .box{transition-delay:.75s}#index-services.scrolled li:nth-of-type(4) .icon{transform:translateY(0);transition-delay:.8s}#index-services.scrolled li:nth-of-type(5) .box{transition-delay:1s}#index-services.scrolled li:nth-of-type(5) .icon{transform:translateY(0);transition-delay:.9s}#index-projects{padding:100px 10% 100px}#index-projects .title{padding-bottom:50px}#index-projects .title h1{font:300 3.5em "Open Sans Condensed",helvetica,arial,sans-serif;color:#035}#index-projects li{float:left;width:50%}#index-projects .box{padding-bottom:30px}#index-projects li:nth-of-type(odd) .box{padding-right:15px}#index-projects li:nth-of-type(even) .box{padding-left:15px}#index-projects li a{display:block;border:solid #000 1px}#index-projects li img{position:relative;width:100%}#index-projects li a{box-shadow:5px 10px 10px rgba(0,0,0,.5);transform:translateY(0);transition:box-shadow 0,transform 0;transition-duration:.4s}#index-projects li a:hover{box-shadow:0 0 0 rgba(0,0,0,0);transform:translateY(10px)}#index-projects .mask{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}#index-projects .site-title{position:relative;text-align:center;top:50%;transform:translateY(-50%);font:400 1.7em "Roboto",arial,helvetica,sans-serif;letter-spacing:.02em;color:#fff}#index-projects .mobile-title{display:none}#index-projects .mask{background-color:rgba(0,0,0,0);transition:background-color 1s}#index-projects .site-title{transform:translateX(-200%);transition:transform .5s}#index-projects li a:hover .mask{background-color:rgba(0,0,0,.6);transition-delay:1s}#index-projects li a:hover .site-title{transform:translateX(0);transition-delay:1.25s}@media only screen and (max-width: 1023px){#header .content{padding-left:10%;padding-right:10%}#header .content h1{font-size:3em}#header .content p{font-size:1.4em}#index-services{padding-top:0}#index-services ul,#index-services li{display:block}#index-services .box-wrap{padding:0;padding-bottom:50px}#index-services .title h2{padding-top:15px;font-size:2em}#index-services .desc{font-size:1.2em;padding-top:15px;padding-left:30px;padding-right:30px;padding-bottom:30px}#optimize .content{padding-top:150px;padding-bottom:100px}#optimize .top-title h1{font-size:2em}#optimize ul{padding-top:50px}#optimize li{padding:0;padding-bottom:100px;text-align:center}#optimize .title-wrap{display:block;padding:0 5%}#optimize .box .left{position:relative;top:auto;left:auto}#optimize .box .right{padding-left:0}#optimize .img-wrap{padding-bottom:30px}#optimize .box img{display:inline-block;max-height:150px;max-width:150px}#optimize .ada .box img,#optimize .device .box img{transform:none}#index-design{padding:0 10%}#index-design .left{position:relative;top:auto;left:auto;width:auto;height:auto}#index-design .right{padding-left:0}#index-design .text{padding-top:30px}#index-design .text h1{font-size:1.8em;padding-bottom:10px}#index-design .text p{font-size:1.2em}#index-projects{padding:0 5% 50px}#index-projects .title h1{text-align:center}#index-projects .mask{display:none}#index-projects li{float:none;width:auto}#index-projects li a{box-shadow:3px 3px 5px rgba(0,0,0,.5)}#index-projects li:nth-of-type(odd) .box{padding-right:0}#index-projects li:nth-of-type(even) .box{padding-left:0}#index-projects .mobile-title{padding-top:10px;display:block;font:400 1.5em "Roboto",arial,helvetica,sans-serif;text-align:center}}