html{box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}.hero-banners,.profile-list,.project-list,.who-we-are{width:100%;position:relative}.profile-list{height:100vh}.who-we-are{height:200vh}.contact-thanks,.contact-us{width:100%;margin:0}@media (min-width:992px){.contact-thanks,.contact-us{width:992px;margin:0 auto}}.project-list .pager{width:100%;margin:0}@media (min-width:1200px){.project-list .pager{width:1070px;margin:0 auto}}button,h1,h2,h3,h4,h5,h6,strong{font-weight:900}.hero-banners .brief,.hero-banners .brief p,.hero-banners .hero-banner a.main-link,.project-list .header .tags li,header nav li a{font-weight:700}.hero-banners .brief .down,footer .up{width:60px;height:60px;border-radius:30px;display:block;position:relative}.hero-banners .brief .down i,footer .up i{left:30px;top:30px;width:24px;height:24px}.hero-banners .brief .down i,footer .down.up i{margin-left:-12px;margin-top:-16.8px}.hero-banners .brief .up.down i,footer .up i{margin-left:-12px;margin-top:-9.6px}.hero-banners .brief .down i,footer .up i{display:block;position:absolute;border-style:solid;border-radius:2px;border-width:0 5px 5px 0}.hero-banners .brief .down i,footer .down.up i{transform:rotate(45deg)}.hero-banners .brief .up.down i,footer .up i{transform:rotate(-135deg)}@media (min-width:1200px){.hero-banners .brief .down,footer .up{width:60px;height:60px;border-radius:30px}.hero-banners .brief .down i,footer .up i{left:30px;top:30px;width:24px;height:24px}.hero-banners .brief .down i,footer .down.up i{margin-left:-12px;margin-top:-16.8px}.hero-banners .brief .up.down i,footer .up i{margin-left:-12px;margin-top:-9.6px}}body,html{margin:0;padding:0}body{background:#fff none}body.dark-mode{background-color:#141414;color:#fff}body,button,html,input,select,textarea{font-family:Raleway,sans-serif;font-size:12pt;color:#000}button,input,select,textarea{border:none;outline:none;border-radius:4px;padding:1em;background:#dcdcdc}body.dark-mode button,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:#fff;background-color:#2c2c2c}button{background:#ffcb27;color:#000}h1,h2,h3{text-transform:uppercase}h2{font-size:160%}h3{font-size:120%}a{color:inherit;text-decoration:none}.hero-banners .hero-banner .banner-links a,.socials a{text-indent:-9999999px}@media (min-width:992px){h2{font-size:210%}h3{font-size:160%}}header .hamburger-menu span,header nav li a,header nav ul{transition-duration:.3s;transition-timing-function:ease-in-out}header{position:absolute;top:0;left:0;right:0;z-index:100;color:#fff;pointer-events:none}@media (min-width:992px){header{position:fixed;background-color:initial;transition:background-color .2s ease-in-out}header.locked{background-color:#212121}}header .frame{position:absolute;width:100%}@media (min-width:992px){header .frame{position:static;width:auto;margin:0 auto;display:flex;flex-direction:row;align-items:center}}header h1{position:absolute;width:35vmin;height:9.5666666667vmin;background:transparent url(/frontend/logo_3000x820.da2cf284.png) no-repeat 50% 50%;background-size:contain;margin:2vmin 0 2vmin 4vmin;z-index:300;pointer-events:all;visibility:hidden}header h1 a{display:block;width:100%;height:100%}header h1 em{display:none}@media (min-width:768px){header h1{flex:0 0 auto;position:relative;width:35vmin;height:9.5666666667vmin}header h1 em{display:none}}@media (min-width:992px){header h1{transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:margin,width,height}header.locked{background:#212121}header.locked h1{width:17.5vmin;height:4.7833333333vmin;margin:1vmin 0 1vmin 4vmin}}header .hamburger-menu{z-index:500;position:absolute;top:0;right:0;display:block}header .hamburger-menu .bars{pointer-events:all;margin:0 2vmin 0 auto;width:14vmin;height:14vmin;border-radius:7vmin;position:relative}header .hamburger-menu span{position:absolute;top:50%;left:50%;display:block;width:12vmin;height:1vmax;border-radius:2px;background-color:#fff;margin:-.5vmax 0 0 -6vmin;transition-property:transform,box-shadow,background-color;box-shadow:0 0 2px rgba(33,33,33,.7)}header .hamburger-menu span:first-child{transform:translateY(-1.5vmax)}header .hamburger-menu span:nth-child(3){transform:translateY(1.5vmax)}@media (max-width:991px){header nav.active .hamburger-menu span{background-color:#000;box-shadow:none}header nav.active .hamburger-menu span:first-child{transform:rotate(45deg)}header nav.active .hamburger-menu span:nth-child(2){transform:rotate(135deg)}header nav.active .hamburger-menu span:nth-child(3){transform:rotate(-45deg)}}@media (min-width:992px){header .hamburger-menu{display:none}}header nav{position:fixed;top:0;right:0;bottom:0;display:flex;flex-direction:column;text-align:right;text-transform:uppercase;background:transparent}header nav ul{flex:1;background:#fff;padding-top:14vmin;position:relative;right:-100%;transition-property:right,box-shadow}header nav .dark-mode-toggle-container{pointer-events:all;flex:none;width:2vmax;height:3vmax;position:relative;margin-right:2vmax;display:none}header nav li a{pointer-events:all;display:block;padding:0 4vmin;transition-property:all;height:4vmax;line-height:4vmax}@media (max-width:991px){header nav.active ul{right:0;box-shadow:0 0 50vmin #212121}header nav.active li a{color:#000}}@media (min-width:992px){header nav{position:static;flex:1;flex-direction:row}header nav .dark-mode-toggle-container{display:block}header nav ul{position:static;background:transparent;padding:0}header nav li,header nav li a{display:inline-block}header nav li a{height:2.2em;line-height:2.2em;border-radius:4px;padding:0 1.5em;margin:.4em;text-transform:uppercase;transition:all .1s linear}body.dark-mode header nav li a.active,header nav li a.active{background-color:#ffcb27;color:#000}body.dark-mode header nav li a.active:hover,header nav li a.active:hover{background-color:#ffd85a}header nav li a:hover{background-color:#ffcb27;color:#000}}.hero-banners .brief{font-size:18px;text-align:center}.hero-banners .brief p{margin:5vh 10vw;padding-top:.5vh}.hero-banners .brief .down{background:#212121;color:#fff;animation:pulse-down 4s infinite;animation-timing-function:ease-out;box-shadow:0 0 60px hsla(0,0%,100%,0);margin:60px auto}.hero-banners .brief .down i{border-color:#fff}@media (min-width:992px){.hero-banners .brief{max-width:892px;margin:0 auto;font-size:22px}.hero-banners .brief p{margin:5vh 0;padding-top:2vh}}@keyframes pulse-down{0%{box-shadow:0 0 0 0 rgba(33,33,33,.3)}25%{box-shadow:0 0 0 60px rgba(33,33,33,0)}}.hero-banners .dots{position:absolute;bottom:0;left:0;right:0;display:block;text-align:center;pointer-events:none}.hero-banners .dots span{pointer-events:all;display:inline-block;width:5vmin;height:5vmin;background:hsla(0,0%,100%,.2);border-radius:2.5vmin;margin:.5vmin 1vmin;transition:background .2s ease-in-out}.hero-banners .dots span.active{background:hsla(0,0%,100%,.8)}.hero-banners .dots.vertical{top:0;left:auto;bottom:0;display:flex;flex-direction:column;justify-content:center}.hero-banners .dots.vertical span{flex:none;display:block}@media (min-width:768px){.hero-banners .dots span{width:4vmin;height:4vmin;border-radius:2vmin}}@media (min-width:992px){.hero-banners .dots span{width:2vmin;height:2vmin;border-radius:1vmin}}.hero-banners .carousel{height:40vh;width:100%;overflow:hidden;background:#212121;position:relative}.hero-banners .carousel-sequence{height:40vh;display:flex;flex-wrap:nowrap;flex-direction:row;position:relative}.hero-banners .hero-banner{flex:none;position:relative;width:100vw;height:40vh}.hero-banners .hero-banner a.main-link{position:absolute;bottom:5vh;left:3vw;line-height:2em;height:2em;background:#212121;color:#fff;border-radius:1em;padding:0 1em}.hero-banners .hero-banner .banner-links{position:absolute;bottom:5vh;right:3vw}.hero-banners .hero-banner .banner-links a{display:inline-block;width:15.7608695652vmin;height:5vmin;background:transparent none no-repeat 50% 50%;background-size:cover;margin:0 0 0 1vw}.hero-banners .hero-banner .banner-links a.android{background-image:url(/frontend/play_store_580x174.43a4f467.png)}.hero-banners .hero-banner .banner-links a.apple{background-image:url(/frontend/app_store_580x174.9165f5f1.png)}.hero-banners .background-image{position:absolute;width:100vw;height:60vh;background:transparent none no-repeat 50% 100%;background-size:cover;bottom:-20vh}@media (min-width:992px){.herobanners .carousel{height:50vh}.herobanners .carousel-sequence,.herobanners .hero-banner{height:60vh}}.who-we-are{background:#ccf;overflow:hidden}.who-we-are .scrolling{position:fixed;top:0;height:100vh;left:0;right:0;width:100%}@media (min-width:992px){.who-we-are .scrolling{width:992px;margin:0 auto}}.project-list{padding-bottom:2em}@media (min-width:768px){.project-list{padding-top:2em}}.project-list .header{justify-content:space-between;align-items:center}.project-list .header h2{text-align:center}.project-list .header input{display:none}.project-list .header .search{display:block}.project-list .header .tags{display:none;flex:0;text-align:right}.project-list .header .tags li{height:2.2em;line-height:2.2em;border-radius:4px;padding:0 1.5em;margin:.4em;display:inline-block;text-transform:uppercase;transition:all .1s linear;background-color:#dcdcdc;color:#888;font-size:90%;cursor:pointer}body.dark-mode .project-list .header .tags li{background-color:#2c2c2c}.project-list .header .tags li:hover{background-color:#c3c3c3}body.dark-mode .project-list .header .tags li:hover{background-color:#464646}.project-list .header .tags li.active,body.dark-mode .project-list .header .tags li.active{background-color:#ffcb27;color:#000}.project-list .header .tags li.active:hover,body.dark-mode .project-list .header .tags li.active:hover{background-color:#ffd85a}@media (min-width:768px){.project-list .header{display:flex;margin:0 2vw}.project-list .header .search{flex:1;margin:0 1vw}.project-list .header .tags{display:block;flex:1}.project-list .header .search{flex:0}.project-list .header h2{text-align:inherit}}@media (min-width:1200px){.project-list .header{width:1170px;margin:0 auto}.project-list .header .search{margin:0 1vw 0 0}}.project-list .pager{position:relative;height:30px;margin:2em auto;display:none}.project-list .pager i,.project-list .pager span{border:0 solid #fff;border-width:13px 0}.project-list .pager span{display:block;flex:1;transition:flex;transition-duration:.3s;background:#dcdcdc;height:30px}.project-list .pager .arrow{display:block;position:absolute;height:50px;width:50px;font-size:40px;line-height:40px;text-align:center;top:-10px;background:#dcdcdc;border-radius:4px}.project-list .pager .arrow.prev{left:-50px}.project-list .pager .arrow.next{right:-50px}.project-list .pager i{flex:1;display:block;height:30px;background:#212121}body.dark-mode .project-list .pager i,body.dark-mode .project-list .pager span{border-color:#141414}body.dark-mode .project-list .pager .arrow,body.dark-mode .project-list .pager span{background:#2c2c2c}body.dark-mode .project-list .pager i{background:#fff}@media (min-width:768px){.project-list .pager{margin-left:60px;margin-right:60px;width:auto;display:flex}}@media (min-width:1200px){.project-list .pager{padding:0;width:1050px;margin-left:auto;margin-right:auto}}.project-list .carousel{width:100%;overflow:hidden;position:relative;margin:4vh 0}.project-list .carousel .carousel-sequence{display:flex;flex-wrap:nowrap;flex-direction:row;position:relative}.project-list .carousel article{flex:none;overflow:hidden;height:72.2474226804vw;width:60vw;padding:0}.project-list .carousel article .inner{margin:2vw;width:56vw;height:68.2474226804vw;overflow:hidden;position:relative;background:#ffcb27;color:#fff;border-radius:4vw}.project-list .carousel article .hero{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent none no-repeat 50% 50%;background-size:cover;transition-property:transform;transition-duration:.3s}.project-list .carousel article h2{text-transform:none;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;text-align:center;opacity:0;transition-property:opacity;transition-duration:.3s}.project-list .carousel article h2 a{display:block;flex:1;padding:2vh}.project-list .carousel article .tags{position:absolute;bottom:.5em;left:1em}.project-list .carousel article .tags li{background-color:#212121;color:#fff;display:none}.project-list .carousel article.focused h2,.project-list .carousel article:hover h2{opacity:1}.project-list .carousel article.focused .hero,.project-list .carousel article:hover .hero{transform:scale(1.1);opacity:.4}.project-list .carousel.panner article{transition-property:width;transition-duration:.2s;width:0;overflow:hidden;padding:1vh 0}.project-list .carousel.panner article.active{width:41.5239726027vh;padding:1vh}.project-list .carousel.panner.opacity-mode article{transition-property:opacity;padding:1vh;width:41.5239726027vh;opacity:.3}.project-list .carousel.panner.opacity-mode article.active{opacity:1}@media (min-width:992px){.project-list .carousel article{height:50vh;width:41.5239726027vh}.project-list .carousel article .inner{margin:2vh;width:37.5239726027vh;height:46vh}}.project-list .projects-details{position:relative;color:#c5c5c5;overflow:hidden}.project-list .projects-details:after{content:" ";width:10vh;height:10vh;margin:-5vh 0 0 -5vh;background:#fff;transform:rotate(45deg);position:absolute;top:-10vh;left:50%;transition-property:top;transition-duration:.3s}body.dark-mode .project-list .projects-details:after{background:#141414}.project-list .projects-details.expanded:after{top:0}.project-list .projects-details .project-detail{overflow:hidden;height:0;transition-property:height;transition-duration:.3s;z-index:1;background:#212121}.project-list .projects-details .project-detail .inner{display:flex;margin-top:10vh;flex-direction:column}.project-list .projects-details .project-detail .description,.project-list .projects-details .project-detail .scope{flex:1;display:none;padding:4vw 8vw}.project-list .projects-details .project-detail h4{color:#fff;margin-bottom:.6em}.project-list .projects-details .project-detail p{margin-bottom:1em}.project-list .projects-details .project-detail a{color:#fff;font-weight:800}.project-list .projects-details .project-detail.active{z-index:2;height:50vmax}.project-list .projects-details .project-detail.active .description,.project-list .projects-details .project-detail.active .scope{display:block}.project-list .projects-details .close{font-size:8vw;line-height:7.2vw;height:8vw;width:8vw;border-radius:4vw;position:absolute;right:2vw;top:1vh;text-align:center;color:#fff;background-color:hsla(0,0%,100%,.1)}@media (min-width:768px){.project-list .projects-details .close{top:2vh;font-size:2vw;line-height:1.8vw;height:2vw;width:2vw;border-radius:1vw}}@media (min-width:992px){.project-list .projects-details .project-detail .description,.project-list .projects-details .project-detail .scope{padding:8vh 8vw}.project-list .projects-details .project-detail .scope{text-align:right}.project-list .projects-details .project-detail.active{height:40vh}.project-list .projects-details .project-detail .inner{flex-direction:row;margin-top:0}}@media (min-width:768px) and (orientation:portrait){.project-list .projects-details .close{font-size:4vw;line-height:3.6vw;height:4vw;width:4vw;border-radius:2vw}}.profile-list{background:#cfc}.contact-us{text-align:center}.contact-us h2{margin:1em 0}.contact-us p{display:none;margin:0 auto 1em;padding:0}.contact-us form{padding-top:5vw;padding-bottom:10vw}.contact-us form section{margin:.1em 0;padding:.3em;display:inline-block;width:90%}.contact-us form button,.contact-us form input,.contact-us form textarea{width:100%}.contact-us form button{background:#ffcb27;color:#000}.contact-us form button.success{background:#006400}.contact-us form button.error{background:#8b0000}@media (min-width:992px){.contact-us p{display:block}.contact-us form{padding-top:30px;padding-bottom:100px}.contact-us form section{width:100%;margin:.3em 0;padding:.3em .6em}.contact-us form section.email-address,.contact-us form section.name{width:50%}}.contact-thanks{padding:14.35vmin 2vw 2em}@media (min-width:768px){.contact-thanks{padding-top:14.35vmin}}footer{background:#212121;color:#c5c5c5}footer .footer-sequence{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}footer .logo{background:transparent url(/frontend/logo_3000x820.da2cf284.png) no-repeat 50% 50%;background-size:contain;height:13.6666666667vw;width:50vw}footer h3{margin:0 0 1.5em;display:none}footer h3,footer h4{color:#fff}footer address{font-style:normal;margin:1em 0}footer .left,footer .right{line-height:1.5em}footer .left{margin:auto;text-align:center}footer .right{display:none}footer .copyright{font-size:80%;color:hsla(0,0%,77.3%,.5);padding:1em 2em;text-align:center}footer .copyright i{font-style:normal;color:rgba(255,136,136,.5)}footer .up{background:#fff;color:#212121;animation:pulse-up 4s infinite;animation-timing-function:ease-out;box-shadow:0 0 60px rgba(33,33,33,0);margin:15px auto}footer .up i{border-color:#212121}footer .right .up{display:none}@media (min-width:992px){footer .footer-sequence{flex-direction:row;align-items:flex-start}footer .footer-sequence>*{margin:5em 0 1em}footer h3{display:block}footer .logo{order:1;flex:none;height:9.5666666667vw;width:35vw}footer .left,footer .right{flex:1;text-align:center}footer .box{display:inline-block;text-align:left}footer .left{order:0}footer .right{display:block;order:2}footer .right .up{display:block}footer .copyright .up{display:none}}@keyframes pulse-up{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.3)}25%{box-shadow:0 0 0 60px hsla(0,0%,100%,0)}}.showreel{position:relative;width:100%;color:#fff;padding-top:56.25%}.showreel .frame,.showreel iframe{width:100%;height:100%}.showreel .frame{position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:992px){.showreel.fitted{padding:0}.showreel.fitted .frame{position:static;width:992px;height:558px;margin:0 auto}}.dark-mode-toggle,.dark-mode-toggle:after,.dark-mode-toggle:before,.dark-mode-toggle i,.dark-mode-toggle i:after{transition:all .5s ease-in-out}.dark-mode-toggle{display:block;width:2vmax;height:3vmax;margin:-1.5vmax 0 0}.dark-mode-toggle:before{content:" ";top:0;width:.8vmax;height:.8vmax;border-radius:.4vmax;margin:-.4vmax 0 0 -.4vmax;z-index:500}.dark-mode-toggle:after,.dark-mode-toggle:before{display:block;position:absolute;left:1vmax;transform:scaleY(.5);background:#000}.dark-mode-toggle:after{content:"D";bottom:0;width:2vmax;height:2vmax;border-radius:1vmax;margin:0 0 -1vmax -1vmax;color:#fff;box-shadow:0 0 2vmax #000;text-align:center;line-height:2vmax;z-index:300}.dark-mode-toggle i{display:block;position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:400}.dark-mode-toggle i:after{content:" ";display:block;position:absolute;top:0;left:50%;width:6vmax;height:6vmax;margin:0 0 0 -3vmax;transform:scaleX(.05) rotate(45deg);background:hsla(0,0%,100%,.2)}body.dark-mode .dark-mode-toggle:after{background:#fff;color:#000;content:"L";box-shadow:0 0 2vmax #fff}body.dark-mode .dark-mode-toggle i:after{transform:scaleX(.22) rotate(45deg);background:hsla(0,0%,100%,.7)}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.socials{display:inline-block;padding:0 0 1em}.socials li{display:inline-block;background:url(/frontend/social_icons_426x96.96af0262.png) no-repeat;height:28.8px;background-size:128.1px 28.8px;margin:0 0 0 10px}.socials .facebook{width:28.8px;background-position:0 0}.socials .twitter{width:28.8px;background-position:-28.8px 0}.socials .instagram{width:28.8px;background-position:-57.6px 0}.socials .youtube{width:41.7px;background-position:-86.4px 0}.socials a{display:block;width:100%;height:100%}.socials li:hover{transform:scale(1.2)}@media (min-width:992px){.socials{display:block}}
/*# sourceMappingURL=/frontend/main.3edc1488.css.map */