article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font:normal 400 0.8em/1.5em "Karla",sans-serif}sub,sup{font:normal 400 0.6em/0em "Karla",sans-serif;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:none;margin:0;padding:0}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,main,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,i{margin:0;padding:0;border:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}form,input,textarea,label,button{font-style:inherit;font-weight:inherit;font-size:inherit;line-height:1.5em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.container{width:100%;max-width:1140px;margin:0 auto;position:relative}.container img{width:auto;height:auto;max-width:100%}.g-1-1{width:100%;display:block}.g-1-2{width:50%;display:inline-block;vertical-align:top}.gi-1-2{width:50%;display:inline-block;vertical-align:top}.g-1-3{width:33.33333333%;display:inline-block;vertical-align:top}.g-2-3{width:66.66666666%;display:inline-block;vertical-align:top}.g-1-4{width:25%;display:inline-block;vertical-align:top}body{width:100%;height:100%;background-color:#3c00ff;background-color:#3c00ff;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #4d16ff), color-stop(1, #3c00ff));background-image:-webkit-linear-gradient(top, #4d16ff, #3c00ff);background-image:-moz-linear-gradient(top, #4d16ff, #3c00ff);background-image:-ms-linear-gradient(top, #4d16ff, #3c00ff);background-image:-o-linear-gradient(top, #4d16ff, #3c00ff);background-image:linear-gradient(top, bottom, #4d16ff, #3c00ff);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;color:#fff;font:normal 400 20px/1.5em "Karla",sans-serif;letter-spacing:0.005em}body.modal-body{overflow:hidden}a{color:#7b65ff;text-decoration:none;outline:none;-moz-transition:all 0.25s linear;-o-transition:all 0.25s linear;-ms-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}a:hover,a:active{color:#c5c6ff}a:focus{outline:none;color:#c5c6ff}.main-header{width:100%;position:fixed;top:0;left:0;z-index:2000}.main-header .logo{padding:2em 2em 0}.main-header .logo a{color:#fff}.main-header .close-overlay{position:absolute;top:.75em;right:.5em;color:#fff;font-size:2em;margin:-8em 0 0}.main-header.viewing .close-overlay{margin:0}.content ul{margin:0 0 1.5em 2em;list-style:disc}.content ul li{margin:0 0 1em}.content ol{margin:0 0 1.5em 2em;list-style:decimal}.content ol li{margin:0 0 1em}.main-footer{padding:2em;color:#7b65ff}.form{width:100%;display:block}.form .field{position:relative;display:inline-block;vertical-align:middle}.form .field.text input{width:100%;display:block;font-family:"Karla",sans-serif;background:transparent;border-bottom:solid 2px #7b65ff;color:#fff;-moz-transition:all 0.25s linear;-o-transition:all 0.25s linear;-ms-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}.form .field.text input:focus{outline:none;border-bottom:solid 2px #fff}.form .field.textarea{width:100%;max-width:640px}.form .field.textarea textarea{width:100%;height:1.75em;display:block;font-family:"Karla",sans-serif;background:transparent;border-bottom:solid 2px #7b65ff;color:#fff;-moz-transition:all 0.25s linear;-o-transition:all 0.25s linear;-ms-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}.form .field.textarea textarea:focus{outline:none;border-bottom:solid 2px #fff}.form .field.check{position:relative;overflow:hidden}.form .field.check input{position:absolute;top:0;left:-48px;visibility:hidden}.form .field.check input+span{width:100%;padding:1em 1.5em;display:block;cursor:pointer;-moz-transition:all 0.25s linear;-o-transition:all 0.25s linear;-ms-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}.form .field.check input:checked+span{background:#c5c6ff}.form .field .select{display:inline-block;padding:1em 1.5em;position:relative}.form .field .select>span{display:block;cursor:pointer}.form .field .select .select-dd{width:100%;position:absolute;top:3em;left:0;overflow:hidden;z-index:50;display:none}.form .field .select .select-dd .select-item{position:relative;overflow:hidden}.form .field .select .select-dd .select-item input{position:absolute;top:0;left:-48px;visibility:hidden}.form .field .select .select-dd .select-item input+span{width:100%;padding:1em 1.5em;display:block;cursor:pointer;-moz-transition:all 0.25s linear;-o-transition:all 0.25s linear;-ms-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}.form .field .select .select-dd .select-item input:checked+span{background:#c5c6ff}.form .field.submit{padding:3em 0 0}.form .field.submit input{width:100%;display:block}.form .field.error .form-error{position:absolute}::selection{background:rgba(123,101,255,0.5)}::-moz-selection{background:rgba(123,101,255,0.5)}::-webkit-input-placeholder{color:#7b65ff}:-moz-placeholder{color:#7b65ff}:-ms-input-placeholder{color:#7b65ff}p{margin-bottom:1.5em}p:last-child{margin-bottom:0}ul,ol{margin:0;padding:0;list-style:none}h1{font:normal 700 1em/1.5em "Karla",sans-serif;text-transform:uppercase;letter-spacing:.25em}h2{font:normal 400 1.75em/1.5em "Karla",sans-serif;letter-spacing:.25em}h3{font:normal 700 1.25em/1.5em "Karla",sans-serif;text-transform:uppercase;letter-spacing:.25em}h4{font:normal 700 1.2em/1.5em "Karla",sans-serif}h5{font:normal 700 0.5em/1.5em "Karla",sans-serif;text-transform:uppercase;letter-spacing:.25em}.btn{display:inline-block;padding:1em 1.5em;font:normal 700 1.25em/1.5em "Karla",sans-serif;text-transform:uppercase;letter-spacing:.25em;-moz-transition:all 0.25s linear;-o-transition:all 0.25s linear;-ms-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}.btn.btn01{background:rgba(123,101,255,0.8);color:#FFF}.btn.btn01:hover{background:#7b65ff}.btn.btn02{background:rgba(197,198,255,0.8);color:#FFF}.btn.btn02:hover{background:#c5c6ff}.btn.btn03{background:rgba(22,0,153,0.8);color:#FFF}.btn.btn03:hover{background:#160099}.dropdown{display:inline-block;padding:1em 1.5em;position:relative}.dropdown span{display:block;cursor:pointer}.dropdown:after{content:"";position:absolute}.dropdown .dd-list{width:100%;position:absolute;top:3em;left:0;z-index:50;display:none}.dropdown .dd-list a{display:block}.video{width:100%;height:0;padding:30px 0 56.25%;margin-bottom:1.5em;position:relative;overflow:hidden}.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}.modal-overlay{width:100%;height:100%;position:fixed;top:0;left:0;overflow-x:hidden;overflow-y:scroll;z-index:1000;display:none;background:rgba(0,0,0,0.9)}.page{padding:12em 0 6em}.page .g-1-3{padding:2em}.about{width:100%;max-width:780px;padding:0 1.6em 4em;margin:0 0 3em;border-bottom:solid 1px #7b65ff;font:normal 400 1.25em/1.5em "Karla",sans-serif}.about span{font:normal 700 0.8em/1.5em "Karla",sans-serif;text-transform:uppercase;letter-spacing:.25em}.about a{position:relative;display:inline-block;color:#160099}.about a:after{width:0;height:100%;content:attr(data-link);color:#fff;position:absolute;bottom:0;left:0;overflow:hidden;-moz-transition:all 0.25s linear;-o-transition:all 0.25s linear;-ms-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}.about a:hover:after{width:100%}.thumb .url{display:block;color:#160099;margin:0 0 .25em}.thumb .url:hover{color:#160099}.item{width:80%;padding:25.5% 0;position:relative;margin:0 0 1em}.item:after,.item:before{content:'';width:0;height:100%;position:absolute;top:0;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.item:before{border-left:solid 2px #fff;left:0}.item:after{border-right:solid 2px #fff;right:0}.item .item-inner{width:100%;height:100%;position:absolute;top:0;left:0}.item .item-inner:after,.item .item-inner:before{content:'';width:100%;height:0;position:absolute;left:0;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.item .item-inner:before{border-top:solid 2px #fff;top:0}.item .item-inner:after{border-bottom:solid 2px #fff;bottom:0}.item .menu{width:100%;padding:0 .5em;position:absolute;top:0;left:0}.item .menu i{width:.5em;height:.5em;border:solid 2px #fff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;display:inline-block;margin:0 .25em 0 0;position:relative;top:0;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.item .frame{width:calc(100% - 1em);padding:22% .5em;position:absolute;bottom:.5em;left:.5em;border:solid 2px #fff;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.item .icon{width:3em;height:auto;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -30%);-o-transform:translate(-50%, -30%);-ms-transform:translate(-50%, -30%);-webkit-transform:translate(-50%, -30%);transform:translate(-50%, -30%)}.item:hover:before{margin:0 0 0 -20px}.item:hover:after{margin:0 -20px 0 0}.item:hover .item-inner:before{margin:-28px 0 0 0}.item:hover .item-inner:after{margin:0 0 -20px 0}.item:hover .menu i:nth-child(1){top:-24px}.item:hover .menu i:nth-child(2){top:-14px}.item:hover .menu i:nth-child(3){top:-4px}.item:hover .frame{-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);-ms-transform:rotate(-6deg);-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}.overlay{width:100%;height:100%;background:rgba(60,0,255,0.95);position:fixed;top:0;left:0;z-index:1000;display:none}.project-wrapper{width:100%;height:100%;position:fixed;bottom:0;left:0;z-index:1500;overflow-x:hidden;overflow-y:scroll;display:none}.project{padding:6em 1.5em}.project .img-desk{width:100%;padding:.5em}.project .img-ipad{width:70%;display:inline-block;vertical-align:top;padding:.5em}.project .img-iphone{width:30%;display:inline-block;vertical-align:top;padding:.5em}.project .viewport{height:0;position:absolute;background-position:top center;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;-moz-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out;-ms-transition:all 3s ease-in-out;-webkit-transition:all 3s ease-in-out;transition:all 3s ease-in-out}.project .el-desk{width:100%;height:0;padding:30% 0;border:solid 2px #fff;position:relative}.project .el-desk:before{content:'';width:4%;height:2%;border:solid 2px #fff;position:absolute;top:2%;left:2%}.project .el-desk:after{content:'';width:80%;height:2%;border:solid 2px #fff;position:absolute;top:2%;left:8%}.project .el-desk .viewport{width:100%;height:93%;left:0;bottom:0;border-top:solid 2px #fff}.project .el-desk:hover .viewport{background-position:bottom center}.project .el-ipad{width:100%;height:0;padding:30% 0;border:solid 2px #fff;position:relative}.project .el-ipad:before{content:'';width:2%;padding:1% 0;border:solid 2px #fff;position:absolute;top:50%;left:1.5%;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.project .el-ipad:after{content:'';width:4%;padding:2% 0;border:solid 2px #fff;position:absolute;top:50%;right:1.5%;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.project .el-ipad .viewport{width:86%;height:100%;left:6%;bottom:0;border-left:solid 2px #fff;border-right:solid 2px #fff}.project .el-ipad:hover .viewport{background-position:bottom center}.project .el-iphone{width:100%;height:0;padding:72.25% 0;border:solid 2px #fff;position:relative}.project .el-iphone:before{content:'';width:20%;height:1%;border:solid 2px #fff;position:absolute;top:2%;left:50%;-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.project .el-iphone:after{content:'';width:6%;padding:3% 0;border:solid 2px #fff;position:absolute;bottom:2%;left:50%;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.project .el-iphone .viewport{width:100%;height:86%;left:0;bottom:8%;border-top:solid 2px #fff;border-bottom:solid 2px #fff}.project .el-iphone:hover .viewport{background-position:bottom center}.project .text{width:70%;display:inline-block;vertical-align:top;margin:4em 0 0;padding:0 .5em 0 2em;border-left:solid 1px #7b65ff}.project .text h3{margin:0 0 .5em}.project .info{width:30%;display:inline-block;vertical-align:top;margin:4em 0 0;padding:0 2em 0 .5em}.project .info h5{margin-bottom:2em}.project .info .btn{display:block;text-align:center}.contact{width:100%;max-width:780px;padding:4em 1.6em 0;margin:3em 0 0;font:normal 400 1.25em/1.5em "Karla",sans-serif;border-top:solid 1px #7b65ff}.contact-proposal{width:100%;max-width:780px;padding:1em 1.6em 0;font:normal 400 1.25em/1.5em "Karla",sans-serif}.proposals{width:100%;max-width:780px;padding:0 2em 1.5em;border-bottom:solid 1px #7b65ff}.proposals h2{color:#c5c6ff;margin:0 0 1em}.proposals .proposal{font:normal 400 1.25em/1.5em "Karla",sans-serif;padding:0 0 2em;border-bottom:solid 1px #4d16ff}.proposals .p-section{width:100%;padding:2em 0;font:normal 400 1.25em/1.5em "Karla",sans-serif}.proposals .p-section h3{color:#c5c6ff;margin:0 0 .25em}.proposals .p-section .p-item{padding:.5em 0}.proposals .p-section .p-item:not(:last-child){border-bottom:solid 1px #4d16ff}.proposals .p-section .p-item .title span{font:normal 700 0.75em/1.5em "Karla",sans-serif;text-transform:uppercase;letter-spacing:.25em;color:#160099;display:inline-block;padding:0 .25em}.proposals .p-section .p-item .rate{float:right}.proposals .p-section .p-item .rate span{font:normal 700 0.5em/1.5em "Karla",sans-serif;text-transform:uppercase;letter-spacing:.25em;color:#4d16ff;background:#fff;display:inline-block;padding:.25em .5em;text-align:center;vertical-align:middle;margin:0 0 0 .5em}.quote{width:100%;max-width:780px;padding:2em;margin-bottom:4em;border-bottom:solid 1px #7b65ff}.quote span{font:normal 700 1em/1.5em "Karla",sans-serif;text-transform:uppercase;letter-spacing:.25em;display:block;padding:0 0 1em}.quote .line{width:50%;border-bottom:solid 1px #4d16ff}.quote h2{color:#c5c6ff;margin:.5em 0 0}@media (max-width: 1224px){body{font-size:18px}}@media (max-width: 960px){body{font-size:16px}.g-1-2{width:100%;display:block}.g-1-3{width:50%}.g-2-3{width:50%}.g-1-4{width:50%}}@media (max-width: 768px){body{font-size:14px}.g-1-2{width:100%;display:block}.g-1-3{width:100%;display:block}.g-2-3{width:100%;display:block}.g-1-4{width:100%;display:block}.project .img-ipad{width:80%;display:block;margin:0 auto}.project .img-iphone{width:40%;display:block;margin:0 auto}.project .text{width:100%;display:block;padding:2em .5em 0;margin:0;border-left:none;border-top:solid 1px #7b65ff}.project .info{width:100%;display:block;padding:0 .5em 2em}}