@keyframes slide-in{0%{transform:translateY(10rem);opacity:0}25%{transform:translateY(0);opacity:1}}.base{display:inline-block;border:3px solid #795548;padding:.6rem 1rem;min-width:140px;font-weight:bolder;white-space:nowrap;text-decoration:none;text-align:center}.base{-webkit-transition:all .1s ease-in-out}.base{-moz-transition:all .1s ease-in-out}.base{-ms-transition:all .1s ease-in-out}.base{-o-transition:all .1s ease-in-out}.base{transition:all .1s ease-in-out}.base:disabled,.base:disabled:hover{border-color:#757575 !important;color:#fff !important;background-color:#757575 !important;cursor:not-allowed}.basic{background-color:#fff;border-color:#795548;color:#454545}.basic:not(.no-response):hover{background-color:#795548;color:#fff}.primary{background-color:#795548;border-color:#795548;color:#fff}.primary:not(.no-response):hover{background-color:#fff;color:#454545}.dark{background-color:#32554b;border-color:#32554b;color:#fff}.dark:not(.no-response):hover{background-color:#48796c;color:#fff}.accent{background-color:#ffc107;border-color:#ffc107;color:#5d4037}.accent:not(.no-response):hover{background-color:#fff;color:#5d4037}.accent2{background-color:#48796c;border-color:#32554b;color:#fff;font-weight:bold}.accent2:not(.no-response):hover{background-color:#fff;color:#454545}.important{background-color:#d32f2f;border-color:#d32f2f;color:#fff;font-weight:bold}.important:not(.no-response):hover{background-color:#fff;color:#d32f2f}.button-text{display:inline-block;margin:.2rem .3rem;border-width:1px;border-style:solid;padding:.1rem .6rem}.button-text.round{-moz-border-radius:6px}.button-text.round{-webkit-border-radius:6px}.button-text.round{border-radius:6px}.button-text.circle{-moz-border-radius:10rem}.button-text.circle{-webkit-border-radius:10rem}.button-text.circle{border-radius:10rem}.base-wrap{display:flex;flex-flow:row wrap;align-items:center}.input-base{background-color:#fff;margin:0 4px;border:none;border-bottom:2px solid #795548;padding:.3rem .5rem;accent-color:#5d4037;position:relative;box-sizing:border-box}.input-base:focus{outline:3px solid #d7ccc8;z-index:10}.input-base[type=checkbox]{outline:none}main{margin-left:0;margin-right:0;padding-top:0}section{animation:1.5s ease-in-out 0s 1 normal forwards running fade-in}section.banner{background:linear-gradient(#F5F1EF 33%, #D7CCC8 33%, #D7CCC8 66%, #795548 0%);display:grid;grid-template-columns:repeat(2, auto);grid-template-rows:4rem repeat(2, auto);margin-bottom:6rem;padding:2rem;min-height:55vh;box-shadow:rgba(0,0,0,.25) 0px 14px 28px,rgba(0,0,0,.22) 0px 10px 10px}section.banner .badge.patent{grid-row:1/2;grid-column:1/3;text-align:right;z-index:10}section.banner .badge.patent span{display:inline-block;background-color:#fff;margin-right:1rem;border:3px solid #d32f2f;padding:.3rem .5rem;color:#d32f2f;font-weight:bold}section.banner .badge.patent span{-moz-border-radius:10px}section.banner .badge.patent span{-webkit-border-radius:10px}section.banner .badge.patent span{border-radius:10px}section.banner h1{background:linear-gradient(transparent 95%, #795548 0%);grid-row:2/3;grid-column:1/2;align-self:center;width:540px;font-size:22pt;box-shadow:none;z-index:10}section.banner h1{-moz-border-radius:0}section.banner h1{-webkit-border-radius:0}section.banner h1{border-radius:0}section.banner h1::before{display:none}section.banner h1 .badge{display:inline-block;background-color:#795548;margin-bottom:.5rem;border:3px solid #795548;padding:.5rem .8rem;color:#fff;font-weight:bold}section.banner h1 .badge{-moz-border-radius:10px}section.banner h1 .badge{-webkit-border-radius:10px}section.banner h1 .badge{border-radius:10px}section.banner .img-block{grid-row:2/4;grid-column:2/3;display:flex;flex-flow:row nowrap;justify-content:right;align-items:end;padding:1rem;padding-right:10%;padding-bottom:10%;position:relative}section.banner .img-block img{display:block;margin-top:35%;width:100%;position:relative}@media screen and (max-width: 768px){section.banner{grid-template-columns:auto;grid-template-rows:repeat(3, auto);padding:0}section.banner .badge.patent{grid-row:1/2;grid-column:1/2}section.banner h1{width:100%;grid-row:2/3;grid-column:1/2}section.banner .img-block{grid-row:3/4;grid-column:1/2}section.banner .img-block img{margin-top:1rem;width:60%}}section.content{background-color:#f5f1ef;margin-bottom:4rem}section.content{animation-name:slide-in;animation-duration:1ms;animation-fill-mode:both;animation-timeline:view();animation-range:entry 25% exit 100%}section.content h2{display:flex;justify-content:left;align-items:center;border-bottom:2px solid #795548;padding-left:4rem;padding-bottom:.5rem;position:relative;font-size:18pt}section.content h2::before,section.content h2::after{content:" ";display:inline-block;background-color:#795548;width:1rem;height:1rem}section.content h2::before,section.content h2::after{-moz-border-radius:.3rem}section.content h2::before,section.content h2::after{-webkit-border-radius:.3rem}section.content h2::before,section.content h2::after{border-radius:.3rem}section.content h2::before{margin-right:.5rem}section.content h2::after{margin-left:.5rem}@media screen and (max-width: 768px){section.content h2{padding-left:1rem}}section.content .content-box{background-color:#d7ccc8;margin:3rem auto;padding:2rem 3rem 3rem;width:fit-content;min-width:80%;position:relative}section.content .content-box{-moz-border-radius:1rem}section.content .content-box{-webkit-border-radius:1rem}section.content .content-box{border-radius:1rem}section.background .content-box{background-color:unset;width:85%}section.background .content-box{-moz-border-radius:0}section.background .content-box{-webkit-border-radius:0}section.background .content-box{border-radius:0}@media screen and (max-width: 768px){section.background .content-box{padding:1rem;width:95%}}section.background .content-box .text{padding:1.5rem 2.5rem 1rem;position:relative}section.background .content-box .text::before,section.background .content-box .text::after{content:" ";display:block;border:2px solid #795548;width:8%;height:100%;position:absolute;top:0}section.background .content-box .text::before{border-right:none;left:0}section.background .content-box .text::before{-moz-border-radius:1rem 0rem 0rem 1rem}section.background .content-box .text::before{-webkit-border-radius:1rem 0rem 0rem 1rem}section.background .content-box .text::before{border-radius:1rem 0rem 0rem 1rem}section.background .content-box .text::after{border-left:none;right:0}section.background .content-box .text::after{-moz-border-radius:0rem 1rem 1rem 0rem}section.background .content-box .text::after{-webkit-border-radius:0rem 1rem 1rem 0rem}section.background .content-box .text::after{border-radius:0rem 1rem 1rem 0rem}section.background .content-box .text p{font-size:12pt;line-height:1.6}section.features-1 .items{margin:0;padding:0;list-style-type:none;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}section.features-1 .items li{display:flex;justify-content:center;align-items:center;margin:1rem;margin-bottom:-0.5rem;width:8rem;height:8rem;color:#fff;font-weight:bold;font-size:larger}section.features-1 .items li{-moz-border-radius:50%}section.features-1 .items li{-webkit-border-radius:50%}section.features-1 .items li{border-radius:50%}section.features-1 .items li:nth-of-type(1){background-color:#c2185b}section.features-1 .items li:nth-of-type(2){background-color:#7b1fa2}section.features-1 .items li:nth-of-type(3){background-color:#388e3c}section.features-1 .items li:nth-of-type(4){background-color:#303f9f}section.features-1 .items li:nth-of-type(5){background-color:#607d8b}@media screen and (max-width: 768px){section.features-1 .items li{margin:0}}section.features-1 .over-text{margin:auto;padding:0 1rem 1rem;text-align:center;position:relative}section.features-1 .over-text::before{content:" ";display:block;background-color:#fff;border:3px solid #d32f2f;position:absolute;bottom:0;left:0;right:0;height:4rem}section.features-1 .over-text::before{-moz-border-radius:2rem}section.features-1 .over-text::before{-webkit-border-radius:2rem}section.features-1 .over-text::before{border-radius:2rem}section.features-1 .over-text span{color:#d32f2f;font-weight:bold;font-size:18pt;position:relative}section.installation .steps{margin:0;padding:0;list-style-type:none;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;padding-top:3rem}section.installation .steps .step>div{display:grid;grid-template-columns:8rem auto;grid-template-rows:2rem 10rem 5rem;margin:1rem;width:250px}section.installation .steps .step>div .number{grid-column:1/2;grid-row:1/2;background-color:#48796c;padding:.5rem 1rem;color:#fff;font-weight:bold;text-align:center}section.installation .steps .step>div .number{-moz-border-radius:.5rem .5rem 0rem 0rem}section.installation .steps .step>div .number{-webkit-border-radius:.5rem .5rem 0rem 0rem}section.installation .steps .step>div .number{border-radius:.5rem .5rem 0rem 0rem}section.installation .steps .step>div .img{grid-column:1/3;grid-row:2/3;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;border:3px solid #48796c;border-bottom:none}section.installation .steps .step>div .img img{display:block;width:auto;height:auto;max-width:60%;max-height:60%}section.installation .steps .step>div .text{grid-column:1/3;grid-row:3/4;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;border:3px solid #48796c;border-top:none;font-size:larger;text-align:center}section.installation .steps .step>div .text{-moz-border-radius:0rem 0rem .5rem .5rem}section.installation .steps .step>div .text{-webkit-border-radius:0rem 0rem .5rem .5rem}section.installation .steps .step>div .text{border-radius:0rem 0rem .5rem .5rem}section.installation .steps .step:nth-of-type(1)>div .number{background-color:#009688}section.installation .steps .step:nth-of-type(1)>div .img,section.installation .steps .step:nth-of-type(1)>div .text{border-color:#009688}section.installation .steps .step:nth-of-type(2)>div .number{background-color:#00796b}section.installation .steps .step:nth-of-type(2)>div .img,section.installation .steps .step:nth-of-type(2)>div .text{border-color:#00796b}section.installation .steps .step:nth-of-type(3)>div .number{background-color:#607d8b}section.installation .steps .step:nth-of-type(3)>div .img,section.installation .steps .step:nth-of-type(3)>div .text{border-color:#607d8b}section.installation .description p{font-size:12pt}section.features-2 .content-box{-moz-border-radius:0}section.features-2 .content-box{-webkit-border-radius:0}section.features-2 .content-box{border-radius:0}section.features-2 .content-box ul{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:stretch;margin:0;padding:0;list-style-type:none}section.features-2 .content-box ul li{flex-basis:50%;padding:1rem}@media screen and (max-width: 768px){section.features-2 .content-box ul li{flex-basis:100%;padding:.5rem}}section.features-2 .content-box ul li .feature-item{background-color:#fff;display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:center;margin-bottom:1rem;padding:1rem;height:100%}section.features-2 .content-box ul li .feature-item{-moz-border-radius:1rem}section.features-2 .content-box ul li .feature-item{-webkit-border-radius:1rem}section.features-2 .content-box ul li .feature-item{border-radius:1rem}section.features-2 .content-box ul li .feature-item .image img{display:block;margin:auto;width:40%;height:auto}section.features-2 .content-box ul li .feature-item .text{padding:1rem;padding-bottom:0;font-size:12pt}section.device-images .content-box{width:100vw}section.device-images .content-box{-moz-border-radius:0}section.device-images .content-box{-webkit-border-radius:0}section.device-images .content-box{border-radius:0}@media screen and (max-width: 768px){section.device-images .content-box{padding:1rem}}section.device-images .content-box .image-block .glide .glide__slides img{width:100%;height:auto}section.device-images .content-box .image-block .glide .glide__bullets{bottom:-1.5rem}@media screen and (max-width: 768px){section.device-images .content-box .image-block .glide .glide__bullets{bottom:0}}section.device-images .content-box .image-block .glide .glide__bullets .glide__bullet--active{background-color:#795548}section.device-images .content-box .image-block .glide .glide__arrows .glide__arrow{border-color:#795548;padding:.5rem;color:#795548;font-weight:bold}section.device-images .content-box .image-block .glide .glide__arrows .glide__arrow{-moz-border-radius:10rem}section.device-images .content-box .image-block .glide .glide__arrows .glide__arrow{-webkit-border-radius:10rem}section.device-images .content-box .image-block .glide .glide__arrows .glide__arrow{border-radius:10rem}section.mechanism .flows{margin:0;padding:0;list-style-type:none}section.mechanism .flows .flow{margin:0;padding:0}section.mechanism .flows .flow>div{background-color:#fff;display:grid;grid-template-columns:8rem auto;grid-template-rows:auto auto;margin-bottom:2.5rem;padding:1rem;position:relative}section.mechanism .flows .flow>div{-moz-border-radius:1rem}section.mechanism .flows .flow>div{-webkit-border-radius:1rem}section.mechanism .flows .flow>div{border-radius:1rem}section.mechanism .flows .flow>div .img{background-color:#d7ccc8;grid-column:1/2;grid-row:1/3;justify-self:center;align-self:center;display:flex;justify-content:center;align-items:center;margin-right:1.5rem;padding:1rem;width:6rem;height:6rem}section.mechanism .flows .flow>div .img{-moz-border-radius:50%}section.mechanism .flows .flow>div .img{-webkit-border-radius:50%}section.mechanism .flows .flow>div .img{border-radius:50%}section.mechanism .flows .flow>div .img img{display:block;width:80%;height:auto}section.mechanism .flows .flow>div .title{grid-column:2/3;grid-row:1/2;display:flex;justify-content:flex-start;align-items:center;padding-bottom:1rem;font-size:16pt}section.mechanism .flows .flow>div .description{grid-column:2/3;grid-row:2/3;font-size:11pt}section.mechanism .flows .flow>div .description p{line-height:1.6}section.mechanism .flows .flow>div::before{content:" ";display:block;width:0;height:0;border-style:solid;border-right:3rem solid rgba(0,0,0,0);border-left:3rem solid rgba(0,0,0,0);border-top:1.5rem solid #fff;border-bottom:0;position:absolute;top:99%;left:2rem}@media screen and (max-width: 768px){section.mechanism .flows .flow>div{grid-template-columns:auto;grid-template-rows:auto auto auto}section.mechanism .flows .flow>div .img{grid-column:1/2;grid-row:1/2}section.mechanism .flows .flow>div .title{grid-column:1/2;grid-row:2/3;padding:1.5rem .5rem 1rem}section.mechanism .flows .flow>div .description{grid-column:1/2;grid-row:3/4;padding:.5rem}}section.mechanism .flows .flow:last-of-type>div{margin-bottom:0}section.mechanism .flows .flow:last-of-type>div::before{display:none}section.mechanism .notes{background-color:#fff;margin:3rem 0 0;border:3px solid #bdbdbd;padding:1rem;font-size:12pt;line-height:1.6}section.mechanism .notes{-moz-border-radius:1rem}section.mechanism .notes{-webkit-border-radius:1rem}section.mechanism .notes{border-radius:1rem}section.mechanism .notes .emphasis{font-weight:bold}section.contact .link{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin:auto;padding:2rem 1rem;width:fit-content;min-width:80%}section.contact .link a{display:block;border:1px solid #795548;padding:1rem 2rem;width:fit-content;font-size:larger;color:#5d4037;text-decoration:none}section.contact .link a{-moz-border-radius:2rem}section.contact .link a{-webkit-border-radius:2rem}section.contact .link a{border-radius:2rem}section.contact .link a{-webkit-transition:all .3s ease-in-out}section.contact .link a{-moz-transition:all .3s ease-in-out}section.contact .link a{-ms-transition:all .3s ease-in-out}section.contact .link a{-o-transition:all .3s ease-in-out}section.contact .link a{transition:all .3s ease-in-out}section.contact .link a:hover{background-color:#795548;color:#fff}@keyframes fade-in{from{opacity:0}to{opacity:1}}