@charset "UTF-8";*,:hover{outline:0!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,header,header .company-name{line-height:var(--line-height-tight)}.page-navigation ul li[rel-data=hidden],.preloader,.transition-trigger{display:none}.btn.play span,body{font-family:var(--font-family-base)}body,p a{padding:0}.footer .btn,p a:hover{text-decoration:underline}.h1,.h2,.h3,.h4,.h5,.h6,a,a:hover,body,h1,h2,h3,h4,h5,h6,p strong{color:var(--color-dark-text)}:root{--color-primary:#00c9a7;--color-primary-dark:#1ebea5;--color-secondary:#d45cb0;--color-secondary-dark:#c8359c;--color-dark-text:#232626;--color-white:#FFF;--color-light-gray:#bdbdbd;--color-very-light-gray:#e8eaec;--color-gray-medium:#b2b4b6;--color-gray-input:#f5f3f3;--color-gray-border:#e2e7eb;--color-gray-placeholder:#e6e7e8;--color-gray-dark:#404646;--color-gray-darker:#606868;--color-accent-orange:#ffaf69;--color-success:#5cb85c;--color-info:#5bc0de;--color-warning:#f0ad4e;--color-danger:#d9534f;--color-error:#ad4e59;--color-highlight:#ff2b00;--color-info-blue:#428bca;--color-orange-dark:#f77500;--color-gray-light-extra:#cfd1d3;--color-gray-variant:#e2e4e7;--color-border-gray:#a4a4a4;--color-purple-dark:#77205d;--color-text-gray:#545b5b;--color-cyan:#41b4cd;--transition-base:calc(0.03s * 20) ease-in-out;--transition-smooth:0.2s;--transition-medium:0.5s;--transition-slow:0.8s;--font-family-base:"IBM Plex Mono",monospace;--font-family-secondary:"Nunito Sans",sans-serif;--font-weight-thin:100;--font-weight-extra-light:200;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semi-bold:600;--font-weight-bold:700;--font-weight-extra-bold:800;--font-weight-black:900;--spacing-xs:0.6vw;--spacing-sm:0.8vw;--spacing-md:1vw;--spacing-lg:2vw;--spacing-xl:4vw;--spacing-2xl:6vw;--spacing-3xl:8vw;--radius-xs:5px;--radius-sm:6px;--radius-md:30px;--radius-lg:60px;--radius-xl:65px;--radius-full:100%;--z-base:8;--z-above:9;--z-modal:999;--line-height-tight:1;--line-height-normal:1.2;--line-height-relaxed:1.5;--font-size-tiny:0.75vw;--font-size-small:1vw;--font-size-body:1.34vw;--font-size-h6:2.38vw;--font-size-h6:1.78vw;--font-size-h5:3.17vw;--font-size-h4:4.22vw;--font-size-h3:5.63vw;--font-size-h2:7.5vw;--font-size-h1:10vw}::-webkit-scrollbar{width:0}::-moz-scrollbar{width:0}::-ms-scrollbar{width:0}@keyframes progress{0%{stroke-dasharray:0 100}}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes PreloaderAnimation{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@-moz-keyframes PreloaderAnimation{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes PreloaderAnimation{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@-webkit-keyframes open_up{from,to{top:0}}@keyframes open_up{from,to{top:0}}@-webkit-keyframes open_down{from{bottom:0}to{bottom:64px}}@keyframes open_down{from{bottom:0}to{bottom:64px}}@-webkit-keyframes open_fade{from{opacity:0}to{opacity:1}}@keyframes open_fade{from{opacity:0}to{opacity:1}}.scroll-animate-text{opacity:0;transition:opacity 10ms}.scroll-animate-text.ready{opacity:1}.page-transition{position:fixed;left:0;top:0;width:100%;height:100vh;pointer-events:none;z-index:9999}.no-scroll-transition{overflow:hidden!important;position:relative}.no-scroll-transition section{opacity:0;transition:0}*{box-sizing:border-box}::selection{background:var(--color-primary)}::-moz-selection{background:var(--color-primary)}.leftTop_Radius{-webkit-border-top-left-radius:60px;-moz-border-radius-topleft:60px;border-top-left-radius:60px}.leftBottom_Radius{-webkit-border-bottom-left-radius:60px;-moz-border-radius-bottomleft:60px;border-bottom-left-radius:60px}.rightTop_Radius{-webkit-border-top-right-radius:var(--radius-lg);-moz-border-radius-topright:var(--radius-lg);border-top-right-radius:60px}.rightBottom_Radius{-webkit-border-bottom-right-radius:60px;-moz-border-radius-bottomright:60px;border-bottom-right-radius:60px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);text-transform:uppercase;margin:0}.h1,.h2,h1,h2{line-height:.9}.build .col-md-3 .item,.what .step ul li,p{color:var(--color-gray-darker)}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}html[lang=tr-TR] .h2,html[lang=tr-TR] h2{line-height:1.1}html[lang=tr-TR] .company-name,html[lang=tr-TR] a{line-height:var(--line-height-normal)!important}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4);margin-bottom:var(--spacing-sm)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}.small{font-size:var(--font-size-small)}.tiny{font-size:var(--font-size-tiny)}.body-text{font-size:var(--font-size-body)}svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}.preloader{background:linear-gradient(270deg,var(--color-primary),var(--color-secondary));background-size:400% 400%;-webkit-animation:PreloaderAnimation 8s ease infinite;-moz-animation:PreloaderAnimation 8s ease infinite;animation:PreloaderAnimation 8s ease infinite}.card-box,body{background-color:var(--color-white)}p,p a{display:inline;line-height:var(--line-height-relaxed)}body{font-weight:var(--font-weight-regular);font-size:16px;line-height:var(--line-height-normal);transition:all var(--transition-base)}body::after{content:"";position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:-1;opacity:0;transition:all var(--transition-base)}body.nav-down header,body.nav-up header{transition:transform var(--transition-smooth) ease-in-out}body.open-shadow::after{opacity:1;z-index:var(--z-modal)}.btn.border,.btn.plus,.container{z-index:var(--z-above)}body.nav-up header{transform:translateY(-20vh)}body.nav-up .scroll-top-button{transform:translateY(0vh) translateX(-50%)}body.nav-down header{transform:translateY(0)}body.nav-down .scroll-top-button{transform:translateY(20vh) translateX(-50%)}p{font-family:var(--font-family-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-extra-light);margin:0 0 var(--spacing-xl);float:none!important;width:auto!important;background-repeat:no-repeat;padding:0 0 5px}p a,p strong{font-weight:var(--font-weight-bold)}p a{float:none;font-size:inherit;color:var(--color-secondary);margin:0}.quote p{display:inline-block;position:relative;padding-left:48px}.quote p::before{content:'"';position:absolute;left:0;top:-8px;width:48px;font-size:56px;font-style:italic;color:var(--color-dark-text);line-height:normal}a,tag{font-size:var(--font-size-small);text-transform:uppercase;display:inline-block}a{text-decoration:none;cursor:pointer}a:focus{color:var(--color-dark-text);text-decoration:none;outline:dotted thin;outline:-webkit-focus-ring-color auto 0;outline-offset:-2px}a:hover{text-decoration:none;outline:dotted thin;outline:-webkit-focus-ring-color auto 0;outline-offset:-2px}ul,ul li{list-style-type:none;margin:0;padding:0}hr{margin-top:80px;margin-bottom:80px;border:0;border-top:1px solid var(--color-border-gray)}tag{position:relative;color:var(--color-secondary);font-weight:var(--font-weight-black);margin-bottom:24px}.card-box h2,input,input.form-control{font-weight:var(--font-weight-semi-bold)}tag::before{content:"";position:absolute;width:calc(100% + 16px);height:25px;background-size:100% 100%;left:-8px;top:4px}date{float:right;margin-top:16px;font-size:11px;color:var(--color-light-gray)}.container{position:relative;width:76vw}.container .row{width:100%;margin:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{transition:var(--transition-smooth)}.row{margin:0}.spacer.xs{height:var(--spacing-xs)}.spacer.sm{height:var(--spacing-sm)}.spacer.md{height:var(--spacing-md)}.spacer.lg{height:var(--spacing-lg)}.spacer.xl{height:var(--spacing-xl)}.spacer.xxl{height:var(--spacing-2xl)}.spacer.xxxl{height:var(--spacing-3xl)}.no-padding{padding:0!important}.card-box{display:inline-block;position:absolute;right:15px;top:-120px;width:50%;height:auto;border-radius:15px;overflow:hidden;text-align:left;box-shadow:-44px 44px 90px rgba(0,0,0,.3)}.card-box h2{text-transform:none;font-size:16px;line-height:27px;margin:0}.card-box .box-image{float:left;width:40%;height:auto;padding:0;background-color:var(--color-secondary);position:relative;overflow:hidden}.card-box .box-image img{width:auto;height:178px}.card-box .product-name{float:left;width:calc(100% - 40%);padding:28px 24px}.card-box .btn.plus{position:absolute;right:24px;bottom:32px;color:var(--color-dark-text);margin:0}.card-box .btn.plus::after{background-color:var(--color-dark-text)}.card-box::after{content:"";position:absolute;right:0;bottom:0;width:64px;height:56px;background:url(../images/icons/arrow-next-w.png) center center no-repeat var(--color-secondary);transition:all var(--transition-base)}.card-box:hover::after{background-color:var(--color-secondary-dark)}.product-name h2{width:100%}.product-name p{font-size:12px;color:var(--color-dark-text)}.image-box{display:flex;position:relative;width:100%}.image-box img{width:100%;height:auto}video{width:100%}.hashtags{display:flex;font-size:var(--font-size-small);text-transform:uppercase;gap:.4vw}.hashtags span{padding:.8vw;background-color:var(--color-gray-light-extra);border-radius:var(--radius-sm)}input,input.form-control{width:90%;height:48px;padding:0 16px;font-size:16px;background-color:var(--color-gray-input);border-radius:0;margin-bottom:16px;color:var(--color-dark-text);box-shadow:none;-webkit-transition:none;-o-transition:none;position:relative;transition:all var(--transition-base);border:2px solid transparent}input.form-control:focus,input:focus{background-color:var(--color-white);border-color:var(--color-accent-orange);-webkit-box-shadow:-11px 11px 54px rgba(0,0,0,0);box-shadow:-11px 11px 54px rgba(0,0,0,0);outline:0}input.form-control.form-control[type=submit],input.form-control[type=submit],input[type=submit]{width:auto;height:44px;color:var(--color-white);background-color:var(--color-secondary);border-radius:var(--radius-md);padding:0 30px;margin-top:40px;margin-bottom:0}select,textarea,textarea.form-control{font-weight:var(--font-weight-semi-bold);color:var(--color-dark-text);-webkit-transition:none;-o-transition:none;box-shadow:none}input.form-control.form-control[type=checkbox],input.form-control[type=checkbox],input[type=checkbox]{width:auto;height:auto;line-height:44px;margin-right:8px}input.form-control.form-control[disabled],input.form-control[disabled],input[disabled]{opacity:.4}select{width:80%;height:48px;padding:0 16px;font-size:16px;background-color:var(--color-gray-input);border-radius:0;margin-bottom:16px;position:relative;transition:all var(--transition-base);border:2px solid transparent}select:focus{background-color:var(--color-white);border-color:var(--color-accent-orange);-webkit-box-shadow:-11px 11px 54px rgba(0,0,0,0);box-shadow:-11px 11px 54px rgba(0,0,0,0);outline:0}select.form-control:focus{border-color:var(--color-secondary);background-color:var(--color-white)}select[type=submit]{width:auto;height:44px;color:var(--color-white);background-color:var(--color-secondary);border-radius:var(--radius-md);padding:0 30px;margin-top:40px;margin-bottom:0}select[type=checkbox]{width:auto;height:auto;line-height:44px;margin-right:8px}select[disabled]{opacity:.4}.custom-select{position:relative;display:block;margin:0 auto;border:2px solid var(--color-dark-text);border-radius:0;background-color:transparent;z-index:10}.custom-select select{border:none;outline:0;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0!important;display:block;width:100%;padding:0 52px 0 16px!important;font-size:16px!important;border-radius:6px;overflow:hidden}.btn,.btn .letter,label{display:inline-block}.custom-select::after{font-family:"Font Awesome 5 Free";content:"";position:absolute;right:0;top:0;width:50px;height:100%;line-height:44px;text-align:center;font-size:16px;color:var(--color-dark-text);background-color:transparent;border-left:0;z-index:-1;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;border-top-right-radius:6px;border-bottom-right-radius:6px}textarea,textarea.form-control{padding:12px 16px 0;font-size:16px;background-color:var(--color-gray-input);border-radius:0;margin-bottom:16px;position:relative;transition:all var(--transition-base);border:2px solid transparent;width:100%;height:auto;resize:none}textarea.form-control:focus,textarea:focus{background-color:var(--color-white);border-color:var(--color-accent-orange);-webkit-box-shadow:-11px 11px 54px rgba(0,0,0,0);box-shadow:-11px 11px 54px rgba(0,0,0,0);outline:0}textarea.form-control.form-control[type=submit],textarea.form-control[type=submit],textarea[type=submit]{width:auto;height:44px;color:var(--color-white);background-color:var(--color-secondary);border-radius:var(--radius-md);padding:0 30px;margin-top:40px;margin-bottom:0}.btn,.btn:active{background-color:transparent}textarea.form-control.form-control[type=checkbox],textarea.form-control[type=checkbox],textarea[type=checkbox]{width:auto;height:auto;line-height:44px;margin-right:8px}textarea.form-control.form-control[disabled],textarea.form-control[disabled],textarea[disabled]{opacity:.4}label{width:100%;font-size:12px;font-weight:var(--font-weight-regular);color:var(--color-dark-text);text-transform:uppercase}::-webkit-input-placeholder{font-size:14px;color:var(--color-gray-placeholder);font-weight:var(--font-weight-regular)}:-moz-placeholder{font-size:14px;color:var(--color-gray-placeholder);font-weight:var(--font-weight-regular)}::-moz-placeholder{font-size:14px;color:var(--color-gray-placeholder);font-weight:var(--font-weight-regular)}:-ms-input-placeholder{font-size:14px;color:var(--color-gray-placeholder);font-weight:var(--font-weight-regular)}.btn,.page-navigation .section-name,.sub-menu-list-container .item a,header,header .navbar li a{font-weight:var(--font-weight-semi-bold)}.btn{color:var(--color-dark-text);border:none;font-size:var(--font-size-small);text-align:center;text-decoration:none;line-height:100%;border-radius:0;padding:0;box-shadow:none;position:relative;text-transform:uppercase;transition:var(--transition-smooth)}.btn.active.focus,.btn.focus,.btn:active.focus{outline:0;outline-offset:0;box-shadow:none!important}.btn .letter{white-space:nowrap;will-change:transform}.btn:focus{color:var(--color-secondary);background-color:rgba(51,51,51,0);border-color:var(--color-gray-darker);text-decoration:none;outline:0;outline-offset:0;box-shadow:none!important}.btn:active,.btn:hover{border-color:var(--color-gray-dark);text-decoration:none}.btn:hover{background-color:rgba(51,51,51,0);background-color:transparent;color:var(--color-dark-text)}.btn:active{color:var(--color-secondary);background-image:none}.btn:active.focus,.btn:active:hover{border-color:transparent;color:var(--color-secondary);background-color:transparent}.btn:active:focus{color:var(--color-secondary);background-color:transparent;border-color:transparent;outline:0;outline-offset:0;box-shadow:none!important}.btn i{float:left;display:block;margin-right:9px}.btn.play div,.btn.play i,.btn.play span,.btn.plus,.close{display:inline-block}.btn.focus{color:var(--color-secondary);background-color:rgba(51,51,51,0);border-color:var(--color-gray-darker)}.btn.active{text-decoration:none;background-color:transparent;border-color:var(--color-gray-dark);background-image:none;color:var(--color-dark-text)}.btn.active.focus,.btn.active:hover{color:var(--color-secondary);background-color:transparent;border-color:transparent}.btn.active:focus{color:var(--color-secondary);background-color:transparent;border-color:transparent;outline:0;outline-offset:0;box-shadow:none!important}.btn.disabled.focus,.btn.disabled:hover,.btn[disabled].focus,.btn[disabled]:hover{background-color:var(--color-light-gray)}.btn.disabled{text-decoration:none}.btn.disabled:focus{background-color:var(--color-light-gray)}.btn[disabled]:focus{background-color:var(--color-light-gray)}.btn.icon{color:var(--color-dark-text)}.btn.icon i{font-size:14px;margin:0}.btn.play{background-color:transparent;border-radius:0;padding:0!important;color:var(--color-secondary)!important;text-align:left}.btn.play i{width:94px;height:94px;background-color:var(--color-secondary);color:var(--color-white);border-radius:100%;font-size:24px;line-height:94px;padding-left:0;text-align:center}.btn.play div{margin-top:24px;margin-left:8px}.btn.play span{float:left;width:100%;font-size:14px;color:var(--color-dark-text)!important;line-height:normal}.btn.secondary-bg{background-color:var(--color-secondary);border-radius:var(--radius-md);padding:12px 24px;color:rgba(255,255,255,.3)}.btn.secondary-bg:hover{color:var(--color-white)!important;background-color:var(--color-purple-dark)!important}.alert,.btn.frame:hover{background-color:var(--color-white);color:var(--color-dark-text)}.btn.frame{border:3px solid rgba(255,255,255,.3);border-radius:var(--radius-md);padding:10px 24px;margin-bottom:8px}.btn.frame.black{color:var(--color-dark-text);border-color:var(--color-dark-text)}.btn.frame.black.active,.btn.frame.black:hover{background-color:var(--color-dark-text);border-color:var(--color-dark-text);color:var(--color-white)!important}.btn.frame.black.active:hover{background-color:var(--color-dark-text)}.btn.frame.grey{color:var(--color-gray-medium);border-color:var(--color-gray-medium)}.btn.frame.grey:hover{background-color:var(--color-dark-text)!important;border-color:var(--color-dark-text);color:#fff!important}.btn.frame.all::before{content:"+";position:relative;float:left;margin-right:8px}.btn.border{display:block;padding:0;text-align:left}.btn.border::before{content:"";width:24px;height:1px;background-color:var(--color-dark-text);position:absolute;left:0;bottom:2px;transition:all var(--transition-base)}.btn.border::after{content:"";height:1px;background-color:var(--color-dark-text);position:absolute;bottom:2px;transition:all var(--transition-base);width:0;left:calc(100% + 4px)}.btn.border:hover{padding:0!important}.btn.border:hover::before{width:0}.btn.plus{color:var(--color-white);padding:0 14px 0 0;text-align:left}.btn.plus::before{content:"+";width:auto;height:auto;position:absolute;right:0;top:0}.btn.plus::after{content:"";position:absolute;display:block;left:0;bottom:-6px;width:calc(100% - 14px);height:1px;background:0 0;background-color:var(--color-white);transform:none;transition:all var(--transition-base)}.btn.plus:hover::after{background-color:var(--color-dark-text)}.btn.seperator{color:var(--color-secondary);margin-top:56px}.btn.arrow:hover,.btn.bottom-arrow:hover{color:var(--color-primary)}.btn.seperator::after{content:"";position:absolute;display:inline-block;left:0;top:calc(100% + 8px);width:100%;height:6px;background:url(../images/icons/seperator.png) center center no-repeat;background-size:100% 100%!important;transition:var(--transition-smooth);z-index:var(--z-above)}.btn.seperator:hover::after{background-size:0 0!important}.btn.external::before{content:"";display:inline-block;position:absolute;top:0;right:-22px;width:14px;height:15px;background:url(../images/icons/arrow-external.png) center center no-repeat;transition:var(--transition-smooth)}.btn.external:hover::before{top:-2px;right:-28px}.btn.down::before{content:"";display:inline-block;position:absolute;top:0;right:-22px;width:16px;height:20px;background:url(../images/icons/arrow-down-red.png) center center no-repeat;transition:var(--transition-smooth)}.btn.down:hover::before{top:4px}.btn.arrow{padding-left:8px;margin-top:4vw}.btn.arrow:hover,.footer .sitemap .col-md-4,.footer .sitemap .container .row .col-md-6.pull-right .col-md-4{padding-left:0}.btn.arrow::before{content:"";position:absolute;left:0;top:50%;width:0;height:0;border-style:solid;border-width:12px 0 12px 24px;border-color:transparent transparent transparent var(--color-primary);opacity:1;transform:translateY(-50%);transition:var(--transition-smooth);z-index:-1}.btn.arrow:hover::before{left:110%;border-width:6px 0 6px 12px;border-color:transparent transparent transparent var(--color-secondary)}.btn.bottom-arrow{padding-right:8px;margin-top:88px}.btn.bottom-arrow::before{content:"";position:absolute;right:0;top:50%;width:0;height:0;border-style:solid;border-width:24px 12px 0;border-color:var(--color-primary) transparent transparent;opacity:1;transform:translateY(-50%);transition:var(--transition-smooth);z-index:-1}.btn.bottom-arrow:hover{padding-right:0}.btn.bottom-arrow:hover::before{right:110%;border-width:6px 0 6px 12px;border-color:transparent transparent transparent var(--color-secondary)}.open>.btn.dropdown-toggle{color:var(--color-secondary);background-color:transparent;border-color:var(--color-gray-dark);background-image:none}.open>.btn.dropdown-toggle.focus,.open>.btn.dropdown-toggle:hover{background-color:transparent;border-color:transparent;color:var(--color-secondary)}.open>.btn.dropdown-toggle:focus{color:var(--color-secondary);background-color:transparent;border-color:transparent}fieldset[disabled] .btn.focus,fieldset[disabled] .btn:hover{background-color:var(--color-light-gray)}fieldset[disabled] .btn:focus{background-color:var(--color-light-gray)}.close{position:absolute!important;left:-32px;top:120px;background-color:var(--color-dark-text);width:64px!important;height:64px!important;padding:31px 19px;opacity:1;transition:all var(--transition-base)!important;overflow:hidden;text-align:center}.close:hover{opacity:1!important}.close:hover::before{background:var(--color-secondary-dark)}.close:hover::after{background:var(--color-secondary-dark)}.close::before{display:none!important;content:"";position:absolute;height:2px;width:70%;top:50%;left:0;margin-top:-1px;background:var(--color-secondary);margin-left:6px;transform:rotate(45deg)}.close::after{display:none!important;content:"";position:absolute;height:2px;width:70%;top:50%;left:0;margin-top:-1px;background:var(--color-secondary);margin-left:6px;transform:rotate(-45deg)}.close span{margin:0 auto;position:relative;top:auto;-webkit-transition-duration:0s;transition-duration:0s;width:28px;height:4px;background-color:var(--color-dark-text);border-radius:6px;display:block;background-color:rgba(0,0,0,0);-webkit-transition-delay:var(--transition-smooth);transition-delay:var(--transition-smooth)}.close span:before{position:absolute;content:"";width:28px;height:4px;border-radius:6px;display:block;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,transform;-webkit-transition-duration:var(--transition-smooth);transition-duration:var(--transition-smooth);margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0s,var(--transition-smooth);transition-delay:0s,var(--transition-smooth);background-color:var(--color-white)}.close span:after{position:absolute;content:"";width:28px;height:4px;border-radius:6px;display:block;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,transform;-webkit-transition-duration:var(--transition-smooth);transition-duration:var(--transition-smooth);margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0s,var(--transition-smooth);transition-delay:0s,var(--transition-smooth);background-color:var(--color-white)}.close.big{transform:scale(3)}.close.hairline::before{height:1px}.close.hairline::after{height:1px}.close.thick::before{height:4px;margin-top:-2px}.close.thick::after{height:4px;margin-top:-2px}.close.black::before{height:8px;margin-top:-4px}.close.black::after{height:8px;margin-top:-4px}.close.heavy::before{height:12px;margin-top:-6px}.close.heavy::after{height:12px;margin-top:-6px}.close.pointy::Before{width:200%;left:-50%}.close.pointy::after{width:200%;left:-50%}.close.rounded::before{border-radius:5px}.close.rounded::after{border-radius:5px}.close.blades::before{border-radius:5px 0}.close.blades::after{border-radius:5px 0}.close.warp::before{border-radius:120% 0}.close.warp::after{border-radius:120% 0}.close.fat::before{border-radius:100%}.close.fat::after{border-radius:100%}.alert{position:fixed;left:50%;bottom:40px;box-shadow:10px 10px 20px rgba(0,0,0,.06),-10px -10px 20px rgba(255,255,255,.08);width:auto;height:auto;font-size:10px;padding:6px 8px!important;margin:0 0 0 -150px!important;border-radius:6px;opacity:1;z-index:var(--z-modal);transition:all var(--transition-base);-webkit-animation-name:open_fade;-webkit-animation-duration:.8s;animation-name:open_fade;animation-duration:.8s}header,header .navbar-toggle{background-color:transparent;display:flex;align-items:center}.sub-how .counter-display,header,header .navbar li a{font-size:var(--font-size-small)}header{position:fixed;z-index:var(--z-above);width:100%;height:6vw;right:0;top:var(--spacing-lg);padding:0;text-align:left;justify-content:start}header .logo{position:absolute;height:100%;display:flex;z-index:7;left:var(--spacing-lg)}header .logo svg{width:auto;height:100%}header .navbar-group{display:flex;position:absolute;right:var(--spacing-lg)}header .navbar-toggle{position:relative;right:0;top:0;float:left;width:88px;height:88px;padding:0;margin:0;transition:var(--transition-smooth);z-index:9999;border:0 solid var(--color-very-light-gray);border-radius:0;cursor:pointer;justify-content:center}header .navbar-toggle span{margin:0 auto;position:relative;top:auto;-webkit-transition-duration:0s;transition-duration:0s;-webkit-transition-delay:var(--transition-smooth);transition-delay:var(--transition-smooth)}header .navbar-toggle span::after,header .navbar-toggle span::before{position:absolute;content:""}header .navbar-toggle span,header .navbar-toggle span::after,header .navbar-toggle span::before{width:40px;height:3px;border-radius:6px;display:block}header .navbar-toggle span::before{margin-top:-5px;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,transform;-webkit-transition-duration:var(--transition-smooth);transition-duration:var(--transition-smooth);-webkit-transition-delay:var(--transition-smooth),0s;transition-delay:var(--transition-smooth),0s;background-color:var(--color-dark-text)}header .navbar-toggle span::after{margin-top:5px;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,transform;-webkit-transition-duration:var(--transition-smooth);transition-duration:var(--transition-smooth);-webkit-transition-delay:var(--transition-smooth),0s;transition-delay:var(--transition-smooth),0s;background-color:var(--color-dark-text)}header .navbar-toggle:hover{background-color:transparent}header .navbar-toggle:hover::before{color:var(--color-secondary)}header .navbar-toggle:hover span::before{margin-top:0;background-color:var(--color-secondary)}header .navbar-toggle:hover span::after{margin-top:0;background-color:var(--color-secondary)}header .navbar-toggle.in{background-color:transparent}header .navbar-toggle.in span{background-color:transparent;-webkit-transition-delay:var(--transition-smooth);transition-delay:var(--transition-smooth)}header .navbar-toggle.in span::before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0s,var(--transition-smooth);transition-delay:0s,var(--transition-smooth)}header .navbar-toggle.in span::after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0s,var(--transition-smooth);transition-delay:0s,var(--transition-smooth)}header .navbar-toggle.in span::after,header .navbar-toggle.in span::before{background-color:var(--color-primary)}header .navbar-toggle .icon-bar+.icon-bar{margin-top:5px}header .navbar{display:flex;justify-content:flex-start;background-color:transparent;column-gap:8vw;min-height:unset;margin:0;align-items:center;opacity:0;pointer-events:none;transition:opacity var(--transition-smooth)}header .navbar.open{opacity:1;pointer-events:auto}header .navbar li a,header .navbar li a .letter{opacity:0;transition:opacity var(--transition-smooth)}header .navbar li{float:left;padding:0;position:static!important}header .navbar li a{float:left;padding:0;text-transform:uppercase}header .navbar li a::after{content:", ";position:relative;font-weight:var(--font-weight-thin);top:100%;width:100%;height:2px;margin-right:.4vw}header .navbar li a.active{color:var(--color-primary)}header .navbar li:last-child a::after{content:""}header .navbar .container{position:static}header .container{position:static;display:flex;align-items:center}.nav-up>header .navbar-toggle{top:-88px!important}.left-bar,.right-bar,.search-bar{position:fixed;z-index:var(--z-base);transition:all var(--transition-base);text-align:left;background-color:transparent;width:auto;height:100%;left:var(--spacing-lg);top:0;display:flex;justify-content:center;align-items:center}.left-bar li,.right-bar li,.search-bar li{padding:12px 0;position:relative}.left-bar li a,.right-bar li a,.search-bar li a{position:relative;display:inline-block;font-size:21px;text-transform:uppercase;font-weight:800;color:var(--color-white);letter-spacing:.16em}.downloads li a:hover,.left-bar li a:hover,.page-navigation ul li a:hover,.right-bar li a:hover,.search-bar li a:hover{color:var(--color-white)!important}.left-bar li a:focus,.right-bar li a:focus,.search-bar li a:focus{color:var(--color-white)!important}.left-bar li .sub-menu,.right-bar li .sub-menu,.search-bar li .sub-menu{position:relative;overflow:hidden;height:0;transition:all var(--transition-base)}.left-bar li ul,.right-bar li ul,.search-bar li ul{margin:24px 0 16px}.left-bar li ul li,.right-bar li ul li,.search-bar li ul li{padding:1px 0 1px 16px}.left-bar li ul li a,.right-bar li ul li a,.search-bar li ul li a{font-size:11px;font-weight:var(--font-weight-regular);letter-spacing:normal}.left-bar li ul li a::after,.right-bar li ul li a::after,.search-bar li ul li a::after{display:none!important}.left-bar li ul li:last-child,.right-bar li ul li:last-child,.search-bar li ul li:last-child{padding-top:22px}.left-bar li ul li:last-child a,.right-bar li ul li:last-child a,.search-bar li ul li:last-child a{position:relative;font-weight:800}.left-bar li ul li:last-child a::before,.right-bar li ul li:last-child a::before,.search-bar li ul li:last-child a::before{content:"";position:absolute!important;display:block!important;right:0!important;bottom:-4px!important;width:100%!important;height:1px!important;background:0 0!important;background-color:var(--color-white)!important;transform:none!important}.left-bar li ul li:last-child a::after,.right-bar li ul li:last-child a::after,.search-bar li ul li:last-child a::after{position:absolute!important;display:block!important;bottom:-4px!important;background:0 0!important;transform:none!important;content:"+"!important;width:16px!important;height:16px!important;right:-24px!important;top:50%!important;margin-top:-8px!important;font-size:14px!important;font-weight:800!important;opacity:.7!important}.left-bar li.category-item a::after,.right-bar li.category-item a::after,.search-bar li.category-item a::after{content:"";position:absolute;right:-40px;top:-15px;background:url(../images/icons/arrow-right.svg) center center no-repeat;width:24px;height:24px;display:inline-block;transform:rotate(90deg);opacity:0;transition:var(--transition-smooth)}.left-bar li.category-item:hover a::after,.right-bar li.category-item:hover a::after,.search-bar li.category-item:hover a::after{opacity:1;top:-5px}.left-bar li.category-item.active a::after,.right-bar li.category-item.active a::after,.search-bar li.category-item.active a::after{transform:rotate(-90deg)}.left-bar li.category-item.active .sub-menu,.right-bar li.category-item.active .sub-menu,.search-bar li.category-item.active .sub-menu{height:auto}.left-bar .social-media,.right-bar .social-media,.search-bar .social-media{padding-top:56px}.left-bar .social-media li,.right-bar .social-media li,.search-bar .social-media li{padding:4px 0}.left-bar .social-media li a,.right-bar .social-media li a,.search-bar .social-media li a{font-size:12px}.left-bar .slogan,.right-bar .slogan,.search-bar .slogan{font-size:14px;font-weight:var(--font-weight-bold);text-transform:none;transform:rotate(-180deg);writing-mode:vertical-rl;opacity:1}.left-bar .scroll-top-button,.right-bar .scroll-top-button,.search-bar .scroll-top-button{position:absolute;left:50%;bottom:32px;z-index:var(--z-base);transform:translateY(20vh) translateX(-50%);transition:transform var(--transition-smooth) ease-in-out}.left-bar .scroll-top-button img,.right-bar .scroll-top-button img,.search-bar .scroll-top-button img{width:32px;height:auto}.left-bar .self,.right-bar .self,.search-bar .self{position:relative;float:left;width:100%;display:inline-block;padding-bottom:24px;cursor:pointer}.left-bar .self a,.right-bar .self a,.search-bar .self a{float:left;width:100%;height:auto}.left-bar .self span,.right-bar .self span,.search-bar .self span{position:absolute;left:32px;top:0;display:inline-block;width:21px;height:21px;border-radius:100%;background-color:var(--color-white);font-size:10px;font-weight:800;color:var(--color-secondary);text-align:center;line-height:19px;border:2px solid var(--color-secondary);z-index:var(--z-above)}.left-bar .self>a::after,.right-bar .self>a::after,.search-bar .self>a::after{content:"";float:none;display:inline-block;position:relative;width:64px;height:64px;margin:0 auto;border-radius:100%;text-align:center;background-color:var(--color-very-light-gray);background-position:center center;background-repeat:no-repeat;background-size:31px auto;transition:var(--transition-smooth)}.left-bar .self::after,.right-bar .self::after,.search-bar .self::after{content:"";float:none;display:inline-block;position:relative;width:64px;height:64px;margin:0 auto;border-radius:100%;text-align:center;background-color:var(--color-very-light-gray);background-position:center center;background-repeat:no-repeat;background-size:31px auto;transition:var(--transition-smooth)}.left-bar .self:hover::after,.right-bar .self:hover::after,.search-bar .self:hover::after{background-color:var(--color-white)}.left-bar .self.in::after,.right-bar .self.in::after,.search-bar .self.in::after{background-color:var(--color-white);border:1px solid var(--color-secondary)}.message-button{position:fixed;z-index:var(--z-modal);transition:all var(--transition-base);text-align:left;background-color:transparent;display:inline-block;background-position:center center;background-repeat:no-repeat;left:0;bottom:0;width:200px;height:120px;background-image:url(../images/icons/message-r.png);background-color:var(--color-white);-webkit-border-top-right-radius:var(--radius-lg);-moz-border-radius-topright:var(--radius-lg);border-top-right-radius:60px;cursor:pointer}.message-button span{display:inline-block;text-align:center;width:100%;padding:40px 0}.message-button.color{background-color:var(--color-secondary);background-image:url(../images/icons/message-w.png)}.sub-menu-list-container{float:left;width:100%;margin-top:80px}.sub-menu-list-container .item{float:left;width:100%;border-bottom:3px solid #232626}.sub-menu-list-container .item:first-child{border-top:3px solid #232626}.sub-menu-list-container .item a{float:left;width:100%;text-transform:uppercase;font-size:var(--font-size-body);padding:16px 0;transition:.2s;position:relative}.sub-menu-list-container .item a:before{font-family:"Font Awesome 5 Free";content:"";background-position:left top;background-repeat:no-repeat;background-size:100% auto;font-size:24px;display:inline-block;opacity:1;position:absolute;right:0;top:50%;width:24px;height:24px;transition:.2s;transform:rotate(45deg);margin-top:-8px}.sub-menu-list-container .item a:hover{color:#00c9a7!important}.sub-menu-list-container .item a:hover::before{transform:rotate(0);color:#d45cb0!important}.page-navigation{position:fixed;z-index:7;transition:all var(--transition-base);text-align:right;background-color:transparent;padding:0;display:inline-block;width:auto;height:auto;right:48px;bottom:48px}.page-navigation .flex-wrapper{display:flex;flex-flow:row nowrap;position:absolute;left:-15px;top:-.5px;z-index:var(--z-above);width:128px;transition:var(--transition-smooth);margin-top:2px}.page-navigation .flex-wrapper .single-chart{width:33%;justify-content:space-around}.page-navigation .flex-wrapper .circular-chart{display:block;margin:10px auto;max-width:80%;max-height:250px}.page-navigation .flex-wrapper .circle-bg{fill:none;stroke:var(--color-very-light-gray);stroke-width:2.8}.page-navigation .flex-wrapper .circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards;stroke:var(--color-dark-text)}.page-navigation .flex-wrapper .percentage{fill:var(--color-dark-text);font-family:sans-serif;font-size:.5em;text-anchor:middle}.page-navigation ul{float:right;width:13px;margin-right:8px}.page-navigation ul li{width:13px;height:13px;display:inline-block;margin:20px 0}.page-navigation ul li a{display:inline-block;width:13px;height:13px;padding:0;position:relative}.page-navigation ul li a:focus{color:var(--color-white)!important}.page-navigation ul li a.disc{border-radius:100%;background-color:var(--color-light-gray);top:-.05vw}.page-navigation ul li a.triangle{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:13px solid var(--color-light-gray);background-color:transparent;top:-.1vw}.page-navigation ul li a.square{border-radius:0;background-color:var(--color-light-gray);top:-.05vw}.page-navigation ul li a.pentagon{background-color:var(--color-light-gray);position:relative;clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%);top:-.05vw}.page-navigation ul li a.star{width:30px;height:30px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);margin-left:-9px;margin-top:-6px;top:-.05vw}.page-navigation ul li a.star::before{content:"";position:absolute;left:0;top:0;transform:rotate(-36deg);width:30px;height:30px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background-color:var(--color-light-gray)}.page-navigation ul li.current a.disc,.page-navigation ul li.current a.pentagon,.page-navigation ul li.current a.square{background-color:var(--color-dark-text)}.page-navigation ul li.current a::after{content:"";position:absolute}.page-navigation ul li.current a.triangle{border-bottom-color:var(--color-dark-text)}.page-navigation ul li.current a.star::before{background-color:var(--color-dark-text)}.page-navigation .section-name{font-size:12px;color:var(--color-secondary);text-transform:uppercase;width:100%;transform:rotate(-90deg);transform-origin:left top;position:absolute;bottom:-160px;left:0;margin-top:0;opacity:.65;height:200px;line-height:200px}.page-navigation.closed{right:-130px!important}.breadcrumb{padding:0 0 24px!important;list-style:none;background-color:transparent;border-radius:0;margin:0;color:var(--color-gray-medium)}.breadcrumb .share a,.breadcrumb li{color:var(--color-white);font-weight:var(--font-weight-semi-bold);font-size:10px;text-transform:uppercase}.breadcrumb .breadcrumb{padding:0 13px;background-color:transparent}.breadcrumb .share{padding:8px 0 8px 13px}.breadcrumb .share a img{width:auto;height:12px;margin-right:6px;margin-top:-2px}.breadcrumb li img{margin-top:-2px}.breadcrumb li a{font-size:10px;color:var(--color-secondary);font-weight:800}.breadcrumb li:first-child a{color:var(--color-gray-medium)}.breadcrumb li.breadcrumb-item::before{color:var(--color-dark-text)}.breadcrumb li.active{color:var(--color-secondary);font-weight:var(--font-weight-black)}.breadcrumb span{font-size:10px;font-weight:var(--font-weight-semi-bold);padding:2px 24px 1px 0}.breadcrumb>li+li:before{color:#ccc;content:"";background:url(../images/icons/breadcrumb-seperator.png) left top no-repeat;width:9px;height:23px;margin-left:18px;padding:0 18px}section{float:right;width:calc(100%);padding:14vw 0;min-height:100vh;position:relative;z-index:6;opacity:0;transition:background-color var(--transition-base),opacity var(--transition-base)}section:not(section) h1{transition:opacity .5s ease-in-out,transform .5s ease-in-out,padding .3s ease;opacity:0;transform:translateY(3.125rem)}section .white{background-color:var(--color-white)}section .red{background-color:var(--color-secondary)}section .grey{background-color:var(--color-very-light-gray)}section.white{background-color:var(--color-white)}section.red{background-color:var(--color-secondary)}section.grey{background-color:var(--color-very-light-gray)}section.active-section{opacity:1}.loading-wrapper{width:56px;height:56px;position:absolute;top:50%;left:50%;margin-top:-64px;margin-left:-28px}.loading-wrapper .current-slide{position:absolute;display:inline-block;text-align:center;width:100%;line-height:56px;left:0;top:0;font-weight:800}.gallery,.gallery .owl-carousel .owl-item .item{display:inline-block;position:relative;width:100%}.gallery .owl-carousel .owl-item,.gallery .owl-carousel .owl-item .item{overflow:hidden}.gallery img{float:left;width:100%!important;height:auto}.gallery .owl-nav button{position:fixed;background-color:transparent;background-image:url(../images/icons/arrow-right.svg);background-position:center center;background-repeat:no-repeat;width:40px;height:40px;border:0;margin-top:-20px;margin-left:-20px;cursor:none}.gallery .owl-nav button.owl-next{background-image:url(../images/icons/arrow-left.svg)}.gallery .owl-dots{position:absolute;right:40px;bottom:40px;opacity:0;z-index:-9999}.gallery .owl-dots button{width:16px;height:16px;border-radius:100%;box-shadow:none;border:2px solid var(--color-gray-medium);background-color:transparent;padding:0;margin:0 0 0 32px}.gallery .owl-dots button.active{background-color:var(--color-error);border-color:var(--color-error)}.gallery .owl-dots.disabled{display:none!important}.downloads{display:none;display:inline-block;width:100%;height:auto;margin-top:56px}.downloads li,.downloads li a{width:100%;height:48px;position:relative;line-height:48px;font-weight:var(--font-weight-bold);float:left;cursor:pointer}.downloads li{margin-bottom:8px}.downloads li a{padding:0 56px 0 64px;border:1px solid var(--color-gray-medium)}.downloads li a::before{content:"";position:absolute;float:left;display:inline-block;width:48px;height:46px;left:0;top:0;background-repeat:no-repeat;background-position:center center;transition:all var(--transition-base)}.downloads li a::after{content:"";position:absolute;float:left;display:inline-block;width:48px;height:46px;left:0;top:0;background-repeat:no-repeat;background-position:center center;transition:all var(--transition-base)}.downloads li a:hover{background-color:var(--color-secondary)}.downloads li::before{content:"";position:absolute;float:left;display:inline-block;width:48px;height:46px;left:0;top:0;background-repeat:no-repeat;background-position:center center;transition:all var(--transition-base)}.downloads li::after{content:"";position:absolute;float:left;display:inline-block;width:48px;height:46px;left:0;top:0;background-repeat:no-repeat;background-position:center center;transition:all var(--transition-base)}.downloads.pdf li::before{background-color:var(--color-dark-text);background-image:url(../images/icons/pdf.png)}.downloads.pdf li a::before{background-color:var(--color-dark-text);background-image:url(../images/icons/pdf.png)}.downloads.pdf li a::after{position:absolute;left:auto;right:0;background-image:url(../images/icons/download.png)}.downloads.pdf li a:hover::before{background-color:var(--color-secondary-dark)}.downloads.pdf li::after{position:absolute;left:auto;right:0;background-image:url(../images/icons/download.png)}.downloads.pdf li:hover::before{background-color:var(--color-secondary-dark)}.slogan h1{background:-webkit-linear-gradient(var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all var(--transition-base)}.slogan h1:hover{text-shadow:0 -2px 2px var(--color-primary),0 2px 2px var(--color-secondary)}.discovery{position:absolute;right:10%;bottom:80px;transform:rotate(-90deg);opacity:1;transition:var(--transition-smooth);z-index:var(--z-above)}.discovery::before{content:"";position:absolute;right:120%;top:calc(50% - 2px);width:120px;height:4px;background-color:var(--color-dark-text)}.discovery.closed{opacity:0}.landing{padding-top:20vw;position:relative;min-height:100vh;color:var(--color-secondary)}.landing .container{position:relative;z-index:2}.landing .container h1{margin:0;position:relative;opacity:1}.landing .row{position:relative;z-index:2}.landing .landing-video-container{float:left;position:relative;z-index:var(--z-base);cursor:pointer}.landing .landing-video-container::before{font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";content:"";background-position:left top;background-repeat:no-repeat;background-size:100% auto;color:var(--color-white);font-size:40px;font-weight:var(--font-weight-black);display:inline-block;position:absolute;left:50%;top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;background-color:var(--color-secondary);border-radius:100%;line-height:64px;text-align:center;opacity:0;z-index:var(--z-above)}.build .project-list,.for .btn,.landing .project-list{margin-top:160px}.landing .landing-video-container:hover::before{opacity:1}.landing .landing-video-container:hover .box-image::before{opacity:1}.landing .text-wrapper{position:absolute;left:0;top:0;padding-top:14vw;width:100%;z-index:var(--z-above);pointer-events:none}.landing #canvas,.landing .render{position:absolute;width:100vw!important;height:100vh!important;top:0;left:0}.landing .text-wrapper .highlight div{display:none}.landing .text-wrapper .highlight div.active{display:inline-block}.landing .h{color:var(--color-primary)}.landing #canvas{z-index:10;image-rendering:pixelated}.landing .render{white-space:pre;letter-spacing:.4em;font-size:var(--cell-size);line-height:var(--cell-size);font-weight:700}.grid,.hero{position:relative}.content,.grid,.grid__item,.hero{width:100%}.hero{height:100vh;overflow:hidden}.hero::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:20%;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%);z-index:8;opacity:1;pointer-events:none}.content{overflow:hidden}.grid{display:grid;grid-template-columns:repeat(8,1fr)}.cover,.grid__item-img{position:relative;display:flex}.grid__item{position:relative;height:100%;will-change:transform;grid-column:var(--c);grid-row:var(--r)}.grid__item-img{width:calc(100vw / 8);height:calc(100vw / 8);aspect-ratio:1;background-size:cover;background-position:50% 50%;will-change:transform,opacity;overflow:hidden;justify-content:center;align-items:center}.grid__item-img img,.grid__item-img video{width:100%;height:100%;object-fit:cover}.cover{width:100%;height:auto;margin-bottom:8vw;top:0;left:0;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.cover__title{font-size:8vw;font-weight:600;margin:0}.cover__title sup{font-size:4vw;font-weight:700;vertical-align:75%}.cover__subtitle{font-size:1.5rem;font-weight:400;margin:0}.sub-page>.landing{padding-top:120px}.project-list .item{float:left;width:33.33333333%;padding:0 15px 200px}.project-list .item h3{float:left;width:100%;margin-bottom:16px;top:0!important}.project-list .item tag{width:auto!important;display:inline;background-repeat:no-repeat;float:left!important;font-size:14px;font-weight:var(--font-weight-regular);color:var(--color-light-gray);padding:0!important}.project-list .item tag:hover{background-size:0 1px}.project-list .item .project-details{position:absolute;left:0;top:0;width:100%;height:100%;z-index:var(--z-above);padding:0;background-color:var(--color-white);border-bottom:3px solid var(--color-dark-text);opacity:0;transition:all var(--transition-base)}.project-list .item .project-details h4{font-size:24px;text-transform:uppercase;margin-bottom:24px}.project-list .item .project-details .description{font-size:14px;line-height:25px;color:var(--color-dark-text);padding:0 8 0 0}.project-list .item .project-details .socials{position:absolute;bottom:40px;left:0}.project-list .item .project-details .socials a{float:left;text-transform:uppercase;color:var(--color-primary);margin-right:32px}.project-list .item:hover .project-details{opacity:1}.project-list .item:nth-child(2n+0){float:right;width:41.66666667%;margin-top:160px}.project-list .item:nth-child(2n+0) h3{width:65%;margin-bottom:0}.project-list .item:nth-child(2n+0) tag{float:right!important}.project-list .item:nth-child(3n+0){width:41.66666667%;margin-top:160px}.project-list .item:nth-child(3n+0) h3{width:100%;margin-bottom:16px}.project-list .item:nth-child(3n+0) tag{float:left!important}.project-list .item:nth-child(4n+0){float:left;width:33.33333333%;margin-left:16.66666667%;margin-top:160px}.project-list .item:nth-child(4n+0) h3{width:100%;margin-bottom:16px}.project-list .item:nth-child(4n+0) tag{float:left!important}.project-list .item:nth-child(5n+0){float:right;width:41.66666667%;margin-left:16.66666667%;margin-top:160px}.project-list .item:nth-child(5n+0) h3{width:65%;margin-bottom:0}.project-list .item:nth-child(5n+0) tag{float:right!important}.project-list .item:nth-child(6n+0){float:left;width:33.33333333%;margin-top:160px}.project-list .item:nth-child(6n+0) h3{width:100%;margin-bottom:16px}.project-list .item:nth-child(6n+0) tag{float:left!important}.project-list .item .image-box{position:relative;margin-bottom:40px}.footer h1,.who h2{margin-bottom:160px}.project-list .item .image-box img{aspect-ratio:1;object-fit:cover}.project-list .item .image-box::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--color-primary);z-index:var(--z-above);transition:all var(--transition-base)!important}.project-list .item.active .image-box::before{background-color:var(--color-secondary);height:0%}.how .sub-menu-list-container,.what .sub-menu-list-container{margin-top:0;margin-bottom:120px}.who img{width:100%;height:auto}.what{height:500svh}.what .sub-menu-list-container .item{border:0;padding:8px 0}.what .sub-menu-list-container .item a{float:none!important;width:auto!important;display:inline;background-repeat:no-repeat;transition:all .5s ease-in-out;font-size:40px;font-weight:var(--font-weight-semi-bold);line-height:1;padding:0;position:relative;text-transform:uppercase}.what .sub-menu-list-container .item a:hover{color:var(--color-dark-text)!important;padding-left:24px}.what .sub-menu-list-container .item a:hover::after{left:0;background-color:var(--color-secondary);opacity:1}.what .sub-menu-list-container .item a::before{display:none}.what .sub-menu-list-container .item a::after{content:"";position:absolute;z-index:-1;width:54px;height:54px;border-radius:100%;background-color:var(--color-primary);left:10%;top:-4px;opacity:0;transition:var(--transition-smooth)}.what .step{display:flex;width:100vw;height:100svh;overflow:hidden;padding:14vw 0;position:sticky;top:0}.what .step.step0{height:60vh;background-color:#CED3D3}.what .step.step1{background-color:#D5DEA3}.what .step.step2{background-color:#A3DEA7}.what .step.step3{background-color:#A3DCDE}.what .step.step4{background-color:#DECFA3}.what .step ul{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:var(--spacing-lg);width:100%;padding:var(--spacing-2xl) 0 0}.what .step ul li{padding-left:1vw;position:relative}.what .step ul li::before{content:"";display:inline-block;width:.3vw;height:.3vw;background-color:var(--color-primary);position:absolute;left:0;top:.4vw}.what .image-box img{aspect-ratio:1;object-fit:cover}.how{padding:320px 0}.how a,.how h2,.how p{color:var(--color-white)}.how .sub-menu-list-container .item{border:0}.how .sub-menu-list-container .item a{padding:24px 0;font-size:40px;line-height:51px;display:inline-block}.how .sub-menu-list-container .item a:hover,.how .sub-menu-list-container .item.active a{color:var(--color-secondary)!important;padding-left:24px}.how .sub-menu-list-container .item a::before{display:none}.how .sub-menu-list-container .item a::after{content:"";position:absolute;z-index:-1;width:0;height:0;border-style:solid;border-width:24px 0 24px 48px;border-color:transparent transparent transparent var(--color-primary);left:-10%;top:24px;opacity:0;transition:var(--transition-smooth)}.how .sub-menu-list-container .item a:hover::after{left:0;border-color:transparent transparent transparent var(--color-primary);opacity:1}.footer .sitemap *,.footer .sitemap a,.how .skills .item{color:var(--color-white)}.how .sub-menu-list-container .item.active a::after{left:0;border-color:transparent transparent transparent var(--color-primary);opacity:1}.how .col-md-6{display:none}.how .col-md-6.in{display:block}.how .skills{float:left;width:100%;margin-top:104px}.how .skills .item{width:calc(33.33333333% - 16px);padding:24px 16px;text-transform:uppercase;font-size:16px;position:relative;display:inline-flex}.how .skills .item::after{content:"";position:absolute;width:8px;height:8px;left:0;top:50%;margin-top:-4px;background-color:var(--color-white);display:inline-block;opacity:.4}.footer h1,.footer h3,.footer p{top:0!important}.footer .sitemap .col-md-4 h3,.footer .sitemap .container .row .col-md-6.pull-right .col-md-4 h3{opacity:.5}.footer{padding-bottom:0}.footer h3{margin-bottom:32px}.footer a{margin-bottom:.8vw;line-height:1.5}.footer p{display:inline-block;width:100%;background:0 0;text-transform:none;font-size:16px;line-height:27px;margin:0}.footer .col-md-3,.footer .col-md-4{display:flex;flex-direction:column}.footer .col-md-3:nth-child(2){padding-right:6%}.footer .col-md-3:last-child a::after{content:",";margin-right:4px}.footer .col-md-3:last-child a:last-child::after{display:none}.footer .follows{flex-direction:row}.footer .follows a{margin-bottom:0}.about h2,.build h2{margin-bottom:120px}.footer .sitemap{position:relative;width:100vw;height:100svh;background-color:var(--color-dark-text);margin-top:320px;padding-top:80px;padding-bottom:320px}.footer .sitemap a{font-size:var(--font-size-tiny);font-weight:var(--font-weight-semi-regular);text-transform:uppercase}.footer .sitemap #playball-btn{position:absolute;left:calc(12vw + 30px);bottom:var(--spacing-2xl);font-size:var(--font-size-h6);font-weight:var(--font-weight-bold)}.about{padding-bottom:0}.about .container{height:auto}.about .triangle-hands-wrapper{position:relative;width:100%;height:200vh;overflow:hidden}.about .triangle-hands-wrapper .th-step1{position:relative;width:100%;height:105vh!important;max-height:105vh!important;display:flex;align-items:center;justify-content:center;z-index:10;will-change:transform}.about .triangle-hands-wrapper .th-step1 img{width:100%;height:100%;object-fit:contain;will-change:transform;opacity:1!important}.about .triangle-hands-wrapper .th-step2{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;top:4vh;left:0;z-index:20;position:absolute;text-align:center;opacity:0}.build h3{margin-bottom:40px}.build .col-md-3 .item{padding-left:1vw;position:relative}.build .col-md-3 .item::before{content:"";display:inline-block;width:.3vw;height:.3vw;background-color:var(--color-primary);position:absolute;left:0;top:.4vw}.sub-how{overflow:hidden}.sub-how h2{margin-bottom:var(--spacing-lg)}.sub-how h3{margin-bottom:40px}.sub-how .col-md-6{min-height:480px}.sub-how .cards-wrapper{position:relative;width:100%;aspect-ratio:3.8/5.2;height:auto}.sub-how .cards-wrapper .card{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-white);border:1px solid var(--color-primary);display:flex;flex-direction:column;overflow:hidden;transform-origin:center center}.sub-how .cards-wrapper .card .marquee-container{position:absolute;top:0;left:0;width:100%;padding:.8vw 0;border-bottom:1px solid var(--color-primary);background:#e5e8e7;display:flex;align-items:center;justify-content:start;overflow:hidden;white-space:nowrap;opacity:1;transition:opacity var(--transition-base)}.sub-how .cards-wrapper .card .marquee-container .marquee-content{display:inline-flex;gap:4vw;font-size:var(--font-size-h6);font-weight:var(--font-weight-bold);text-transform:uppercase}.sub-how .cards-wrapper .card .marquee-container .marquee-content span{color:var(--color-primary);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sub-how .cards-wrapper .card .marquee-container .marquee-content span.alt{color:var(--color-secondary)}.sub-how .cards-wrapper .card.active .marquee-container{opacity:1}.sub-how .cards-wrapper .card .card-body{padding:9vw 8vw 2vw 4vw;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.sub-how .cards-wrapper .card .card-body p{margin-bottom:0}.sub-how .cards-wrapper .card .card-footer{border-top:1px solid var(--card-border);padding:1rem 1.5rem;display:flex;justify-content:flex-end;font-family:var(--font-mono);font-weight:700;color:var(--accent-cyan);position:absolute;left:0;bottom:0;width:100%}.sub-how .cards-wrapper .nav-controls{position:absolute;width:calc(100% + 100px);left:-50px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:100}.sub-how .cards-wrapper .nav-controls .nav-btn{width:44px;height:44px;border-radius:50%;background:#b0b3b8;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:transform .2s,background .3s}.sub-how .cards-wrapper .nav-controls .nav-btn:hover{background:#8e9196;transform:scale(1.1)}.sub-how .cards-wrapper .nav-controls .nav-btn:active{transform:scale(.95)}.sub-how .cards-wrapper .nav-controls .nav-btn svg{width:20px;height:20px;fill:#fff}.sub-how .counter-display{margin-top:6vw;text-align:center;color:var(--color-text-gray)}.banner svg{position:absolute;left:50%;top:0;transform:translate(-50%,-50%)}.contact{padding-bottom:0}.contact h1{margin-bottom:var(--spacing-lg)!important}.contact .form{margin-top:80px!important}.contact .form .row{margin-top:24px}.contact .form label.error{font-size:10px;text-transform:none;margin-top:-12px;float:left;color:var(--color-error)}.contact .form #alert-area-min{padding-bottom:40px;font-size:14px;text-transform:uppercase;font-weight:var(--font-weight-bold)}.contact .form #alert-area-min .success{color:var(--color-success)}.contact .form #alert-area-min .error-message{color:var(--color-error)}.project-name-big-wrapper{position:relative;display:flex;align-items:flex-start;justify-content:center;width:100vw;height:100vh}.project-name-big-wrapper .project-name-big{position:relative;width:100vw;height:100vh;font-size:10vw;font-weight:var(--font-weight-black);color:var(--color-primary);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;left:0;top:0;white-space:nowrap;overflow:hidden;display:flex;justify-content:center;align-items:center}.full-image,.left-right-image{width:100%;height:auto;padding:4vw 12vw;margin-top:0;margin-bottom:0}.unit .container:first-of-type{height:40vw}.project-details .project-media img{aspect-ratio:1;object-fit:cover}.slide{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.slide .row{display:flex;justify-content:center;flex-wrap:nowrap}.slide p{font-size:2rem;flex-shrink:0;line-height:1;margin:1ch;white-space:nowrap}.features p{color:var(--color-1)}@media (max-width:1024px){:root{--spacing-xs:0.6vw;--spacing-sm:0.8vw;--spacing-md:1vw;--spacing-lg:2vw;--spacing-xl:4vw;--spacing-2xl:6vw;--spacing-3xl:8vw;--font-size-tiny:12px;--font-size-small:14px;--font-size-body:18px;--font-size-h6:21px;--font-size-h6:24px;--font-size-h5:28px;--font-size-h4:32px;--font-size-h3:36px;--font-size-h2:40px;--font-size-h1:48px}#playball-btn,.playball-game-wrapper{display:none!important}.container{width:89vw}header{height:9vw}header .navbar{border-radius:0;column-gap:4vw}header .company-name{margin-left:8vw}.left-bar,.right-bar{width:5%}.left-bar .slogan,.right-bar .slogan{left:-168px}.right-bar .slogan{margin-top:-20px}.page-navigation{right:16px;bottom:24px}.nav-up>.scroll-top-button{bottom:40px}.landing .text-wrapper{padding-top:20vw}.landing canvas{pointer-events:none}.landing .landing-video-container:hover::before{display:none!important}.landing .project-list{margin-top:0}.build .col-md-3{width:50%;min-height:320px}.project-list .item{width:100%!important;padding:0 15px;margin:80px 0!important;transform:none!important}.project-list .item h3{width:100%!important;margin-bottom:8px!important}.project-list .item tag{float:left!important}.project-list .item:nth-child(2n+0) tag{float:left!important}.project-list .item:nth-child(5n+0) tag{float:left!important}.what .step ul{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left;width:100%}.who img{display:none!important}.container{width:90%}.btn.arrow{margin-top:8vw}header .navbar-group{position:absolute;right:0;left:auto;top:0;width:100vw;height:auto}header .navbar-group .navbar{width:100%}header .navbar-group .navbar.open{position:fixed;left:0;top:0;height:100vh;background-color:#FFF;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:32vw 12vw;gap:40px}header .navbar-group .navbar ul{display:flex;flex-direction:column;align-items:start}header .navbar-group .navbar ul li a{font-size:40px;line-height:51px;text-transform:uppercase}header .company-name{width:32vw}header .navbar-toggle{position:absolute}.left-bar,.right-bar{width:5%}.left-bar .slogan,.right-bar .slogan{left:-168px}.right-bar .slogan{margin-top:-20px}.page-navigation{right:16px;bottom:24px}.nav-up>.scroll-top-button{bottom:40px}section{padding:80px 0}h1{font-size:6vw}.footer .lets .col-md-3{width:calc(100% / 4);padding-top:40px}.footer .lets .col-md-3:last-child{padding-bottom:0}.footer .sitemap .col-md-4{width:calc(100% / 3);padding-top:40px}.footer .sitemap .col-md-4:last-child{padding-bottom:0}.discovery{right:0;bottom:-80px}.project-list .item{transform:none!important}.what .step{padding:18vw 0}}@media (max-width:568px){:root{--spacing-xs:0.6vw;--spacing-sm:0.8vw;--spacing-md:1vw;--spacing-lg:2vw;--spacing-xl:4vw;--spacing-2xl:6vw;--spacing-3xl:8vw;--font-size-tiny:12px;--font-size-small:14px;--font-size-body:18px;--font-size-h6:21px;--font-size-h6:24px;--font-size-h5:28px;--font-size-h4:32px;--font-size-h3:36px;--font-size-h2:40px;--font-size-h1:48px}.company-name,.left-bar,.page-navigation,.right-bar,.search-bar{display:none!important}.container{width:100%;padding:0}header{height:20vw}section{padding:80px 0;min-height:inherit}.scroll-top-button{left:auto;right:15px}.nav-up>.scroll-top-button{bottom:15px}.menu.burger-menu ul a{font-size:20vw}h1{font-size:10vw}.discovery{right:0}.landing{padding-top:40vw}.landing .text-wrapper{padding-top:50vw}.for .btn{margin-top:80px}.for h2{margin-bottom:40px}.project-list .item{margin:80px 0 0!important}.project-list .item .image-box,.project-list .item .project-details h4{margin-bottom:16px}.project-list .item .project-details::after{content:"";position:absolute;left:0;bottom:51px;width:100%;height:80px;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)}.project-list .item .project-details .hashtags{margin-bottom:24px}.project-list .item .project-details .description{font-size:14px;line-height:25px;padding:0;position:relative;overflow-y:auto;display:inline-block;width:100%;height:184px}.project-list .item .project-details .socials{bottom:16px}.project-list .item .project-details .socials a{margin-right:24px;font-size:12px}.what .step{padding:32vw 0}.what .step ul li{font-size:12px;padding-left:1vw}.what .step ul li::before{width:6px;height:6px;position:relative;left:0;top:-.1vw}.how{padding:160px 0}.how .sub-menu-list-container{margin-top:0;margin-bottom:40px}.how .sub-menu-list-container .item a{padding:8px 0;font-size:24px;line-height:var(--line-height-relaxed)}.how .sub-menu-list-container .item.active a::after{top:12px;border:0 solid;border-color:transparent!important;border-width:24px 12px 0;border-color:var(--color-primary) transparent transparent!important}.how .skills .item{width:100%;padding:8px 16px}.footer h1{margin-bottom:80px}.about h2,.who h2{margin-bottom:40px}.footer .sitemap{margin-top:80px;padding-bottom:80px}.footer .lets .col-md-3,.footer .sitemap .col-md-4{width:calc(100%);padding-top:40px}.build .col-md-3{width:100%;min-height:inherit;padding-bottom:40px}.build .project-list{margin-top:40px}.menu{align-items:flex-end}.sub-how .col-md-6{min-height:inherit;padding-bottom:80px}}.parallax-content{will-change:transform}.playball-game-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;overflow:hidden;pointer-events:none}#playball-canvas{display:block;background:linear-gradient(135deg,#1a1a2e 0,#16213e 100%);width:100%;height:100%;cursor:crosshair;pointer-events:auto}#playball-btn{position:relative;z-index:100}