:root{--primary-color:#3498db;--font-size-large:1.5rem;--section-width:876px;--cardwidth:14.5vw}body{justify-items:center;margin:0;padding:0;font-family:Aptos,Calibri,sans-serif;display:grid}body.no-scroll{height:100vh;overflow:hidden}:root{font-size:16px}section#nav-products{width:98.8vw;min-width:283px}section#nav{width:98.8vw;min-width:283px;display:flex}#nav .relative{position:relative}@media (min-width:1280px){:root{font-size:18px}}@media (min-width:1920px){:root{font-size:23px}}#nav li.home{display:none}#nav li a{color:inherit;text-decoration:none}#nav li>a{color:#156082;text-decoration:none}#nav{z-index:500;height:2.25rem;transition:all .5s;position:sticky;top:0}#nav.hidden{position:sticky;transform:translateY(-115%)}#nav .drop-down-menu-content{z-index:15;transform-origin:top;background-color:#ccd2d8;min-width:100%;padding-bottom:1rem;padding-left:0;transition:transform .1s;position:absolute;top:100%;left:-1px;overflow:hidden;transform:scaleY(0)}#nav .drop-down-menu-content li{color:#000;background-color:#ccd2d8;border:none;min-height:1rem;padding-top:1rem;padding-left:2vw;padding-right:2vw;display:block}#nav .drop-down-menu:hover .drop-down-menu-content{border:1px solid #000;transform:scaleY(1)}#nav il{height:100%}#nav>ul{border:1px solid #000;border-right-width:0;flex-grow:1;justify-content:space-evenly;height:100%;margin:0;padding:0;display:flex}#toggleProductMenu{cursor:pointer}#close-nav-products{color:#8b8b8b;cursor:pointer;text-align:right;background-color:#e6e6e6f2;flex-grow:4;width:100%}#product-veiw-btn,#model-veiw-btn{cursor:pointer;background-color:#e6e6e6f2;font-weight:700}#product-veiw-btn.active,#model-veiw-btn.active{background-color:#fff}#nav-products ul.models.active{color:#fff;background-color:#2f9395;border-radius:10px;height:min-content}#nav-products ul{padding-left:10px;padding-right:10px;list-style:none}#nav-products>.menu>ul>li{border:2px solid #a3a3a3;border-radius:10px;height:fit-content;padding:0 5px}#nav-products .models{color:#2f9395;height:0;transition:all .3s;display:block;overflow:hidden}#nav-products .sub-category{height:100%;transition:all .3s}#nav-products .sub-category.hovered{opacity:.5;color:#2f9395}#nav-products .models.hovered{opacity:.5}#nav-products .models.active{height:6em;display:block}#nav-products .products.hovered{opacity:.5}#nav-products .products div{opacity:.1;transition:all .3s}#nav-products .products.active div{opacity:1;display:block}#nav-products li.category>div{margin-bottom:10px;font-weight:700}#nav-products>.menu .sub-category{position:relative}#nav-products>.menu .sub-category>.models{z-index:20;top:20px}#nav-products{z-index:20;visibility:hidden;background-color:#e6e6e6f2;flex-direction:column;align-items:center;height:100%;transition:all .3s;display:flex;position:fixed;top:-100vh;overflow-y:scroll}#nav-products.active{visibility:visible;z-index:1000;width:100%;height:100%;transition:all .3s;top:0}#nav-products>.menu{background-color:#fff;flex-direction:column;padding:0;list-style:none;transition:all .3s cubic-bezier(0,0,.08,1) .2s;display:flex;position:absolute;top:-100vh}#nav-products.active>.menu{top:60px}#nav-products>.menu>ul{flex-wrap:wrap;height:100%;list-style:none;display:flex}#nav-products>.menu>.controls{list-style:none;display:flex}#nav-products>.menu>.controls>div{padding:10px}#nav ul li{color:#fff;text-align:left;background-color:#156082;border:0 solid #000;border-right-width:1px;flex-grow:1;justify-content:center;align-items:center;display:flex}@media screen and (max-width:621px){#nav-products{left:0}}#nav-products>.menu>ul#test-height-control{height:70px;margin-bottom:400px}#nav-products>.menu>ul#test-height-control.active{height:200px;margin-bottom:1000px}@media (max-width:1000px){#nav-products>.menu>ul#test-height-control{height:200px}#nav-products>.menu>ul#test-height-control.active{height:300px;margin-bottom:500px}}@media (max-width:700px){#nav-products>.menu>ul#test-height-control{height:400px}}@media (max-width:760px){#nav-products>.menu>ul#test-height-control.active{height:600px;margin-bottom:250px}}@media (max-width:430px){#nav-products>.menu>ul#test-height-control{height:1800px;margin-bottom:0}}@media (max-width:610px){#nav-products>.menu>ul#test-height-control.active{height:1000px}}@media (max-width:430px){#nav-products>.menu>ul#test-height-control.active{height:1800px;margin-bottom:0}}:root{--hb-size:24px;--hb-bar-h:2px;--hb-gap:5px;--hb-color:#fff;--hb-radius:2px;--hb-padding:10px;--hb-transition:.2s ease}.hamburger{float:right;inline-size:calc(var(--hb-size) + 2*var(--hb-padding));block-size:calc(var(--hb-size) + 2*var(--hb-padding));padding:var(--hb-padding);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;display:none}.hamburger__bar{inline-size:var(--hb-size);block-size:var(--hb-bar-h);background:var(--hb-color);border-radius:var(--hb-radius);transition:transform var(--hb-transition),opacity var(--hb-transition);margin-bottom:.15em;display:block;position:relative}@media screen and (max-width:600px){#nav li.home{display:block}section#nav{width:100%}#nav.hidden{transform:unset}#nav>ul{width:100%;height:98vh;height:unset;text-align:left;flex-direction:column;justify-content:flex-start;transition:top .5s;display:flex;position:fixed;top:-100%;left:0}#nav>ul>li{text-align:left;align-items:start;justify-content:unset;border:1px solid #000;height:fit-content;padding:2rem;display:grid}#nav .drop-down-menu-content{box-sizing:border-box;display:none;position:relative;top:0;transform:scaleY(1)}#nav>div.overlay{background-color:#e6e6e6f2}#nav>div.overlay.open{background-color:#e6e6e6f2;position:fixed;inset:2.25rem 0 -100vh}#nav .drop-down-menu-content li{display:block}#nav{background-color:#156082}#nav>ul.open{top:2.25rem}.hamburger{align-self:flex-end;margin-right:1ch;display:block}#nav{flex-direction:row-reverse;justify-content:space-between}}section#tagline{width:98.8vw;min-width:283px}#tagline .card-container{height:inherit;flex-direction:row;justify-content:flex-start;align-items:center;display:flex}#tagline img{height:2.7rem}#tagline p{margin-left:1.5rem}#tagline .card2 img{width:7.8rem}section#dev{z-index:10000;background-color:#f5f5dccc;width:98.8vw;min-width:283px;height:20vh;position:fixed;bottom:0}section#dev.hide{bottom:calc(2rem - 20vh)}