@font-face{font-family:CFAstyStd;src:url(/fonts/CFAstyStd-Book.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CFAstyStd;src:url(/fonts/CFAstyStd-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CFAdaptiveExt;src:url(/fonts/CFAdaptiveExtLight.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CFAdaptiveExt;src:url(/fonts/CFAdaptiveExt.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--black: #000000;--blue: #18083b;--light-blue: #a2bfd9;--alt-blue: #32699f;--green: #a2bfd9;--white: #ffffff}html,body{margin:0;padding:0}body{font-family:CFAstyStd,sans-serif;background:var(--white);font-size:1vw;color:var(--blue)}a{color:var(--black);transition:.4s ease-out;text-decoration:none;border:none;outline:0}a:hover{color:var(--blue)}p{line-height:1.46em}img{width:100%;max-width:100%}.mobile{display:none}.green{color:#638475}.cta{position:relative;display:inline-flex;border:0;padding:0;cursor:pointer;transition:.4s ease-out;align-items:center;font-size:.7em;font-weight:700}.cta svg{margin-right:.8em;width:2em;height:auto}.cta svg *{transition:.4s ease-out}.cta:hover{color:var(--alt-blue)}.cta:hover svg *{stroke:var(--alt-blue)}.buttonWrapper{margin:2em 0 0}.buttonWrapper svg *{stroke:var(--blue)}h1,h2,h3,h4,h5,h6{font-family:CFAdaptiveExt,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;content-visibility:auto}h1,h2{font-size:3em}h3{font-size:2.3em}address{font-style:normal}nav ul{padding:0;margin:0}nav li{padding:0;margin:0;list-style:none}.pageWrapper{min-height:100vh;display:flex;flex-direction:column}.colWrapper{display:flex}.mainWrapper{margin:0 auto;padding:4em;width:100%;box-sizing:border-box}.main{flex:1}.imgBg{position:relative;overflow:hidden}.imgBg picture{position:static}.imgBg img,.imgBg video{position:absolute;object-fit:cover;top:0;left:0;width:100%;height:100%}.imgBg.vimeo{background:var(--blue);overflow:hidden}.imgBg.vimeo #vimeo{position:static}.imgBg.vimeo iframe{position:absolute;top:50%;left:50%;width:100vw;height:calc(100vw/1.777777);transform:translate(-50%,-50%);background:transparent;z-index:1;pointer-events:none}.imgBg.vimeo #vimeo[data-vimeo-initialized=true] iframe{opacity:1}.imgBg.vimeo .playPause{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:2}header{position:fixed;left:0;top:0;z-index:9;background:#ffffff80;width:100%;background:linear-gradient(to bottom,#18093b80,#18093b00);transition:.4s ease-out;font-family:CFAdaptiveExt,sans-serif}header .mainWrapper{display:flex;justify-content:space-between;align-items:center;justify-content:flex-end;padding-top:1.5em;padding-bottom:3.5em}header .logo{width:7em;transition:.4s ease-out;position:absolute;top:1em;left:50%;margin-left:-4em}header .logo h1{margin:0;color:#000;font-size:12px;font-weight:300;text-align:center}header .logo a{display:inline-block;width:100%;text-align:center}header .logo svg{width:100%;height:auto}header .logo span{width:0;height:0;display:inline-block;overflow:hidden;text-indent:99999px}html.scrolled header{backdrop-filter:blur(10px);background:#a1a1a17f;transform:translateY(-100%)}html.scrolled.scrolledUp header{transform:translateY(0)}.mainMenu{display:flex}.mainMenu li{margin:0 0 0 20px}.mainMenu a{color:var(--white);font-size:.7em}.mobileMenu{position:absolute;width:50px;height:50px;top:0;right:20px;z-index:22;display:none}.mobileMenu div{position:absolute;width:100%;height:2px;background:var(--white);left:0;transform:scale(.75);transition:.5s ease-out}.mobileMenu div:nth-child(1){top:15px}.mobileMenu div:nth-child(2){top:25px;transition-delay:.5s}.mobileMenu div:nth-child(3){top:35px}.menuOpened .mobileMenu div:nth-child(1){transform:rotate(225deg) scale(.75);top:25px;transition-delay:.5s}.menuOpened .mobileMenu div:nth-child(2){width:0;left:50%;transition-delay:0s}.menuOpened .mobileMenu div:nth-child(3){transform:rotate(-45deg) scale(.75);top:25px;transition-delay:.5s}.lang ul{padding:0;list-style:none;margin:0 0 0 4em;display:flex;align-items:center;font-size:1.1em}.lang li{padding:0 .5em;border-left:1px solid var(--white)}.lang li:first-child{border:none}.lang a{color:var(--white);font-size:.85em}.lang li.active a{font-weight:700}footer{overflow:hidden;background-color:var(--blue);color:var(--white)}footer a{color:var(--white)}footer a:hover{color:var(--light-blue)}footer .col{flex:1;font-size:.6em}footer .bottom{text-align:left;padding:5em 0 0;align-items:center}footer .seperator{color:var(--white);display:inline-block;margin:0 10px}footer .seperator:before{content:"|"}footer h2{padding:1em 0;font-size:2.5em;position:relative}footer h2:after{content:"";position:absolute;bottom:0;left:50%;width:100vw;height:1px;margin-left:-50vw;background:var(--green)}footer p,footer ul{margin:0 0 .4em}footer .logo{margin:-4em auto 2em;text-align:center}footer .logo a{width:120px}footer address{text-align:center}footer .social{margin-top:4em}footer .footerMenu li{line-height:2em}footer h3{margin:0 0 .3em}footer h4{font-family:CFAstyStd,sans-serif}footer .bottom p{margin:0}footer .col.center{justify-content:center;display:flex}.social{margin:0;padding:0;list-style:none;display:flex}.social li{margin:0 2em 0 0}.social svg{width:1.8em;height:1.8em;transition:.4s ease-out;fill:var(--white)}.social a:hover svg{fill:var(--light-blue)}.uc{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#18093b80;color:#fff}.zone.simple{padding-top:10em}.heroZone{display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;box-sizing:border-box;padding:8em 4em 4em;text-align:left;position:relative;color:var(--white);background:var(--blue)}.heroZone.right{text-align:right}.heroZone *{position:relative}.heroZone img{opacity:.8}.heroZone .text{z-index:2}.heroZone h1{font-size:4.2em;line-height:1;font-weight:700;margin-top:1em}.heroZone h2{font-size:3.2em;line-height:1;margin:0;font-weight:700}.heroZone h3{color:var(--black);font-size:1.25em;margin-bottom:1em}.heroZone .cta{color:var(--white)}.heroZone p{max-width:600px}.heroZone.right p{max-width:800px;margin:0 0 1em auto}.heroZone .buttonWrapper svg *{stroke:var(--white)}.blueZone{background:var(--blue);color:var(--white);text-align:center}.blueZone .mainWrapper{max-width:1100px}.blueZone a{color:var(--white)}.blueZone .buttonWrapper svg *{stroke:var(--white)}.blueZone h2{font-size:2.3em}.previewZone{padding-top:4em}.previewZone .mainWrapper{max-width:1200px}.previewZone ul{padding:0;margin:0;list-style:none;display:flex}.previewZone li{margin:.5em;flex:1}.previewZone li:nth-child(2n){margin-top:-4em}.previewZone .imgBg{padding-top:125%}.previewZone li h3{position:relative;margin:0;box-sizing:border-box;padding:.4em;z-index:2}.previewZone a{color:var(--white)}.previewZone img{transition:.6s ease-out}.previewZone a:hover img{transform:scale(1.1)}.previewZone .imgBg:before{content:"";position:absolute;width:100%;height:6em;bottom:0;left:0;background:linear-gradient(to top,#18093b80,#18093b00);z-index:1}.listZone article{display:flex;align-items:stretch;margin-bottom:10em}.listZone .img{position:relative;width:calc(50% - 4em);box-sizing:border-box;margin-left:4em;order:2;overflow:hidden;min-height:60vh}.listZone .img img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;transition:.6s ease-out}.listZone .img a:hover img{transform:scale(1.1)}.listZone .text{padding:4em;width:50%;box-sizing:border-box;order:1;display:flex;flex-direction:column;justify-content:center}.listZone .subTitle{letter-spacing:.5em;margin-left:-4em;font-family:CFAdaptiveExt,sans-serif;font-size:1em}.listZone h3{margin-top:.2em;margin-bottom:.5em}.listZone article:nth-child(2n) .img{order:1}.listZone article:nth-child(2n) .text{padding-left:8em;padding-right:0}.specsZone h3{font-size:2.5em;text-align:center;border-top:1px solid var(--blue);text-transform:uppercase;margin:0}.specsZone h3 .mainWrapper{padding:.5em 0}.specsTableWrapper{border-top:1px solid var(--blue);border-bottom:1px solid var(--blue)}.specsTable tbody{text-align:left;font-size:1.2em;columns:2;column-gap:3em;display:block;position:relative}.specsTable tbody:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:var(--blue)}.specsTable th{font-weight:700;padding:.3em 4em;vertical-align:top}.specsTable td{padding:.3em 4em .3em 1em;vertical-align:top}ul.owl-carousel{margin:4em 0;padding:0 8em;list-style:none;width:auto}.owl-carousel li{margin:0;padding:0;list-style:none}.owl-carousel .img{position:relative;width:100%;height:0;padding-bottom:100%}.owl-carousel img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.owl-nav{position:absolute;top:50%;left:0;width:100%}.zone .owl-carousel .owl-nav button.owl-next,.zone .owl-carousel .owl-nav button.owl-prev{position:absolute;top:0;margin-top:-1em;width:2em;height:2em;background:url(/arrow.svg) center no-repeat;background-size:40%}.owl-carousel .owl-nav button.owl-next{right:4em;transform:rotate(180deg)}.owl-carousel .owl-nav button.owl-prev{left:4em}.zone .owl-carousel .owl-nav button.owl-next span,.zone .owl-carousel .owl-nav button.owl-prev span{display:none}.contactZone{position:relative}.contactZone:before{content:"";position:absolute;top:0;left:0;width:8em;height:100%;background:var(--blue)}.contactPage header{background:transparent}.contactPage header .logo{width:10em;top:25vh;left:3em;margin-left:0}.contactPage .lang li{border-left-color:var(--blue)}article .text ul{list-style:none;margin:1em 0;padding:0}article .text li{margin:1em 0;padding:0 0 0 1.8em;position:relative}article .text li:before{content:"";position:absolute;top:.35em;left:.2em;width:.4em;height:.4em;background:var(--blue);border-radius:50%}.zone2{background:#fbfbfb}.zone2 .mainWrapper{display:flex;justify-content:space-between;text-align:center}.zone2 article{width:30%}.zone2 img{width:50%}.zone2 figcaption{display:none}.zone3 .mainWrapper{display:flex}.zone3 .col{width:50%}.zone3 .col:first-child{padding-right:10em}.zone3 h3{font-size:2.2em;color:var(--green)}.zone4{padding:0}.zone4 .top{background:url(../images/UX1.webp) no-repeat center center;background-size:cover;text-align:center;color:var(--white);padding:2em;position:relative}.zone4 .top:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#385571;opacity:.75}.zone4 .top *{position:relative}.zone4 h3{font-weight:700}.zone4 .middle{background:#385571;color:var(--white);padding-top:2em;padding-bottom:2em;font-size:1.4em}.zone4 .middle .mainWrapper{display:flex;align-items:flex-start;justify-content:space-between}.zone4 ul{width:40%}.zone4 li{margin:1em 0}.zone4 .bottom{background:url(../images/UX.webp) no-repeat center center;background-size:cover;text-align:center;color:var(--white);padding:4em;position:relative}.zone4 .bottom:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#385571;opacity:.75}.zone5{background:#fbfbfb;text-align:center}.zone5 .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.zone5 article{width:45%;margin-bottom:4em;background:#fff;border:1px solid #666666;border-radius:6em;box-sizing:border-box;padding:2em;box-shadow:0 0 10px -5px #000}.zone5 .buttonWrapper{position:relative}.zone5 .cta{top:3em}.zone6{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:2em;background:url(../images/zone1-bg.webp) no-repeat center center;background-size:cover;text-align:center;position:relative}.zone6:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(360deg,#91c2d8,#bbdcebbd 57.89473684210527%)}.zone6 *{position:relative}.zone7{background:#f0f0f0;text-align:center;padding:0}.zone7 .mainWrapper{display:flex;align-items:center}.zone7 figure{flex:1}.zone7 figure svg{width:100%;height:auto}.zone7 figcaption{display:none}.zone7 ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}.zone7 li{list-style:none;margin:0;padding:0;flex:1}.zone7 img{width:100%;height:auto;mix-blend-mode:exclusion}.formWrapper form{display:flex;align-items:flex-end;max-width:600px;width:100%;margin:0 auto}.formWrapper form .buttonWrapper,.formWrapper form .fieldWrapper{padding:5px;flex:1;margin:0}.formWrapper .cta{width:100%}.mailFormWrapper{max-width:600px;width:100%;margin:0 auto;padding-top:5em}.mailFormWrapper h1{font-size:3.2em;line-height:1;font-weight:700;text-align:center}.mailFormWrapper form{padding-top:4em}.fieldWrapper,.checkboxWrapper{width:100%;position:relative;margin:1em 0;text-align:left}.fieldWrapper label{padding-left:0;margin-bottom:.3em;display:block;font-size:.8em;font-weight:700}.fieldWrapper input+label{position:absolute;top:50%;left:0;color:var(--blue);line-height:1em;margin-top:-.5em;transition:.2s;pointer-events:none}.fieldWrapper textarea+label{position:absolute;top:1em;left:0;color:var(--blue);line-height:1em;transition:.2s;pointer-events:none}.fieldWrapper input:focus+label,.fieldWrapper input.hasText+label,.fieldWrapper textarea:focus+label,.fieldWrapper textarea.hasText+label{top:.1em;left:0;margin:0;font-size:.7em}.fieldWrapper input,.fieldWrapper textarea{width:100%;box-sizing:border-box;font-size:1em;padding:0;height:4em;outline:0;background:transparent;border:none;border-bottom:1px solid var(--blue);transition:.4s ease-out}.fieldWrapper input:focus{box-shadow:none}.fieldWrapper textarea{min-height:10em;padding:1em 0}.checkboxWrapper label{display:inline-block;margin:0;position:relative;padding:1em 1em 1em 2.5em;cursor:pointer;font-size:.8em}.checkboxWrapper label:before,.checkboxWrapper label:after{content:"";position:absolute;width:1.5em;height:1.5em;top:.8em;left:0}.checkboxWrapper label:before{border:1.5px solid var(--blue);box-sizing:border-box;border-radius:4px}.checkboxWrapper label:after{transform:scale(0);transition:.2s ease-out;width:.8em;height:.8em;margin:.35em;background:var(--blue);border-radius:1px}.checkboxWrapper input:checked+label:after{transform:scale(1)}.button{position:relative;display:inline-flex;border:1px solid var(--blue);border-radius:4em;padding:.5em 3em;cursor:pointer;transition:.4s ease-out;align-items:center;font-size:.85em;font-weight:700;color:var(--blue);background:transparent}.button:hover{color:var(--white);background:var(--blue)}.mailFormWrapper address{padding-top:4em}.contactPage .mainMenu a,.contactPage .lang a{color:var(--blue)}.scrolled .contactPage .mainMenu a,.scrolled .contactPage .lang a{color:var(--white)}footer .checkboxWrapper label:before{border-color:var(--white)}footer .checkboxWrapper label:after{background:var(--white)}.checkboxWrapper input{display:none}.mailFormWrapper .note{color:#666;font-size:.7em;margin-bottom:1.3em}.reCaptchaOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;align-items:center;justify-content:center;z-index:10}.refreshForm span{vertical-align:middle}.refreshForm svg{height:1em;width:auto;transition:.4s;vertical-align:middle}.refreshForm a:hover svg{fill:#e73626}.formResponseMsg{color:green}.grecaptcha-badge{opacity:0}footer .fieldWrapper label{color:var(--white)}footer .fieldWrapper input,footer .fieldWrapper textarea{width:100%;box-sizing:border-box;font-size:1em;padding:0;height:4em;outline:0;background:transparent;border:none;border-bottom:2px solid var(--white);transition:.4s ease-out;color:var(--white);transition:0s}footer .fieldWrapper input:focus{box-shadow:none;border-bottom-color:var(--white)}footer .fieldWrapper input:hover{border-bottom-color:var(--white)}footer .fieldWrapper input+label{padding-left:0;left:0}footer .fieldWrapper input:focus+label,footer .fieldWrapper input.hasText+label,footer .fieldWrapper textarea:focus+label,footer .fieldWrapper textarea.hasText+label{left:0}footer button{border:2px solid var(--white);background:transparent;color:var(--white);border-radius:4em;padding:.3em 2em;font-weight:400;font-size:.8em;transition:.4s ease-out;cursor:pointer}footer button:hover{background:var(--white);color:var(--blue)}.main article#terms{display:block;padding:100px 30px 40px}.main article#terms h2{font-size:2.8em}.main article#terms p{line-height:1.46em}@media (orientation:portrait){body{font-size:1.8vh}.main article{display:block}.main article .text,.main article .image{width:100%}.main article h2{font-size:3em}#home{padding-top:60px;font-size:.8em}.logo{position:relative}header nav{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:20;transform:translate(-100%);transition:.4s ease-out;backdrop-filter:blur(10px);background:var(--light-blue);display:flex;align-items:center;justify-content:center}.menuOpened header nav{transform:translate(0)}.mobileMenu{display:block}.mainMenu{display:block;font-size:2em;box-sizing:border-box}.mainMenu li{margin:20px 10px;text-align:center}header .mainWrapper{justify-content:flex-start}.lang{position:relative;z-index:20}.lang ul{margin:0}.mainWrapper{padding:2em}h1,.heroZone h1,.heroZone h2{font-size:3em}.imgBg.vimeo iframe{width:calc(100vh * 1.777777);height:100vh;transform:translate(-35%,-50%)}.heroZone{padding:8em 2em 4em}.heroZone .mainWrapper{padding:0}.previewZone ul{display:block}.previewZone li:nth-child(2n){margin-top:.5em}.listZone .img{width:calc(100% + 4em);margin-left:-2em}.listZone article:nth-child(2n) .text{padding-left:2em;padding-right:2em}.listZone .text{padding:2em}.listZone .subTitle{margin-left:-2em}.previewZone{padding-top:0}.main article{margin:0}.main article .image{padding-top:0;padding-bottom:30px}.main article .image svg{width:90%;height:auto;margin:0 5%}.main article.homeZone{top:10vh}.main article#home .image{padding-bottom:20px}ul.owl-carousel{padding:0 4em}.owl-carousel .owl-nav button.owl-next{right:1em;transform:rotate(180deg)}.owl-carousel .owl-nav button.owl-prev{left:1em}.specsZone h3{font-size:2em}.specsTable tbody{columns:1;column-gap:0}.specsTable tr{display:block;margin-bottom:.4em}.specsTable th,.specsTable td{padding:.3em;display:block}.specsTable tbody:before{display:none}.main #contact .text{margin:0}footer{justify-content:center;flex-wrap:wrap}footer .col{width:100%;text-align:center;margin-bottom:4em;font-size:1.8vh}footer ul a{display:block;padding:1em}footer .logo{margin:4em auto 2em}.colWrapper{display:block}.contactPage header .logo{width:7em;top:1em;left:50%;margin-left:-4em;filter:brightness(.5)}.contactPage .mobileMenu div{background:var(--blue)}.contactZone:before{display:none}.modelsPage .heroZone img{object-position:84% center}.modelV10OpenPage .heroZone img{object-position:64% center}}@media screen and (max-width: 700px){.services h3{font-size:1.5em}.services .expand{top:.2em}.main article.homeZone{top:25vh}.homeImage{margin:10vh 0}.homeImage svg{margin-top:0}.main article.homeZone h2{font-size:4em}.main article.homeZone p{font-size:1.3em}.main article.marketing{margin:0;width:100%;padding:1em}.main article.design .text{margin:-25% auto 0 1em}.main article.develop{display:flex;flex-direction:column}.main article.develop .text{order:2;width:100%;margin:-25% 0 0}.main article.develop .image{transform:scaleX(-1)}.main article.smallbusiness{display:flex;flex-direction:column}.main article.smallbusiness .text{width:100%;margin:0;order:2}.main article.about-us{display:flex;flex-direction:column}.main article.about-us .text{width:100%;margin:0;order:2}.main article.about-us .image{margin:0}}.logo svg #bb-logo-green,.logo svg #bb-logo-blue{transform-origin:top center;transform-box:fill-box}@keyframes logo1{0%{transform:rotate(0)}50%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes logo2{0%{transform:rotate(0)}50%{transform:rotate(3deg)}to{transform:rotate(0)}}.logo a:hover svg #bb-logo-green,.animate .logo svg #bb-logo-green{animation-name:logo1;animation-duration:.5s;animation-iteration-count:4}.logo a:hover svg #bb-logo-blue,.animate .logo svg #bb-logo-blue{animation-name:logo2;animation-duration:.5s;animation-iteration-count:4}