html,body{padding:0;margin:0;font-family:helvetica;overflow-x:hidden}.comparator-container{position:relative;margin:20px auto;overflow:hidden;border:1px solid #ccc}.landscape{aspect-ratio:4/3;width:40%;height:auto}.portrait{aspect-ratio:3/4;width:20%;height:auto}.image-container{position:relative;width:100%;height:100%}.image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-top{clip-path:inset(0 50% 0 0)}.slider{position:absolute;top:0;left:50%;width:4px;height:100%;background:#fff;cursor:ew-resize;box-shadow:0 0 5px rgb(0 0 0 / .5)}.slider::before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px rgb(0 0 0 / .5)}.no-select{user-select:none}header{top:0;width:100%;margin-bottom:25px;position:absolute;z-index:100}.heading{text-shadow:2px 2px 3px black,0 0 3px #000;color:#fff}.headline{color:#fff;text-shadow:1px 1px 3px #000;font-size:20pt}#top-banner{width:100%;display:flex}#top-banner img{margin-left:20px;width:25%}#top-banner i{margin-left:auto;margin-top:15px;margin-right:15px;font-size:25px;color:#069494;text-shadow:#000 3px 2px 5px}canvas#canvas{background-color:#f9f9f9;;border-radius:0%;position:absolute;top:0;height:360px;width:100%;transform:translateY(-47%);box-shadow:0 4px 21px 17px #069494}nav{width:100%;display:flex;height:50px;margin-top:20px;border:none;align-items:center}.nav-menu{display:flex;align-items:center;position:absolute;top:150px;width:100%}nav a{position:relative;margin:auto;text-decoration:none;color:#f396c5;font-family:Helvetica;font-size:15pt;width:100px;text-align:center;font-weight:600;text-shadow:1px 1px 3px #000}.nav-link:hover{color:#fff;transition:3s}.ham{display:none;cursor:pointer;-webkit-tap-highlight-color:#fff0;transition:transform 400ms;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-left:20px}.bubble{position:absolute;width:var(--size);height:var(--size);border-radius:50%;pointer-events:none;animation:bubbleRise 1.2s ease-in-out forwards}.bubble.blue{background-color:rgb(30 194 255 / .7)}.bubble.white{background-color:rgb(255 255 255 / .9)}@keyframes bubbleRise{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.3)}}.line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:#f396c5;stroke-width:5.5;stroke-linecap:round}.ham6 .top{stroke-dasharray:40 172}.ham6 .middle{stroke-dasharray:40 111}.ham6 .bottom{stroke-dasharray:40 172}.ham6.active .top{stroke-dashoffset:-132px}.ham6.active .middle{stroke-dashoffset:-71px}.ham6.active .bottom{stroke-dashoffset:-132px}.contact-link{color:#a3ffff;text-decoration:none}footer{height:150px;text-align:center;background:linear-gradient(360deg,#ffcef9,transparent);margin-top:100px;display:flex;flex-flow:column}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .4)}.modal-content{box-shadow:7px 7px 15px 1px #80808066;background:linear-gradient(360deg,#069494,#ffe0fe);margin:5% auto;padding:20px;border:1px solid #888;width:80%;border-radius:20px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}#main-container{width:100%;min-height:50%;display:flex;flex-flow:column;margin-top:200px}.content-box{width:85%;margin:auto;margin-top:50px;margin-bottom:25px;display:flex;flex-flow:column;box-shadow:7px 7px 15px 1px #80808066;background:linear-gradient(360deg,#069494,#d3add2);border-radius:15px;min-height:200px;padding-bottom:20px}.content-text{text-shadow:1px 1px 1px black,-1px -1px 3px #000;color:#fff;line-height:32px;font-size:15pt}.content-row{display:flex;flex-wrap:wrap}.contact-form{width:85%;margin:auto;margin-top:50px;margin-bottom:25px;display:flex;flex-flow:column;box-shadow:7px 7px 15px 1px #80808066;background:linear-gradient(360deg,#069494,#d3add2);border-radius:15px;min-height:200px;padding:20px}.contact-form input{width:50%;line-height:30px;margin-left:auto;margin-right:auto;margin-bottom:10px}.contact-form textarea{width:50%;height:400px;margin-left:auto;margin-right:auto}.contact-form button{width:10%;margin:auto;height:39px;border-radius:9px;background:linear-gradient(45deg,#069494,#d3add2);color:#fff}.g-recaptcha{margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px}.detList{width:90%;margin:auto;padding-top:20px}.slide-in{opacity:0;transform:translateX(-100px);transition:all 1s ease-out}.slide-in.active{opacity:1;transform:translateX(0)}.slide-left{opacity:0;transform:translateX(100px);transition:all 1s ease-out}.slide-left.active{opacity:1;transform:translateX(0)}.slide-up{opacity:0;transform:translateY(100px);transition:all 1s ease-out}.slide-up.active{opacity:1;transform:translateY(0)}.full{width:95%;margin:auto}.half{width:45%;margin:auto;margin-top:5px}.third{width:30%;margin:auto}.seperator{margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;max-width:75%}.seperator img{width:100%}.checklist ul{list-style:none}.checklist li{display:flex;gap:5px;list-style:none}.client-login{display:flex;flex-flow:column;padding:15px;gap:15px;width:35%;margin:auto}.client-login input,select{width:75%;margin:auto;line-height:25px;height:25px;border-radius:12px}.client-login textarea{width:75%;margin:auto;height:200px;border-radius:12px}.signin-button{width:25%;margin:auto;background:linear-gradient(198deg,#069494,20%,#ffe0fe);border-radius:15px;height:25px;color:#000;font-weight:700}.card-row{display:flex}.card{width:20%;border-radius:12px;box-shadow:1px 1px 8px #000;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;padding:5px}.card h3{color:#fff;text-shadow:1px 1px 1px black,-1px -1px 3px #000}@media screen and (max-width:992px){.content-box{flex-flow:column}.half{width:95%}.third{width:95%}.comparator-container{width:100%}canvas#canvas{height:237px}#top-banner img{width:60%}.ham{display:block;margin-left:auto;margin-right:auto}.nav-menu{flex-direction:column;left:0;width:100%;background:#fff;padding:20px 0;transition:max-height 0.3s ease-in-out,opacity 0.3s ease-in-out;max-height:0;opacity:0;overflow:hidden}.nav-menu.active{display:flex;max-height:500px;opacity:1}nav a{margin:10px auto;text-align:center}.client-login{width:75%}.card-row{flex-flow:column}.card{width:75%}.contact-form input{width:75%}.contact-form textarea{width:75%}.contact-form button{width:50%}}