@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");@font-face{font-family:"font1";src:url("../fonts/woff/BebasNeue-Bold.woff")}@font-face{font-family:"font2";src:url("../fonts/woff/HelveticaNeue.woff");font-size:18px}@font-face{font-family:"font5";src:url("../fonts/woff/bebasneue_regular-webfont.woff")}@font-face{font-family:"font6";src:url("../fonts/woff/bebasneue_light-webfont.woff")}@font-face{font-family:"font3";font-style:normal;font-weight:normal;src:url("../fonts/woff/HelveticaNeue-Medium.woff") format("woff")}.font4{font-family:"Times New Roman", Times, serif;font-size:18px;font-style:italic}.font5{font-family:"Times New Roman", Times, serif;font-size:24px;font-style:italic}.font6{font-family:"Lucida Console", Monaco, monospace}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1{font-weight:450}h2{font-weight:350}p,a{color:#333;line-height:24px}a{text-decoration:none}#ccCookieBar{position:fixed;bottom:0;width:100%;text-align:center;background:rgba(36,36,36,0.8);padding-top:16px;padding-bottom:16px;color:#fff}#ccCookieButton{background:#faad26;color:#fff;border-radius:8px;padding:10px;padding-top:5px;padding-bottom:5px;margin-left:10px}.content{display:flex;align-items:center;justify-content:center;margin:0px auto;margin-top:32px;font-family:font2;font-family:"Montserrat",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.content h1{font-family:"font5";letter-spacing:2px;font-size:32px}.centered div{max-width:940px;text-align:center;color:#333}ul{line-height:1.8}.threes div:nth-child(1){background-color:#3bb3e6}.threes div:nth-child(2){background-color:#88c546}.threes div:nth-child(3){background-color:#f06174}.first-threes div:nth-child(1){background-color:#f06174}.first-threes div:nth-child(2){background-color:#3bb3e6}.first-threes div:nth-child(3){background-color:#88c546}.threes img{height:128px}.threes span,.threes article{padding-top:64px;padding-bottom:64px}.threes ul{text-align:center;padding-left:0}.threes ul li{display:inline-block;padding-right:8px}.threes ul li:before{content:"\2022";margin-right:4px}.threes h2{text-transform:uppercase;font-family:font6;letter-spacing:2px;font-size:32px;transform:scale(1, 1.5)}.call-to-action{background-color:#1f242c;color:#fff;margin-top:0;margin-bottom:0;padding-top:32px;padding-bottom:32px}.call-to-action a{margin-top:32px;margin-bottom:32px}.call-to-action h2{color:#fff}.Btn{font-family:font1;font-size:20px;text-transform:uppercase;display:inline-block;border:3px solid #000;padding:10px;padding-top:14px;padding-left:50px;padding-right:50px;text-decoration:none;color:#000;margin-bottom:24px}.Btn:hover{background:#000;color:#fff}.inTouch{color:#fff;border-radius:25px;border:3px solid #fff}.inTouch:hover{background:#fff;color:black}.social{display:flex}.social a{padding-left:10px;padding-right:10px}.social img{max-width:24px;width:24px}.terms div p,.terms div h2,.terms div a,.terms div h1{font-family:"Montserrat",sans-serif;color:#555}.case-single{display:block}@media screen and (min-width: 320px){#mobile-menu{width:45px;height:45px;position:absolute;right:0;margin-right:16px;z-index:11;top:0;margin-top:24px}#mobile-menu span{display:block;position:absolute;height:5px;width:50%;background:#fff;background:#ccc;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#mobile-menu span:nth-child(even){left:50%;border-radius:0 9px 9px 0}#mobile-menu span:nth-child(odd){left:0px;border-radius:9px 0 0 9px}#mobile-menu span:nth-child(1),#mobile-menu span:nth-child(2){top:0px}#mobile-menu span:nth-child(3),#mobile-menu span:nth-child(4){top:12px}#mobile-menu span:nth-child(5),#mobile-menu span:nth-child(6){top:24px}#mobile-menu.open span:nth-child(1),#mobile-menu.open span:nth-child(6){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#mobile-menu.open span:nth-child(2),#mobile-menu.open span:nth-child(5){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#mobile-menu.open span:nth-child(1){left:5px;top:7px}#mobile-menu.open span:nth-child(2){left:calc(50% - 5px);top:7px}#mobile-menu.open span:nth-child(3){left:-50%;opacity:0}#mobile-menu.open span:nth-child(4){left:100%;opacity:0}#mobile-menu.open span:nth-child(5){left:5px;top:20px}#mobile-menu.open span:nth-child(6){left:calc(50% - 5px);top:20px}.menu ul{text-align:center}.menu ul li{padding:8px}.menu ul li a{text-decoration:none;font-family:"font1";font-size:22px;color:#fff}#mobile-menu img{height:32px;position:absolute;right:0;margin-right:24px;z-index:10}.full-menu{visibility:hidden;display:table;position:fixed;top:0;left:0;height:100%;width:100%;opacity:0;background-color:rgba(0,0,0,0.92);-webkit-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85);z-index:9;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.full-menu--open{visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.full-menu--middle{display:table-cell;vertical-align:middle}.menu-toggle{border:0;color:#fff;background-color:transparent}.menu-toggle:before{content:'\f0c9';font-family:'FontAwesome';margin:0 20px 0 0}#designs{display:flex;flex-direction:column}#designs div{width:100%}#designs div a img{width:100%}}@media screen and (min-width: 900px){.menu ul{display:inline-block;float:right;list-style:none}.menu ul li{display:inline-block;margin-left:12px;padding:0}.menu ul li a{text-decoration:none;font-family:"font1";font-size:22px;color:#fff;color:#ccc}#mobile-menu{display:none}.full-menu{visibility:visible;display:inline-block;position:unset;height:auto;width:auto;opacity:1;float:right;background:unset}}@media screen and (min-width: 320px){#ccCookieBar{font-family:Helvetica;position:fixed;bottom:0;width:100%;text-align:center;background:rgba(36,36,36,0.8);padding-top:15px;padding-bottom:15px;color:#fff}#ccCookieButton{display:inline-block;background:#faad26;color:#fff;border-radius:8px;padding:5px 10px;margin-left:10px;margin-top:8px;text-decoration:none}.offer h1{background:#3bb3e6;display:inline-block;padding:16px;border-radius:32px;color:#fff;text-align:center}#lead{line-height:32px}#lead h1{margin-top:0}.social{justify-content:center}.menu{max-width:100vw;overflow:hidden;background:rgba(0,0,0,0.8);z-index:9}.menu{padding:16px}.menu img{max-width:60%;margin-top:8px}.menu ul{padding:0}#alien{margin-top:24px;opacity:0.8;width:32px}#home{background:linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.7)),url(../imgs/home-mob.jpg) no-repeat center center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;height:300px;width:100%}#strapHold{padding-top:100px;height:220px;display:flex;align-items:center;justify-content:center;font-family:font5;font-size:32px}#strapline{margin-top:-200px;color:#ccc;text-align:center}#strapline i{font-style:normal}#strapline i:nth-child(2){color:#3bb3e6}#strapline i:nth-child(3){color:#88c546}#strapline i:nth-child(4){color:#f06174}#strapline p{color:#ccc;font-size:32px;margin:0;margin-top:16px}#strapline p:nth-child(1){color:#fff;font-size:24px;line-height:unset}.content{padding-left:16px;padding-right:16px}.threes{padding:0}.threes h2{font-weight:600;font-family:font5}.threes>div:first-child{background-color:#fff}.threes div{width:100%;text-align:center;margin-top:0}.threes h2{color:#fff}.threes ul li{color:#fff}#logos{overflow:hidden;margin:32px auto;height:165px;width:280px;min-width:280px}#logos div{position:absolute;background-color:#fff}#logos div img{width:120px;height:130px;padding-left:20px}.footer{text-align:center;padding-bottom:24px;background-color:#e0e0e0;margin-top:0}.howwork{margin-top:0}.contactForm{display:block;max-width:80%}.half{min-width:100%;width:100%;margin-top:24px}.contactForm div span:before{content:" ";display:block}.contactForm .full{color:#555;width:100%;max-width:100%;min-width:70%;margin-left:0;margin-top:24px;padding-right:10%;padding-top:24px;text-align:center}.contactForm .half input[type="text"]{width:96%;font-size:1em;border:none;height:50px;border-bottom:1px solid grey}.contactForm textarea{width:100%;margin-top:8px}.terms{margin:0}.terms ul{padding-left:20px}.terms>div{max-width:100%}#terms{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/terms-mob.jpg) no-repeat center center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;height:300px;width:100%}#subPage{height:300px}div.front-end{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/front-end-mob.jpg) no-repeat center center}div.websites{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/websites-mob.jpg) no-repeat center center}div.full-stack{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/full-stack-mob.jpg) no-repeat center center}div.web-dev{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/web-dev-mob.jpg) no-repeat center center}div.apps{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/apps-mob.jpg) no-repeat center center}div.mobile{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/mobile-mob.jpg) no-repeat center center}.contentArea{padding:32px;padding-top:0;margin-top:0}#contact{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/contact-mob.jpg) no-repeat center center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;height:300px;width:100%}#news{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/dev-news-mob.jpg) no-repeat center center}#subStrapHold{padding-top:100px;height:220px;display:flex;align-items:center;justify-content:center;font-family:font5;font-size:32px}#strapline p{font-size:24px}.cards{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;height:auto;max-width:100%;margin-bottom:0;padding-left:0;padding-right:0}.cards img{min-width:100%}#absolute{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/mobile/absolute.jpg) no-repeat center center;background-size:cover}#stock-system{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/mobile/stock-admin.jpg) no-repeat center center;background-size:cover}#recent-01{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/mobile/update-01.jpg) no-repeat center center;background-size:cover}#recent-02{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/mobile/update-02.jpg) no-repeat center center;background-size:cover}#recent-03{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/mobile/update-03.jpg) no-repeat center center;background-size:cover}#recent-04{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/mobile/update-04.jpg) no-repeat center center;background-size:cover}#recent-05{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/mobile/update-05.jpg) no-repeat center center;background-size:cover}#recent-06{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/mobile/update-06.jpg) no-repeat center center;background-size:cover}#game-dev{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/mobile/game.jpg) no-repeat center center;background-size:cover}.hero{height:300px}a.stock-admin{background:url(../../imgs/our-work/thumbs/stock-system.jpg);background-size:cover}a.absolute{background:url(../../imgs/our-work/thumbs/absolute.jpg);background-size:cover}a.act{background:url(../../imgs/our-work/thumbs/act.jpg);background-size:cover}a.roundup2{background:url(../../imgs/our-work/thumbs/update-02.jpg);background-size:cover}a.roundup3{background:url(../../imgs/our-work/thumbs/update-03.jpg);background-size:cover}a.roundup4{background:url(../../imgs/our-work/thumbs/update-04.jpg);background-size:cover}a.roundup5{background:url(../../imgs/our-work/thumbs/update-05.jpg);background-size:cover}a.roundup6{background:url(../../imgs/our-work/thumbs/update-06.jpg);background-size:cover}a.game-dev{background:url(../../imgs/our-work/thumbs/game.jpg);background-size:cover}#stock-img{overflow:hidden}#stock-img::after{content:url("../../imgs/our-work/mobile/stock-system.jpg");margin-bottom:24px;max-width:80%}#website-img::after{content:url("../../imgs/our-work/mobile/absolute2.jpg");margin-bottom:24px;max-width:80%}a.card,div.card{flex:1;position:relative;width:100%;overflow:hidden;min-width:100%;padding-top:100%}a.card p,div.card p{position:absolute;z-index:2;color:#fff;font-style:italic;top:40%;width:90.5%;padding:5%}div.card{display:none}a.card{background-size:cover}a.stock-system{background:url("../imgs/stock-system.jpg")}div.card{background-color:#3bb3e6}a.card::after{content:" ";top:0;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5)}.case-single h1{font-size:24px}.project-block{display:flex;flex-wrap:wrap}.project-block span{width:20%;padding-bottom:8px}.project-block img{width:100%}.project-block p,.project-block h1{font-weight:normal;letter-spacing:unset;font-size:1rem;line-height:24px;font-family:"Montserrat",sans-serif;width:75%;padding-left:5%;padding-bottom:8px;margin-top:8px;display:flex;align-items:center}.project-hold{margin-bottom:64px}}@media screen and (min-width: 320px) and (min-width: 415px){a.card,div.card{width:50vw;max-width:50vw;min-width:50vw;padding-top:50vw}}@media screen and (min-width: 320px) and (min-width: 440px){.project-block span{width:8%}.project-block h1,.project-block p{width:90%;padding-left:2%}}@media screen and (min-width: 320px){.work-intro{display:block;padding-bottom:0}.work-intro h1{text-align:center}.work-intro p{text-align:center}.noFlex{display:block}.feature1{padding:16px;margin-top:0}.feature1 div{background:#eee;padding:16px}.app1{padding-bottom:0}.second-threes{margin-top:0}#game_link{width:100%}.call-to-action{clear:both}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){.cards{display:block;max-width:100%}.cards a{width:25%;max-width:25%;float:left}}@media screen and (min-width: 800px){#home{background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.5)),url(../imgs/home2.jpg) no-repeat center center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;height:100vh;width:100%}.menu{background-color:initial;position:fixed;width:100%;padding:16px}.menu ul{margin-right:64px}.menu ul li{display:inline-block}.menu ul li a:hover{color:#faad26}.menuShow{background-color:rgba(0,0,0,0.86);-webkit-transition:background 2s;transition:background 2s;box-shadow:0px 0px 5px #888}#strapHold{padding-top:0;height:100vh;display:flex;align-items:center;justify-content:center;font-family:font5;font-size:64px;background:rgba(0,0,0,0.3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAD0lEQVQIW2NkQABjRmQOAAM+AGkQsDBSAAAAAElFTkSuQmCC) repeat}#lead{padding-top:64px;padding-bottom:64px}#alien{width:64px;-webkit-animation-name:spinner;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-name:spinner;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:2s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}@-webkit-keyframes spinner{from{-webkit-transform:rotateY(0deg)}to{-webkit-transform:rotateY(-360deg)}}@keyframes spinner{from{-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}to{-moz-transform:rotateY(-360deg);-ms-transform:rotateY(-360deg);transform:rotateY(-360deg)}}#terms,#subPage{-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;height:300px;width:100%}#news{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/dev-news.jpg) no-repeat center center;background-size:cover}div.front-end{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/front-end.jpg) no-repeat center center}div.full-stack{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/full-stack.jpg) no-repeat center center}div.web-dev{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/web-dev.jpg) no-repeat center center}div.websites{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/websites.jpg) no-repeat center center;background-size:cover}div.apps{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/apps.jpg) no-repeat center center;background-size:cover}div.mobile{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/mobile.jpg) no-repeat center center;background-size:cover}#contact{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/contact2.jpg) no-repeat center center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;height:300px;width:100%}.contentArea,.terms div{margin-top:30px;margin-bottom:30px;padding-left:10px;padding-right:10px}.contentArea{max-width:940px;color:#555}.terms div h1{font-size:24px}.terms div h2{font-size:1.3em}#strapline{margin-top:0;color:#ccc;text-align:center}#strapline i{font-style:normal}#strapline i:nth-child(2){color:#3bb3e6}#strapline i:nth-child(3){color:#88c546}#strapline i:nth-child(4){color:#f06174}#strapline p{color:#ccc;font-size:32px;margin:0;margin-top:16px}#strapline p:nth-child(1){color:#fff;font-size:64px}#subStrapHold{padding-top:0;height:300px;display:flex;align-items:center;justify-content:center;font-family:font5;font-size:64px}.content{padding:0}.content h1{font-size:32px}.centered div{max-width:940px}.terms div{max-width:940px;text-align:left}.threes{text-align:center;margin-top:0px}.first-threes{margin-top:32px}.threes div{display:flex;align-items:stretch;width:100%;justify-content:center;text-align:center}.threes div a{width:100%;display:flex;justify-content:center}.threes div img{border:none}.threes div div{width:33.33%;flex:1}.clients{background-color:#faad26;padding-top:64px}.threes h2{text-transform:uppercase;font-family:font6;letter-spacing:2px;font-size:32px;transform:scale(1, 1.3)}.threes .doLineRed:after{content:"";display:inline-block;position:relative;width:60%;height:5px;left:0;background:#ffc1d4;visibility:hidden;border-radius:5px;transform:scaleX(0);transition:.25s linear}.threes .doLineBlue:after{content:"";display:inline-block;position:relative;width:60%;height:5px;left:0;background:#b3e6f7;visibility:hidden;border-radius:5px;transform:scaleX(0);transition:.25s linear}.threes .doLineGreen:after{content:"";display:inline-block;position:relative;width:60%;height:5px;left:0;background:#d1f4cb;visibility:hidden;border-radius:5px;transform:scaleX(0);transition:.25s linear}.threes .doLineRed:hover:after,.threes .doLineRed:focus:after,.threes .doLineBlue:hover:after,.threes .doLineBlue:focus:after,.threes .doLineGreen:hover:after,.threes .doLinegreen:focus:after{visibility:visible;transform:scaleX(1)}.callout article{width:100%}h2.fadeInRed,ul li.fadeInRed{transition:color 0.5s ease;color:#ffc1d4}h2.fadeInBlue,ul li.fadeInBlue{transition:color 0.5s ease;color:#b3e6f7}h2.fadeInGreen,ul li.fadeInGreen{transition:color 0.5s ease;color:#d1f4cb}h2.fadeOut,ul li.fadeOut{transition:color 0.5s ease;color:#fff}.footer{background-color:#e0e0e0;max-width:940px;max-width:100%;text-align:center;min-height:100px;margin-top:0}.footer div{display:flex;width:100%;align-items:center;justify-content:center;max-width:940px;text-align:center}#logos{overflow:hidden;margin-top:32px;margin-bottom:32px;width:840px;height:165px}#logos div{position:absolute;background:#faad26;width:750px}#logos div img{width:120px;height:130px;padding-left:20px}.contactForm{display:flex;width:800px;max-width:800px;margin-bottom:32px;margin-top:32px;flex-wrap:wrap}.contactForm .half{width:40%;min-width:40%;padding-left:0;padding-right:8px;margin-left:24px;margin-right:24px;margin-top:24px;border-bottom:1px solid black;color:#555}.contactForm .half span{white-space:nowrap}.contactForm div span:before{content:none}.contactForm .half input[type="text"]{width:70%;font-size:1em;border:none;height:50px}.contactForm .half input:focus{outline:none}.contactForm .full{color:#555;width:100%;max-width:100%;min-width:70%;text-align:center;margin-left:24px;margin-top:24px;padding-right:10%;padding-top:24px}.contactForm textarea{width:100%;margin-left:24px;margin-top:8px}.call-to-action div{padding:64px}.contentArea{padding:32px;padding-top:0}.howwork{padding:64px}.first-threes div div:nth-child(1) a{border:10px solid #f06174}.first-threes div div:nth-child(1) a:hover{animation:doborder 1s forwards;-webkit-animation:doborder 1s forwards}@-webkit-keyframes doborder{100%{border:10px solid #ffc1d4}}@keyframes doborder{100%{border:10px solid #ffc1d4}}.first-threes div div:nth-child(2) a{border:10px solid #3bb3e6}.first-threes div div:nth-child(2) a:hover{animation:doborder2 1s forwards;-webkit-animation:doborder2 1s forwards}@-webkit-keyframes doborder2{100%{border:10px solid #b3e6f7}}@keyframes doborder2{100%{border:10px solid #b3e6f7}}.first-threes div div:nth-child(3) a{border:10px solid #88c546}.first-threes div div:nth-child(3) a:hover{animation:doborder3 1s forwards;-webkit-animation:doborder3 1s forwards}@-webkit-keyframes doborder3{100%{border:10px solid #d1f4cb}}@keyframes doborder3{100%{border:10px solid #d1f4cb}}.second-threes div div:nth-child(1) a{border:10px solid #3bb3e6}.second-threes div div:nth-child(1) a:hover{animation:doborder2 1s forwards;-webkit-animation:doborder2 1s forwards}.second-threes div div:nth-child(2) a{border:10px solid #88c546}.second-threes div div:nth-child(2) a:hover{animation:doborder3 1s forwards;-webkit-animation:doborder3 1s forwards}.second-threes div div:nth-child(3) a{border:10px solid #f06174}.second-threes div div:nth-child(3) a:hover{animation:doborder 1s forwards;-webkit-animation:doborder 1s forwards}#ccCookieBar{font-family:Helvetica;position:fixed;bottom:0;width:100%;text-align:center;background:rgba(36,36,36,0.8);padding-top:15px;padding-bottom:15px;color:#fff}#ccCookieButton{background:#faad26;color:#fff;border-radius:8px;padding:5px 10px;margin-left:10px;text-decoration:none}}@media screen and (min-width: 800px){#stock-img{float:right}#stock-img::after{content:url("../../imgs/our-work/stock-system.jpg");padding:8px}#website-img::after{content:url("../../imgs/our-work/absolute.jpg");float:right;padding:8px}a.card,div.card{display:block;flex:1;-webkit-flex:1;position:relative;width:25%;width:22vw;overflow:hidden;min-width:22vw;padding-top:22vw}a.card p,div.card p{position:absolute;z-index:2;color:#fff;font-style:italic;top:40%;width:90.5%;padding:5%}a.card{background-size:cover}a.stock-system{background:url("../imgs/stock-system.jpg")}div.card{background-color:#3bb3e6}a.card::after{content:" ";top:0;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5)}a.card:hover::after{display:none}a.card:hover p{background:rgba(0,0,0,0.5)}#stock-system{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/stock-admin.jpg) no-repeat center center;background-size:cover}#recent-01{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/update-01.jpg) no-repeat center center;background-size:cover}#recent-02{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/update-02.jpg) no-repeat center center;background-size:cover}#recent-03{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/update-03.jpg) no-repeat center center;background-size:cover}#recent-04{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/update-04.jpg) no-repeat center center;background-size:cover}#recent-05{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/update-05.jpg) no-repeat center center;background-size:cover}#recent-06{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/update-06.jpg) no-repeat center center;background-size:cover}#game-dev{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/game.jpg) no-repeat center center;background-size:cover;background-position:top}#absolute{background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../imgs/our-work/absolute-hero.jpg) no-repeat center center;background-size:cover}.project-block{display:flex;flex-wrap:wrap}.project-block span{width:8%;padding-bottom:8px}.project-block img{height:100%;max-height:56px;width:unset}.project-block p,.project-block h1{font-weight:normal;letter-spacing:unset;font-size:1rem;line-height:24px;font-family:"Montserrat",sans-serif;width:91%;padding-bottom:8px;padding-left:1%;margin-top:16px}.project-hold{margin-bottom:64px}.work-intro{padding-top:24px;padding-bottom:32px}.cards{margin-bottom:0}li.hideDesk{display:none;margin-left:0 !important}li.hideDesk a{display:none}.feature1{padding:16px;margin-top:0}.feature1 div{background:#eee;padding:16px}.app1{padding-bottom:0;margin-bottom:16px}#game_link{float:left;width:315px;margin-right:32px;margin-bottom:16px}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){.cards{display:block;max-width:100%}.cards a{width:25%;max-width:25%;float:left}div.card{display:none}}@media only screen and (min-device-width: 768px){#designs{display:flex;flex-direction:row}#designs div{width:50%}#designs div a img{width:100%}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.contactForm{display:block;max-width:80%}.half{min-width:100%;width:100%;margin-top:24px}.contactForm div span:before{content:" ";display:block}.contactForm .full{color:#555;width:100%;max-width:100%;min-width:70%;margin-left:0;margin-top:24px;padding-right:10%;padding-top:24px;text-align:center}.contactForm .half input[type="text"]{width:96%;font-size:1em;border:none;height:50px;border-bottom:1px solid grey}.contactForm textarea{width:100%;margin-top:8px}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){.contactForm{display:block;max-width:80%}.half{min-width:100%;width:100%;margin-top:24px}.contactForm div span:before{content:" ";display:block}.contactForm .full{color:#555;width:100%;max-width:100%;min-width:70%;margin-left:0;margin-top:24px;padding-right:10%;padding-top:24px;text-align:center}.contactForm .half input[type="text"]{width:96%;font-size:1em;border:none;height:50px;border-bottom:1px solid grey}.contactForm textarea{width:100%;margin-top:8px}}