:root{--black-2:#050711;--gold:#e5d010;--black-3:#11101d;--gold-2:#ffe600;--white-2:#ffffff1a;--black-5:#33323c66;--white:white;--black:black;--yellow-2:#e5d01069;--black-4:#191b24;--black-2-3:#131521}body{background-color:var(--black-2);color:#fff;font-family:Open Sans,sans-serif;font-size:15px;font-weight:300;line-height:25px}h3{margin-top:0;margin-bottom:0;font-size:24px;font-weight:700}p{margin-bottom:10px;line-height:1.6em}a{cursor:pointer;text-decoration:none}.bg-noise{z-index:9999;opacity:.05;cursor:default;mix-blend-mode:normal;background-image:url(https://cdn.prod.website-files.com/5e329a6d08b7057169ccc635/5e329a6d08b70597aaccc6ed_noise.gif);background-position:0 0;background-size:165px;background-attachment:fixed;display:none;position:fixed;inset:0%}.div-block-6{border:1px solid #e5d01080;border-top-color:#756b10;justify-content:center;align-items:center;width:40px;height:40px;margin-top:-1px;display:flex}.text-block-4{color:var(--gold-2);text-align:left;margin-top:-25px;margin-left:60px;font-family:Roboto Mono,sans-serif;font-size:12px;line-height:21px}.link{color:var(--gold);transition:opacity .2s}.link:hover{opacity:.8}.main-text-copy{z-index:2;grid-column-gap:24px;grid-row-gap:24px;text-align:center;flex-flow:column;align-self:center;align-items:center;display:flex;position:relative}.intro-kompetencje-copy{grid-column-gap:0px;grid-row-gap:0px;border-bottom:1px solid var(--white-2);grid-template:". . . . . . . ."80px". . . . . . . ."1fr". . . . . . . ."1fr". . . . . . . ."". . . . . . . ."". . . . . . . ."/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;align-items:center;min-height:100vh;padding-top:80px;padding-bottom:80px;display:flex}.main-copy{justify-content:center;align-items:center;display:flex}.div-block-7-copy{border-style:solid none none;border-width:1px;border-color:#756b10 var(--gold)var(--gold)}@media screen and (max-width:991px){a{cursor:pointer}.body{cursor:default}.container-scrollbar{z-index:9999}.section-your-project{height:1310px}.div-block-7{margin-top:10px;margin-bottom:10px}.list-item-2{flex:0 100%;padding-bottom:20px}.heading-5{margin-bottom:20px}.heading-6{font-size:60px}.main-text{padding-left:80px;padding-right:80px}.intro{grid-template-rows:20vh auto auto auto auto 20vh;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."}.button{cursor:pointer}.field-label{font-size:15px;line-height:30px}.text-fields{font-size:18px}.text-fields.date{width:420px}.text-fields.budget{width:210px}.text-fields.project{width:381px}.text-fields.contact{width:300px}.form{margin-top:40px}.button-close{width:50px;height:50px}.grid{grid-template-columns:1fr 1fr}.competence-text{font-size:11px;line-height:13px}.sticky{padding-left:20px;padding-right:20px}.container-5{padding-left:25px;padding-right:25px}.intro-kompetencje{grid-template-rows:20vh auto auto auto auto 20vh;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . .";padding-top:140px;padding-bottom:60px}.col-twofold{flex-flow:column-reverse}.column-image{z-index:1;background-position:50%;height:50vh;position:static}.column-image.contact{background-size:auto 100%}.colum-text{z-index:0;padding-top:60px}.image-27{max-height:3vh}.blog-post-title{font-size:21px;line-height:25px}._2-col-flex-parent.align-left{flex-direction:column;align-items:flex-start}._2-col-flex-parent.align-left.reverse{flex-direction:column}.max-w-492{max-width:none}.max-width-50per{max-width:100%;margin-bottom:30px}.section{padding-top:80px;padding-bottom:80px}.grid-2{margin-top:40px}.heading-11{font-size:40px;line-height:60px}.container-7{padding-left:40px;padding-right:40px}.div-left{z-index:0;width:280px;height:750px;left:-230px}.div-right{width:250px;height:740px;right:-210px}.container-about-us{padding-left:60px;padding-right:60px}.main-text-copy{padding-left:80px;padding-right:80px}.intro-kompetencje-copy{grid-template-rows:20vh auto auto auto auto 20vh;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . .";padding-top:140px;padding-bottom:60px}.div-block-7-copy{margin-top:10px;margin-bottom:10px}.button-2{cursor:pointer}.competence-menu-block-copy.w--current{font-size:52px}.grid-copy{grid-template-columns:1fr 1fr}.label{font-size:11px;line-height:13px}.colum-text-copy{z-index:0;padding-top:60px}.list-item-2-copy{flex:0 100%;padding-bottom:20px}.flex-block-4{flex-flow:column}.hero-strony-www-i-design,.hero-autmatyzacje-i-ai{grid-template-rows:20vh auto auto auto auto 20vh;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . .";padding-top:140px;padding-bottom:60px}}@media screen and (max-width:767px){.heading-1.mobile{display:block}.paragraph{margin-bottom:20px}.container-scrollbar{display:none}.logo-clients{flex-basis:25%;padding-left:30px;padding-right:30px}.section-clients{padding-top:40px;padding-bottom:40px}.section-your-project{height:auto;padding-top:40px;padding-bottom:40px}.container-layer{display:none}.div-block-7{margin-top:10px;margin-bottom:10px;margin-right:0}.list-item-2{flex:0 100%}.list-item-2.your-project{flex-basis:100%}.section-about-us{padding-top:40px;padding-bottom:0}.center{flex-flow:row}.grid-block.scroll-block{margin-top:20px;margin-bottom:20px;padding-top:20px;padding-bottom:20px}.heading-6{font-size:36px}.main-text{align-self:center;margin-top:20px;margin-bottom:20px;padding-left:20px;padding-right:20px}.video{opacity:.2;display:none}.intro{grid-template:". . . . . . . ."80px". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."/1fr;grid-auto-rows:auto;grid-auto-columns:auto;height:auto}.nav-link.nav-icon{margin-left:0;margin-right:0}.container-nav{padding-left:20px;padding-right:20px}.container-footer{padding-left:25px;padding-right:25px}.text-block-footer{margin-bottom:30px}.button-play.button-modal{margin-top:20px;margin-bottom:20px}.container-4{padding-left:10px;padding-right:10px}.success-text{font-size:21px;line-height:30px}.success-message{padding-top:40px;padding-bottom:40px}.text-fields.date{width:170px}.text-fields.budget{width:182px}.text-fields.project{width:451px}.text-fields.contact{width:357px}.section-competence{padding-top:40px;padding-bottom:0}.grid{grid-template-rows:minmax(150px,2fr) minmax(150px,2fr);grid-template-columns:1fr 1fr 1fr;grid-auto-rows:150px;margin-bottom:40px;margin-right:0;padding-top:0}.competence{padding:20px}.competence-heading{text-transform:none;margin-bottom:1rem;font-family:Bwstretch,sans-serif;font-size:36px;font-weight:400}.div-block-35{width:30px;height:30px;margin-bottom:10px;margin-right:10px}.sticky{display:none}.intro-kompetencje{grid-template-rows:100px auto auto auto auto 100px;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . .";padding-top:120px;padding-bottom:40px}.column-image{height:100vh}.column-image.contact{min-height:400px}.colum-text{padding:20px 20px 60px}.image-27{max-height:10vh;margin-top:25px;margin-right:20px}.section-examples{padding-top:40px;padding-bottom:0}.example-wrapper{flex-direction:column}.blog-post-image{width:100%;max-width:100%;min-height:250px;margin-bottom:10px;margin-right:0}.blog-post-details-wrapper{max-width:100%}.blog-post-title{letter-spacing:.1em;font-size:18px;line-height:23px}.heading-7.mobile{font-size:40px;line-height:40px;display:block}.nav-link-desktop{display:none}.nav-link-desktop.nav-icon{margin-left:0;margin-right:0}.nav-link-mobile{justify-content:center;width:40px;height:40px;display:flex}.image-29{max-width:30px}.section{padding-top:60px;padding-bottom:60px}.blog-thumbnail{margin-bottom:10px}.heading-11{font-size:36px;line-height:40px}.container-7{padding-left:10px;padding-right:10px}.div-left{width:160px;height:400px;display:block;left:25px}.div-right{width:140px;height:380px;padding-bottom:0;display:block;right:25px}.container-about-us{padding-bottom:400px;padding-left:25px;padding-right:25px}.container-8{padding-left:20px;padding-right:20px}.placeholder{background-image:url(https://cdn.prod.website-files.com/5e329a6d08b7057169ccc635/5e3820f69141a2544ee9ccf7_Animation-2-poster-00001.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:block}.main-text-copy{align-self:center;margin-top:20px;margin-bottom:20px;padding-left:20px;padding-right:20px}.intro-kompetencje-copy{grid-template-rows:100px auto auto auto auto 100px;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . .";padding-top:120px;padding-bottom:40px}.div-block-7-copy{margin-top:10px;margin-bottom:10px;margin-right:0}.flex-block{grid-column-gap:1rem;grid-row-gap:1rem;flex-flow:column;justify-content:center;align-items:center}.strony-www-i-design,.automatyzacje-i-ai{padding-top:40px;padding-bottom:40px}.flex-block-2{justify-content:flex-start;align-items:center}.flex-block-2-copy{justify-content:flex-start;align-self:stretch;align-items:center}.flex-block-3,.flex-block-3._2,.flex-block-3._2{flex-flow:column}.grid-copy{grid-template-rows:minmax(150px,2fr) minmax(150px,2fr);grid-template-columns:1fr 1fr 1fr;grid-auto-rows:150px;margin-right:0;padding-top:0;padding-bottom:40px}.heading-1-copy{color:var(--gold);font-size:15px;position:static}.colum-text-copy{padding:20px 20px 60px}.list-2-copy{flex-flow:column}.list-item-2-copy{flex:0 100%}.flex-block-2-copy{justify-content:flex-start;align-items:center}.section-examples-copy{padding-top:40px;padding-bottom:0}.flex-block-4{justify-content:flex-start;align-items:center}.hero-strony-www-i-design{grid-template-rows:100px auto auto auto auto 100px;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . .";padding-top:120px;padding-bottom:40px}.paragraph-copy{margin-bottom:20px}.lightbox-link{min-width:100%}.image-30{width:100%;min-width:100%}.section-competence-copy{padding-top:40px;padding-bottom:0}.hero-autmatyzacje-i-ai{grid-template-rows:100px auto auto auto auto 100px;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . .";padding-top:120px;padding-bottom:40px}}@media screen and (max-width:479px){.heading-1.column.white.center{font-size:18px;line-height:24px}.paragraph{font-size:13px;line-height:21px}.logo-clients{flex-basis:50%;padding-left:15px;padding-right:15px}.list-clients{margin-top:20px}.container{padding-left:10px;padding-right:10px}.container-layer{display:none}.list,.center{margin-top:20px}.heading-5{margin-bottom:10px;font-size:13px;line-height:15px}.heading-6{font-size:27px}.main-text{padding-left:10px;padding-right:10px}.intro{grid-template:". . . . . . . ."100px". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."/1fr;grid-auto-rows:auto;min-height:auto}.container-nav{padding-left:10px;padding-right:10px}.nav-aside{overflow:hidden}.field-label{line-height:27px}.text-fields{margin-top:10px}.text-fields.project,.text-fields.contact{width:279px}.text-fields.date{width:279px;padding-left:2px}.text-fields.budget{width:110px;display:inline-block}.text-fields.project,.text-fields.contact{width:279px}.form-block{padding-left:5px;padding-right:10px}.grid{grid-column-gap:5px;grid-row-gap:5px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-rows:auto;grid-auto-columns:auto}.competence-heading{font-size:27px}.competence-text{letter-spacing:1px;font-size:9px;line-height:12px}.div-block-35{width:20px;height:20px}.container-5{padding-left:0;padding-right:0}.intro-kompetencje{grid-template-rows:100px auto auto auto auto 100px;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."}.column-image{height:50vh}.column-image.contact{min-height:230px}.colum-text{padding-bottom:40px;padding-left:10px;padding-right:10px}.image-27{max-height:4vh}.blog-post-image{min-height:200px}.blog-post-title{margin-bottom:10px}.section{padding-top:40px;padding-bottom:40px}.grid-2{grid-template-columns:1fr}.heading-11{font-size:27px;line-height:36px}.div-left{left:-40px}.div-right{right:-40px}.container-about-us{padding-left:10px;padding-right:10px;position:relative}.container-8,.main-text-copy{padding-left:10px;padding-right:10px}.intro-kompetencje-copy{grid-template-rows:100px auto auto auto auto 100px;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."}.grid-copy{grid-column-gap:5px;grid-row-gap:5px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-rows:auto;grid-auto-columns:auto}.label{letter-spacing:1px;font-size:9px;line-height:12px}.div-block-43{grid-template-columns:1fr}.colum-text-copy{padding-bottom:40px;padding-left:10px;padding-right:10px}.list-2-copy{grid-column-gap:0px;grid-row-gap:0px;align-items:stretch;margin-top:20px}.hero-strony-www-i-design{grid-template-rows:100px auto auto auto auto 100px;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."}.paragraph-copy{font-size:13px;line-height:21px}.hero-autmatyzacje-i-ai{grid-template-rows:100px auto auto auto auto 100px;grid-template-areas:". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."". . . . . . . ."}}