@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(../../../fonts/montserrat-regular-webfont.eot);src:url("../../../fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"),url(../../../fonts/montserrat-regular-webfont.woff2) format("woff2"),url(../../../fonts/montserrat-regular-webfont.woff) format("woff"),url(../../../fonts/montserrat-regular-webfont.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(../../../fonts/montserrat-bold-webfont.eot);src:url("../../../fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"),url(../../../fonts/montserrat-bold-webfont.woff2) format("woff2"),url(../../../fonts/montserrat-bold-webfont.woff) format("woff"),url(../../../fonts/montserrat-bold-webfont.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}.html-container{position:relative;position:relative;display:block;width:100%;background-color:#B2D2ED}.html-container>.page{position:relative;position:relative;display:block;width:100%}.html-container *{font-family:'Montserrat',sans-serif}.logged-pannel{display:none!important}img{max-width:100%;object-fit:cover!important}@media only screen and (min-width:1024px) and (max-width:10000px){.mobile{display:none!important}}@media only screen and (min-width:20px) and (max-width:1024px){.desktop{display:none!important}}.html-container>.page.fallback .more-area{display:none!important}.more-area.icon_type{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);cursor:pointer;pointer-events:all}.more-area.icon_type>div{position:relative;display:block;font-size:12px;text-align:center;line-height:100%;font-weight:700;letter-spacing:0;color:var(--detail-color)}.more-area.icon_type>div:after{position:absolute;display:block;font-size:60px;color:#fff;font-family:"Material Icons";content:'';content:'';content:'';content:'';top:30%;left:50%;z-index:-1;transform:translateY(-50%) translateX(-50%)}.more-area.arrow_type{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);cursor:pointer;z-index:1;pointer-events:all}.more-area.arrow_type.glued{bottom:0}.more-area.arrow_type.left{left:20px;transform:none}.more-area.arrow_type.right{right:20px;transform:none}.more-area.arrow_type>span{position:relative;display:block;width:79px;height:62px;text-align:center}.more-area.arrow_type>span:after{position:relative;display:block;font-size:42px;font-size:46px;color:var(--detail-color);font-family:"Material Icons";content:'';-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}.more-area.arrow_type:hover>span:after{transform:scale(1.2)}.more-area.static{position:relative;display:table;bottom:initial;left:initial;transform:none;margin:0 auto}.more-area.arrow_type.light>span:after{color:#fff}@media only screen and (min-width:20px) and (max-width:1024px){.more-area.arrow_type.intro{bottom:100px}}:root{--nav-bar-size:8px}nav.navigator{position:fixed;bottom:4px;left:50%;transform:translateX(-50%);width:100%;z-index:2;text-align:center;bottom:0;opacity:1}nav.navigator.framed{bottom:initial;z-index:2}nav.navigator.framed.scrolling{opacity:0}nav.navigator>ul{position:relative;display:table;font-size:0;margin:0 auto;width:100%;table-layout:fixed;overflow:hidden}nav.navigator>ul>li{position:relative;display:table-cell;vertical-align:middle}nav.navigator>ul>li>div{position:relative;display:block;background-color:#92c9e9;width:auto;height:var(--nav-bar-size);cursor:pointer}nav.navigator>ul>li:hover>div,nav.navigator>ul>li.active>div{background-color:#5CA1CA}nav.navigator.framed.static,nav.navigator.static{position:relative!important;top:initial!important;bottom:initial!important}nav.navigator.framed>ul{top:-8px}nav.navigator>div.arrow-container{position:absolute;display:block;bottom:10px;left:50%;transform:translateX(-50%);line-height:1;padding:0;margin:0;font-size:0}nav.navigator>div.arrow-container>div.arrow{position:relative;display:inline-block;cursor:pointer;line-height:1;padding:0;margin:0;font-size:0;display:none}nav.navigator>div.arrow-container>div.arrow>span{position:relative;display:inline-block;vertical-align:middle;line-height:1;padding:0;margin:0;font-size:0}nav.navigator>div.arrow-container>div.arrow>span:after{position:relative;display:inline-block;font-family:"Material Icons";color:#fff;font-size:38px;font-size:52px;line-height:1;padding:0;margin:0;line-height:1;padding:0;margin:0}nav.navigator>div.arrow-container>div.arrow.up>span:after{content:'';content:''}nav.navigator>div.arrow-container>div.arrow.down>span:after{content:'';content:''}@media only screen and (min-width:20px) and (max-width:1024px){:root{--nav-bar-size:16px}nav.navigator.framed{display:none}}.generate_pdf{display:none}@media only screen and (min-width:1024px) and (max-width:10000px){*{--scrollbarBG:var(--light-bg-color);--thumbBG:var(--text-color-hover);scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--scrollbarBG)}::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG)}}:root{--detail-color:#42699B;--detail-color:#325889}.html-container>.page>section{position:relative;display:block;margin:0;padding:0}.html-container>.page>section>h1{position:relative;display:block}.html-container>.page>section>text{position:relative;display:block}.html-container>.page>section>.block{position:relative;display:block;width:100%;min-height:calc(var(--view_height) * 100);;max-height:calc(var(--view_height) * 100);;overflow:hidden}.html-container>.page>section .block.active:after{opacity:0}.html-container>.page>section .block.active{opacity:1;pointer-events:all}.html-container>.page>section .block>.wrapper{position:relative;display:block;width:100%;height:inherit;height:inherit;min-height:inherit;max-height:inherit}.html-container>.page>section .block>.wrapper>.container{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:auto;max-width:initial;padding:0;z-index:1}.html-container>.page>section .block>.wrapper>.container>h2{position:relative;display:block;font-size:30px;font-weight:600;text-align:center;color:#fff;width:820px}.html-container>.page>section .block>.wrapper>.container>h2.larger{font-size:52px;line-height:1}h3.shadow:after,h4.shadow:after,h2.shadow:after{position:absolute;top:50%;left:50%;width:1200px;height:1200px;content:'';background:rgb(255,255,255);background:radial-gradient(circle,rgb(134,202,224) 0%,rgba(194,232,242,0) 50%);transform:translateX(-50%) translateY(-50%);z-index:-1;pointer-events:none;opacity:1}h3.shadow.light:after,h4.shadow.light:after,h2.shadow.light:after{background:radial-gradient(circle,rgb(143,174,201) 0%,rgba(194,232,242,0) 70%);background:radial-gradient(circle,rgb(161,180,197) 0%,rgba(194,232,242,0) 70%);background:radial-gradient(circle,rgb(174,198,218) 0%,rgba(194,232,242,0) 70%)}.html-container>.page>section .block>.wrapper>.container>h2.greater{font-size:42px!important;line-height:1;width:1000px}.html-container>.page>section .block>.wrapper>.container>h2.little_big{font-size:34px!important;line-height:1.2;width:700px}.html-container>.page>section .block>.wrapper>.container>h2>span{font-size:inherit;color:var(--detail-color);font-weight:700}.html-container>.page>section .block>.wrapper>.container.static{position:relative;display:block;top:0;left:0;transform:none;height:inherit;padding:0;margin:0;max-width:initial;width:auto;height:inherit;min-height:inherit;max-height:inherit}.html-container>.page>section .block>.wrapper>.container>.tabler{position:relative;display:block;width:100%;height:100%;font-size:0;letter-spacing:0;background-color:#8AB5D8;height:inherit;min-height:inherit;max-height:inherit}.html-container>.page>section .block>.wrapper>.container>.tabler>div{position:relative;display:inline-block;vertical-align:middle;width:50%;overflow:hidden;height:inherit;min-height:inherit;max-height:inherit;line-height:1.4}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product{cursor:pointer}.html-container>.page>section .block>.wrapper>.container>.tabler>div>h3,.html-container>.page>section .block>.wrapper>.container>.tabler>div>h4{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:1;width:70%}.html-container>.page>section .block>.wrapper>.container>.tabler>div>h3>div>span,.html-container>.page>section .block>.wrapper>.container>.tabler>div>h4>div>span{font-size:inherit;color:var(--detail-color);font-weight:700}.html-container>.page>section .block>.wrapper>.container>.tabler>div>h3>div,.html-container>.page>section .block>.wrapper>.container>.tabler>div>h4>div{position:relative;display:block;color:#fff;font-size:34px;text-align:center;font-weight:600}.html-container>.page>section .block>.wrapper>.container>.tabler>div>h3.bigger>div,.html-container>.page>section .block>.wrapper>.container>.tabler>div>h4.bigger>div{font-size:42px}.html-container>.page>section .block>.wrapper>.container>.tabler>div>figure{position:relative;display:block;width:100%;height:inherit;min-height:inherit}.html-container>.page>section .block>.wrapper>.container>.tabler>div>figure>img{position:relative;display:block;height:inherit;min-height:inherit;left:50%;transform:translateX(-50%);object-fit:cover;width:100%;max-height:calc(var(--view_height) * 100)}.html-container>.page>section .block>.backgrounder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.html-container>.page>section .block>.backgrounder>figure>img,.html-container>.page>section .block>.backgrounder>figure{position:relative;display:block;width:auto;height:100%;left:50%;transform:translateX(-50%);object-fit:cover;width:100%}.html-container>.page>section .block>.backgrounder+.wrapper{z-index:1;pointer-events:none}.html-container>.page>section .block>.wrapper>.container>.mozaic{position:relative;display:block;height:inherit}.html-container>.page>section .block>.wrapper>.container>.mozaic>div{position:relative;display:block;height:inherit}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div{position:relative;display:block;cursor:pointer;overflow:hidden}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure{position:relative;display:inline-block;vertical-align:middle;width:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);height:inherit}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure>img{position:relative;display:inline-block;max-width:70%;max-height:70%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure>span{position:relative;display:block;width:inherit;height:inherit;left:0;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;z-index:1;transform:rotate(0)}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure>span>img{position:relative;display:inline-block;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);max-width:70%;max-height:70%;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.2))}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure.doble>span:nth-child(2){position:absolute;top:0;left:0}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure.triple>span:nth-child(2){position:absolute;top:0;left:0}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure.triple>span:nth-child(3){position:absolute;top:0;left:0}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure.lid>span:nth-child(2){position:absolute;top:0;left:0}.html-container>.page>section .block>.wrapper>.container>.tabler>div>.info,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>.info{position:absolute;bottom:30px;right:30px;padding:20px;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}.html-container>.page>section .block>.wrapper>.container>.tabler>div>.info>h2,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>.info>h2{position:relative;display:block;color:#fff;font-size:18px;font-weight:400}.html-container>.page>section .block>.wrapper>.container>.tabler>div.exploring>.info>ul,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>.info>ul{display:block;height:48px}.html-container>.page>section .block>.wrapper>.container>.tabler>div>.info>ul,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>.info>ul{position:relative;display:block;height:0;transition:.8s;padding:0;margin:0;overflow:hidden;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}.html-container>.page>section .block>.wrapper>.container>.tabler>div>.info>ul>li,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>.info>ul>li{position:relative;display:inline-block;vertical-align:middle;color:#fff;color:var(--detail-color);padding-right:10px;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s}.html-container>.page>section .block>.wrapper>.container>.tabler>div>.info>ul>li:hover,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>.info>ul>li:hover{border-top:solid 4px var(--detail-color)}.html-container>.page>section .block>.wrapper>.container>.tabler>div>.info>ul>li>a,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>.info>ul>li>a{position:relative;display:inline-block;vertical-align:middle;color:inherit;font-size:14px;font-weight:700}.html-container>.page>section .block>.wrapper>.container>.tabler>div>.info>ul>li>a>span,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>.info>ul>li>a>span{position:relative;display:inline-block;vertical-align:middle}.html-container>.page>section .block>.wrapper>.container>.tabler>div>.info>ul>li>a>span:before,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>.info>ul>li>a>span:before{position:relative;display:inline-block;vertical-align:middle;font-size:24px;color:inherit;font-family:"Material Icons";content:'';font-weight:400;margin-right:2px}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-first{position:relative;display:grid;grid-template-areas:"tall short_a" "tall  short_b";grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-first>div:nth-child(1){grid-area:tall;height:calc(var(--view_height) * 100);;background-image:url(../../../../../files/img/frontend/frames/products/mozaic/prod_1.webp);background-position:center;background-size:cover}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-first>div:nth-child(2){grid-area:short_a;height:calc(var(--view_height) * 50);;background-image:url(../../../../../files/img/frontend/frames/products/mozaic/prod_2.webp);background-position:center;background-size:cover}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-first>div:nth-child(3){grid-area:short_b;height:calc(var(--view_height) * 50);;background-image:url(../../../../../files/img/frontend/frames/products/mozaic/prod_3.webp);background-position:center;background-size:cover}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product>figure:after,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure:after{position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#d1e6f7;background-color:#e1edf7;background-color:#CFE2F2;content:'';-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product>figure:after{z-index:-1}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product>figure:after{z-index:1;mix-blend-mode:soft-light}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-last{position:relative;display:grid;grid-template-areas:" short_a tall" "  short_b tall";grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-last>div:nth-child(1){grid-area:short_a;height:calc(var(--view_height) * 50);;background-image:url(../../../../../files/img/frontend/frames/products/mozaic/prod_2.webp);background-position:center;background-size:cover}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-last>div:nth-child(2){grid-area:tall;height:calc(var(--view_height) * 100);;background-image:url(../../../../../files/img/frontend/frames/products/mozaic/prod_1.webp);background-position:center;background-size:cover}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-last>div:nth-child(3){grid-area:short_b;height:calc(var(--view_height) * 50);;background-image:url(../../../../../files/img/frontend/frames/products/mozaic/prod_3.webp);background-position:center;background-size:cover}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:nth-child(1)>figure>span{animation:floating_product_container 6s linear infinite}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:nth-child(2)>figure>span{animation:floating_product_container 8s linear infinite}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:nth-child(3)>figure>span{animation:floating_product_container 5s linear infinite}.anim_on_hover{-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s}.fade-out{opacity:0}@media only screen and (min-width:1024px) and (max-width:10000px){.html-container>.page>section .block{height:calc(var(--view_height) * 100)}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product.exploring>figure:after,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure:after,.html-container>.page>section .block>.wrapper>.container>.tabler>div.product:hover>figure:after,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>figure:after{left:0}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product.exploring>.info,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>.info,.html-container>.page>section .block>.wrapper>.container>.tabler>div.product:hover>.info,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>.info{top:initial;opacity:1;z-index:1}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product.exploring>.info>h2,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>.info>h2,.html-container>.page>section .block>.wrapper>.container>.tabler>div.product:hover>.info>h2,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>.info>h2{color:var(--detail-color);top:0;opacity:1}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure>span>img,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>figure>span>img{top:47%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure:not(.doble):not(.triple):not(.lid)>span>img{transform-origin:center;transform:translateX(-50%) translateY(-50%) rotate(-45deg);transform:translateX(-50%) translateY(-50%) rotate(-45deg) scale(.8)}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.doble>span:nth-child(2),.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>figure.doble>span:nth-child(2){top:10%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.doble.side>span:nth-child(2),.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>figure.doble.side>span:nth-child(2){top:0;left:10%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>figure.lid>span:nth-child(1){left:12%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>figure.lid>span:nth-child(2){left:-12%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.lid>span:nth-child(1)>img{transform:scale(.8) translateY(-50%) translateX(-60%)}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.lid>span:nth-child(2)>img{transform:scale(.8) translateY(-50%) translateX(-60%)}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.lid>span:nth-child(1){left:16%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.lid>span:nth-child(2){left:-16%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.triple>span:nth-child(2),.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>figure.triple>span:nth-child(2){top:10%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.triple>span:nth-child(3),.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>figure.triple>span:nth-child(3){top:20%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.triple.side>span:nth-child(2),.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>figure.triple.side>span:nth-child(2){top:0;left:10%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.triple.side>span:nth-child(3),.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div:hover>figure.triple.side>span:nth-child(3){top:0;left:20%}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product.exploring>figure:after,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure:after{background-color:#D4E4F2}}section>.block.intro{background-size:cover;background-repeat:no-repeat;background-position:top center;background-color:#84B1DB;background-color:#B0D2EE;background-color:#63B1DF;height:calc(calc(100 * var(--view_height)) - var(--top-offset));min-height:initial!important;overflow:hidden}.html-container.scolled-iframe>.page>section>.block.intro{height:calc(100 * var(--view_height))}section>.block.intro:before{position:absolute;display:block;width:100%;height:100%;top:0;left:0;content:'';background-color:#B2D5F4;background-color:#63B1DF;background-color:#18A5F8;pointer-events:none;z-index:5;mix-blend-mode:overlay;opacity:.6;opacity:.2}:root{--new-scale:(calc(( ( (var(--view_height) * 100) * 100) / 900px ) / 1))}section>.block.intro>.wrapper{position:relative;display:block;width:100%;height:100%;transform:scale(var(--new-scale));transform-origin:center}section>.block.intro>.do-scroll{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#56A3C5;font-size:16px;font-weight:700}section>.block.intro>.do-scroll:before{position:relative;display:block;font-family:"Material Icons";color:inherit;font-size:32px;content:'mouse';text-align:center;padding:10px 0}section>.block.intro>.wrapper>.logo{position:relative;display:block;text-align:center;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);pointer-events:all;z-index:1}section>.block.intro>.wrapper>.logo>figure{position:relative;display:block;margin:0 auto;text-align:center;top:0;-o-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;transition:.6s}section>.block.intro>.wrapper>.logo>figure>img{position:relative;display:block;max-width:100%;margin:0 auto}section>.block.intro>.wrapper>.logo>.balloom{position:relative;display:block;padding-bottom:30px;-o-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;transition:.6s}section>.block.intro>.wrapper>.logo>.balloom:before{position:absolute;top:50%;left:50%;width:1200px;height:1200px;content:'';background:rgb(255,255,255);background:radial-gradient(circle,rgb(255,255,255) 0%,rgba(255,255,255,0) 50%);transform:translateX(-50%) translateY(-50%);z-index:-1;pointer-events:none;opacity:1;width:200vw;height:calc(100 * var(--view_height));opacity:.6}section>.block.intro>.wrapper>.logo>.balloom>figure{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;top:0;transform:scale(1);-o-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;transition:.6s}section>.block.intro>.wrapper>.logo>.balloom>figure>img{position:relative;display:block;max-width:100%;margin:-15% auto;transform:scale(1)}section>.block.intro>.wrapper>.logo>.balloom>figure.balloom_k{z-index:1}section>.block.intro>.wrapper>.logo>.balloom>figure.balloom_l,section>.block.intro>.wrapper>.logo>.balloom>figure.balloom_u{z-index:-1}section>.block.intro>.wrapper>.logo>.balloom>figure.pen{width:0;height:0;overflow:visible;pointer-events:none}section>.block.intro>.wrapper>.logo>.balloom>figure.pen>img{height:30vw;height:min(30vw, calc(43 * var(--view_height)));position:absolute;max-width:none;margin:0;max-height:initial;transform:translateX(-50%) translateY(-50%)}section>.block.intro>.wrapper>.logo>.balloom>figure.pen.balloom_gold>img{transform:translateX(-200%) translateY(-25%) rotate(-20deg);transform:translateX(-210%) translateY(-30%) rotate(-20deg);transform:translateX(-208%) translateY(-30%) rotate(-22deg)}section>.block.intro>.wrapper>.logo>.balloom>figure.pen.balloom_grip>img{transform:translateX(-142%) translateY(-35%) rotate(14deg)}section>.block.intro>.wrapper>.logo>.balloom>figure.pen.balloom_ink>img{transform:translateX(-210%) translateY(-22%) rotate(30deg);height:27vw;height:min(27vw, calc(40 * var(--view_height)))}section>.block.intro>.wrapper>.logo>figure.txt_tomorrow{opacity:0}.floating-cloud{position:absolute;opacity:.8}.floating-cloud>figure{position:relative;display:block}.floating-cloud>figure>img{position:relative;display:block;width:100%}.floating-cloud.one{top:0%;left:-15%;width:40%;top:2%;left:0;width:30%;top:5%;right:4%;width:25%;left:-15%;top:1%;right:initial;width:40%}.floating-cloud.two{top:3%;right:-6%;width:40%;top:2%;right:2%;width:22%;top:4%;right:2%;width:28%}.floating-cloud.three{opacity:.7;z-index:0;left:-14%;width:190%;bottom:0}.floating-cloud.three>figure{transform:translateY(30%)}.floating-cloud.four{top:2%;right:15%;width:25%;opacity:.9}.floating-cloud.five{top:-3%;left:-45%;width:65%;opacity:.6;top:-3%;left:-25%;width:45%;opacity:.6;opacity:.4}.floating{animation-name:floating;animation-iteration-count:infinite;animation-timing-function:ease-in-out;margin-left:30px;margin-top:5px}.floating.one{animation-duration:3s}.floating.two{animation-duration:2.2s}.floating.three{animation-duration:3.5s}.floating.four{animation-duration:3.3s}.floating.five{animation-duration:2.8s}.floating.six{animation-duration:3.2s}.floating.seven{animation-duration:3.3s}.floating.eight{animation-duration:3.4s}.floating.nine{animation-duration:2.6s}.floating.ten{animation-duration:2.9s}.floating.is_arrow{animation-duration:1s;padding-left:0;left:0;margin-left:0}@keyframes floating{0%{transform:translate(0,0)}50%{transform:translate(0,15px)}100%{transform:translate(0,0)}}.balloom-area{position:absolute;width:100%;height:300px;z-index:2}section>.block.intro>.wrapper>.logo.hidden>figure,section>.block.intro>.wrapper>.logo.hidden>.balloom>figure{top:calc(100 * var(--view_height));transform:scale(2)}section>.block.intro>.wrapper>.logo.hidden>.balloom>figure>img{transform:scale(2)}:root{--one-speed:.8s;--two-speed:1.2s;--three-speed:1.4s;--four-speed:1.6s;--five-speed:1.8s;--six-speed:2s;--seven-speed:2.2s}section>.block.intro>.wrapper>.logo>.balloom>figure.one>img{-o-transition:.8s;-ms-transition:.8s;;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}section>.block.intro>.wrapper>.logo>.balloom>figure.two>img{-o-transition:var(--one-speed);-ms-transition:var(--one-speed);-moz-transition:var(--one-speed);-webkit-transition:var(--one-speed);transition:var(--one-speed)}section>.block.intro>.wrapper>.logo>.balloom>figure.three>img{-o-transition:var(--two-speed);-ms-transition:var(--two-speed);-moz-transition:var(--two-speed);-webkit-transition:var(--two-speed);transition:var(--two-speed)}section>.block.intro>.wrapper>.logo>.balloom>figure.four>img{-o-transition:var(--three-speed);-ms-transition:var(--three-speed);-moz-transition:var(--three-speed);-webkit-transition:var(--three-speed);transition:var(--three-speed)}section>.block.intro>.wrapper>.logo>.balloom>figure.five>img{-o-transition:var(--four-speed);-ms-transition:var(--four-speed);-moz-transition:var(--four-speed);-webkit-transition:var(--four-speed);transition:var(--four-speed)}section>.block.intro>.wrapper>.logo>.balloom>figure.six>img{-o-transition:var(--six-speed);-ms-transition:var(--six-speed);-moz-transition:var(--six-speed);-webkit-transition:var(--six-speed);transition:var(--six-speed)}section>.block.intro>.wrapper>.logo>.balloom>figure.seven>img{-o-transition:var(--seven-speed);-ms-transition:var(--seven-speed);-moz-transition:var(--seven-speed);-webkit-transition:var(--seven-speed);transition:var(--seven-speed)}@media only screen and (min-width:1024px) and (max-width:10000px){section>.block.intro>.wrapper>.logo>.balloom>figure{width:10vw;width:min(10vw , calc( var(--view_height * 18) ))}section>.block.intro>.wrapper>.logo>figure.txt_colour_of{width:30vw;width:min(10vw , calc( var(--view_height * 17) ))}section>.block.intro>.wrapper>.logo>figure.txt_blau{width:35vw;padding-bottom:60px;width:min(30vw ,calc( var(--view_height) * 60))}section>.block.intro>.wrapper>.logo>figure.txt_tomorrow{width:30vw;width:min(30vw , calc( var(--view_height ) * 30))}section>.block.intro>.wrapper>.logo>figure.text_byfaber{width:14vw;width:min(14vw , calc( var(--view_height) * 28 ))}.floating.two.low{top:0%;right:-25%;width:55%;opacity:.3}}@media only screen and (min-width:20px) and (max-width:1024px){section>.block.intro{height:calc(( var(--view_height) * 100) - var(--top-offset));overflow:hidden}section>.block.intro>.wrapper{transform-origin:center;transform:scale(.45);z-index:1}section>.block.intro>.wrapper>.logo>.balloom::before{width:220vw;height:calc(var(--view_height) * 220)}section>.block.intro>.wrapper>.logo>figure.txt_blau{max-width:600px;padding:0 0 100px 0}section>.block.intro>.wrapper>.logo>.balloom>figure.pen>img{height:550px!important}section>.block.intro>.wrapper>.logo{width:200vw}section>.block.intro>.do-scroll{display:none}.floating-cloud.one{top:calc(var(--view_height) * -38);left:-129%;width:140%}.floating-cloud.two{top:calc(var(--view_height) * -25);right:-85%;width:135%}.floating-cloud.three{bottom:calc(var(--view_height) * -60);left:-200%;width:600%;top:initial}.floating-cloud.four{top:2%;right:-15%;width:60%;opacity:.9}.floating-cloud.five{top:2%;left:-54%;width:85%;opacity:.6}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-first>div:nth-child(1){height:auto}}@media only screen and (min-width:20px) and (max-width:1024px){section{position:relative;width:100%;height:100%}.html-container>.page>section>.block{max-height:none;min-height:initial}.html-container>.page>section>.block.mozaic{min-height:initial}.html-container>.page>section .block>.wrapper>.container{position:relative;top:initial;left:initial;transform:none;padding:60px 30px;top:50%;transform:translateY(-50%);z-index:1}.html-container>.page>section .block>.wrapper>.container{min-width:90%}.html-container>.page>section .block>.wrapper>.container>h2.little_big{width:auto;font-size:26px!important}.html-container>.page>section .block>.wrapper>.container>h2.larger{width:auto;font-size:32px!important}h3.shadow::after,h2.shadow::after,h4.shadow::after,h2.shadow::after{width:100%;height:600px}.html-container>.page>section .block>.wrapper>.container>h2{width:auto;font-size:22px!important}.html-container>.page>section .block>.wrapper>.container>.tabler>div{display:block;width:100%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-first,.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-last{display:block}.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-first>div:nth-child(1),.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-last>div:nth-child(1),.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-first>div:nth-child(2),.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-last>div:nth-child(2),.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-first>div:nth-child(3),.html-container>.page>section .block>.wrapper>.container>.mozaic>div.grid-last>div:nth-child(3){height:auto}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure>span>img,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure>span,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure{top:initial;left:0;transform:none;text-align:center}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure{height:100vw}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure>span>img{top:50%;transform:translateY(-50%);max-height:60%}.html-container>.page>section .block>.wrapper>.container>.tabler>div>.info,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>.info{position:relative;top:initial;bottom:initial;right:initial;left:initial;transform:none;position:absolute;bottom:0;left:0;width:100%;z-index:1}.html-container>.page>section .block>.wrapper>.container>.tabler>div>.info>h2,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>.info>h2{line-height:1;text-align:center;font-size:15px;font-weight:600;width:80%;margin:0 auto;width:auto;text-align:left}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product.exploring>figure:after,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure:after{left:0}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product.exploring>.info,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>.info,{top:initial;opacity:1}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product.exploring>.info>h2,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>.info>h2{color:var(--detail-color);top:0;opacity:1}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure>span>img{top:47%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure:not(.doble):not(.lid)>span>img{transform-origin:center;transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.doble>span:nth-child(2){top:10%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.doble.side>span:nth-child(2){top:0;left:10%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.triple>span:nth-child(2){top:10%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.triple>span:nth-child(3){top:20%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.triple.side>span:nth-child(2){top:0;left:10%}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.triple.side>span:nth-child(3){top:0;left:20%}.html-container>.page>section .block>.wrapper>.container>.tabler>div.product.exploring>figure:after,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure:after{background-color:#D4E4F2}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure:not(.doble):not(.triple):not(.lid)>span>img{transform-origin:center;transform:translateY(-50%) rotate(-45deg)}.html-container>.page>section .block>.wrapper>.container>.tabler>div.exploring>.info>ul,.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>.info>ul{padding-top:10px}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure.lid>span:nth-child(2){position:absolute;top:0;left:0}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure.lid>span:nth-child(1)>img{animation:floating_product_open_lid_body_stop 1s ease 0s 1;animation-fill-mode:forwards}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div>figure.lid>span:nth-child(2)>img{animation:floating_product_open_lid_lid_stop 1s ease 0s 1;animation-fill-mode:forwards}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.lid>span:nth-child(1)>img{animation:floating_product_open_lid_body 1s ease 0s 1;animation-fill-mode:forwards}.html-container>.page>section .block>.wrapper>.container>.mozaic>div>div.exploring>figure.lid>span:nth-child(2)>img{animation:floating_product_open_lid_lid 1s ease 0s 1;animation-fill-mode:forwards}.html-container>.page>section>.block.full-mobile{height:calc(var(--view_height) * 100);overflow:hidden}.html-container>.page>section>.block.separate-mobile{height:auto}.html-container>.page>section>.block.separate-mobile>.backgrounder{position:relative;display:block;height:100vw}.html-container>.page>section .block.separate-mobile>.wrapper>.container{top:initial;transform:none;background-color:#6AAED7}.full-mobile-height{height:calc(var(--view_height) * 100)!important}}.html-container>.page>section>.block.video>.wrapper>.video-container{position:relative;display:block;width:inherit;height:inherit}.html-container>.page>section>.block>.wrapper>.video-container>video{position:relative;display:block;width:inherit;height:inherit;object-fit:cover;height:calc(var(--view_height) * 100)}.html-container>.page>section>.block>.wrapper>.video-container>.mute-control{position:absolute;bottom:20px;right:20px;cursor:pointer}.html-container>.page>section>.block>.wrapper>.video-container>.mute-control:after{font-size:30px;color:var(--detail-color);color:#fff;font-family:"Material Icons"}.html-container>.page>section>.block>.wrapper>.video-container:not(.muted)>.mute-control:after{content:'volume_up'}.html-container>.page>section>.block>.wrapper>.video-container.muted>.mute-control:after{content:'volume_off'}.html-container>.page>section>.block>.wrapper>.video-container.paused:after{position:absolute;top:50%;left:50%;color:var(--detail-color);color:#fff;font-family:"Material Icons";content:'volume_off';transform:translateX(-50%) translateY(-50%);font-size:40px;content:'pause_circle';content:'pause'}.page_transition{position:fixed;top:0;left:0;width:0%;height:100%;background-color:#D5D3D0;background-color:#000;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;pointer-events:none}.page_transition.active{width:100%}.scroll-hide{opacity:0;top:100px}.scroll-show{opacity:1;top:0}.cloud-transition{position:fixed;top:0;left:0;width:400vw;height:calc(var(--view_height) * 100);display:block;opacity:0;pointer-events:none;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s}section>.block>.wrapper>.container>.mozaic>div>div>.cloud-transition{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}section>.block>.cloud-transition{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}section>.block>.cloud-transition.active{opacity:.7;opacity:.2}.cloud-transition.active{opacity:1}.cloud-transition.inactive{opacity:0}.cloud-transition>ul{position:relative;display:block;width:100%;height:100%}.cloud-transition>ul>li{position:absolute;top:0;left:0;width:100%;height:100%}.cloud-transition>ul>li>figure{position:absolute;top:0;left:0;width:100%;height:100%}.cloud-transition>ul>li>figure>img{position:absolute;top:0;left:0;width:auto;height:100%;max-width:initial}.cloud-transition.active>ul>li>figure>img.one{animation:animate_cloud 4s linear infinite}.cloud-transition.active>ul>li>figure>img.two{animation:animate_cloud 12s linear infinite}.cloud-transition.active>ul>li>figure>img.three{animation:animate_cloud 16s linear infinite}.cloud-transition.active>ul>li>figure>img.four{animation:animate_cloud 8s linear infinite}.cloud-transition.active>ul>li>figure>img.five{animation:animate_cloud 24s linear infinite}.cloud-transition>ul>li>figure:after{position:absolute;top:100%;height:calc(var(--view_height) * 100);background-color:#fff;width:100%;display:block;content:''}@keyframes animate_cloud{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes animate_sky{0%{transform:translateY(calc(var(--view_height) * 20))}100%{transform:translateY(calc(var(--view_height) * -200)) translateX(100vw) scale(5)}}@keyframes floating_product{0%{transform:translateX(-50%) translateY(-50%) rotate(0)}50%{transform:translateX(-50%) translateY(-60%) rotate(0)}100%{transform:translateX(-50%) translateY(-50%) rotate(0)}}@keyframes floating_product_container{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(-1deg)}100%{transform:translateY(0) rotate(0deg)}}@keyframes floating_product_open_lid_body{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(-45deg) scale(.9)}100%{transform:rotate(-45deg) scale(.9) translateX(40%)}}@keyframes floating_product_open_lid_lid{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(-45deg) scale(.9)}100%{transform:rotate(-45deg) scale(.9) translateX(-10%)}}@keyframes floating_product_open_lid_body_stop{0%{transform:rotate(-45deg) scale(.9) translateX(40%)}100%{transform:rotate(0deg) scale(1)}}@keyframes floating_product_open_lid_lid_stop{0%{transform:rotate(-45deg) scale(.9) translateX(-10%)}100%{transform:rotate(0deg) scale(1)}}@media only screen and (min-width:20px) and (max-width:1024px){.cloud-transition>ul>li{width:calc(var(--view_height) * 200);}}@media only screen and (min-width:1024px) and (max-width:10000px){:nth-child(1)>*{--nth-child:1}:nth-child(2)>*{--nth-child:2}:nth-child(3)>*{--nth-child:3}:nth-child(4)>*{--nth-child:4}:nth-child(5)>*{--nth-child:5}:nth-child(6)>*{--nth-child:6}:nth-child(7)>*{--nth-child:7}:nth-child(8)>*{--nth-child:8}:nth-child(9)>*{--nth-child:9}:nth-child(10)>*{--nth-child:10}.revealer-bottom>*{--multiplier:.4s}.revealer-bottom.slow>*{--multiplier:.7s}.revealer-bottom.ultra-slow>*{--multiplier:1.6s}.revealer-bottom.fast>*{--multiplier:.1s}.revealer-bottom{overflow:hidden}.revealer-bottom>*{top:300px;opacity:0;transition:calc(var(--nth-child) * var(--multiplier));-o-transition:calc(var(--nth-child) * var(--multiplier));-ms-transition:calc(var(--nth-child) * var(--multiplier));-moz-transition:calc(var(--nth-child) * var(--multiplier));-webkit-transition:calc(var(--nth-child) * var(--multiplier))}.revealer-bottom.done>*{top:0;opacity:1}.revealer-bottom.done.nocut{overflow:initial}.revealer-opacity>*{opacity:0;opacity:0;transition:calc(var(--nth-child) * var(--multiplier));-o-transition:calc(var(--nth-child) * var(--multiplier));-ms-transition:calc(var(--nth-child) * var(--multiplier));-moz-transition:calc(var(--nth-child) * var(--multiplier));-webkit-transition:calc(var(--nth-child) * var(--multiplier))}.revealer-opacity.done>*{opacity:1;left:0}.revealer-opacity.done.nocut{overflow:initial;left:0}.apear-container>.apear{opacity:1;transition:transform .8s;-o-transition:ease-in-out .8s;-ms-transition:ease-in-out .8s;-moz-transition:ease-in-out .8s;-webkit-transition:ease-in-out .8s;transition:ease-in-out .8s}.apear-container>.apear:not(.active){position:absolute!important;opacity:0}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.rotate{animation:rotation 8s infinite linear}.animated-e{-o-transition:1.2s;-ms-transition:1.2s;-moz-transition:1.2s;-webkit-transition:1.2s;transition:1.2s}.animated-d{-o-transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s}.animated-c{-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}.animated-b{-o-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;transition:.6s}.animated-a{-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s}.scroll-hide{opacity:0;top:100px}.scroll-show{opacity:1;top:0}.the-trans{transition:transform .8s;-o-transition:ease-in-out .8s;-ms-transition:ease-in-out .8s;-moz-transition:ease-in-out .8s;-webkit-transition:ease-in-out .8s;transition:ease-in-out .8s}@media not all and (min-resolution:.001dpcm){@media{.revealer-bottom>*{top:initial;opacity:1}}}}