@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);*,::after,::before,img{margin:0;padding:0}a,body,h1,h2,h3,h4,h5,h6,html,li,ol,ul{font-family:Raleway,sans-serif}a,img{display:inline-block}.hero a,.site-header{background-color:var(--top)}.checkout-content,.checkout-content .send,.container .btn,.content-askus,.content-benefit,.content-susuetawa,.hero a{box-shadow:0 4px 12px rgba(0,0,0,.1)}.container-article img,.hero #hero{object-position:center;object-fit:cover}.container strong,.container-article a{text-decoration:underline}.loading,.modal{position:fixed;z-index:9999}:root{--bg:#ffffff;--bgu:#FBFCEE;--txt:#000000;--top:#E7EFC7;--mid:#AEC8A4;--mid2:#8A784E;--bottom:#3B3B1A;--txt:#000000;--txtp:#ffffff}.alert,.loading{top:0;left:0;right:0;bottom:0}*,::after,::before{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,main,nav,section{margin:0;padding:0;box-sizing:border-box;display:block}body,html{font-size:24px;line-height:1.6;scroll-behavior:smooth;background-color:var(--bg);color:var(--txt)}li,ol,ul{list-style:none}a{color:var(--txt);text-decoration:none;cursor:pointer}figcaption,p{font-family:Quicksand,sans-serif}figcaption{font-style:italic}button,input,textarea{font-family:inherit;font-size:inherit;box-sizing:border-box;color:inherit}.site-header{background-image:url('../image/main/waves-rand.svg');background-repeat:no-repeat;background-position:top;border-bottom:.1rem solid var(--mid);display:flex;padding:2rem;box-sizing:border-box;justify-content:space-evenly;align-items:center}.site-header .logo-header img{width:100%;height:auto;margin-top:-2rem;cursor:pointer}.site-header .main-nav .nav-list{display:flex;gap:2rem;margin-top:-2rem}.site-header .main-nav .nav-list li a{font-size:1.5rem;font-weight:800}.content-footer a:hover,.site-header .main-nav .nav-list li a:hover{transform:scale(1.05)}.site-header aside{display:flex;gap:1rem;position:relative}.site-header aside #menu,.site-header aside section #bag,.site-header aside section #sum{display:none}.site-header aside section{display:flex;position:absolute;left:60rem;top:-2rem;gap:.5rem}.hero{border-bottom:.1rem solid var(--top)}.container,.content-askus details{border-bottom:.1rem solid var(--txt)}.hero #hero{width:100%;height:auto;position:relative}.hero div{position:absolute;top:20rem;left:25rem;padding:1rem;text-align:center}.hero h1{font-size:3rem;font-weight:800;margin-bottom:35rem;text-transform:uppercase}.hero a{font-size:1.5rem;font-weight:700;padding:.5rem 1rem;border-radius:1rem}.alert .alert-content .btn-close-alert:hover,.checkout-content .send:hover,.content-article article a:hover,.hero a:hover{box-shadow:0 10px 20px rgba(0,0,0,.2);transform:scale(1.05)}.container{background-color:var(--bgu);border-top:.1rem solid var(--txt);text-align:center;padding:5rem}.container h2{font-size:3rem;font-weight:900;padding:15rem 1rem}.container h3{font-size:2.5rem;font-weight:900}.container h4{font-size:2.2rem;font-weight:800}.container h5{font-size:2.1rem;font-weight:900}.alert .alert-content p,.container a,.content-footer h2{font-size:2rem;font-weight:800}.container p,.content-benefit article ul li{font-size:1.5rem;font-weight:700}.container figcaption,.content-footer li a,.content-footer p{font-size:1.5rem;font-weight:600}.container.show{animation:1.5s ease-in-out forwards fadeIn}.container.hide{animation:2s ease-in-out forwards fadeOut}.container .btn{background:linear-gradient(135deg,var(--bg) 0,var(--bg) 100%);color:var(--txt);border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;transition:transform .1s,box-shadow .1s,background .3s;display:flex;align-items:center;justify-content:center;padding:0}.container .btn:hover{background:linear-gradient(135deg,var(--bgu),var(--bgu));transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.15)}.container .btn:focus{outline:1px solid var(--txt);outline-offset:2px;box-shadow:0 0 0 4px rgba(255,255,255,.5)}.container .btn:hover:active{transform:scale(.95);box-shadow:0 2px 8px rgba(0,0,0,.1)}.container .btn .icon-svg{width:24px;height:24px;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, .1));transition:transform .3s;cursor:pointer}.container .btn:hover .icon-svg{transform:translateX(-2px)}.content-about{display:flex;text-align:left;align-items:center;gap:5rem;margin-bottom:10rem}.content-product,.content-product .row{display:grid;grid-template-columns:repeat(3,1fr)}.content-about article{flex:1 1 90%}.content-about img{width:100%;height:auto;border-radius:1rem;margin:.5rem 0}.content-about figcaption{text-align:center}.right-about,.right-testimoni{flex-direction:row-reverse}.content-product{background-color:var(--top);gap:2rem;place-items:center;padding:1rem;border-radius:1rem}.content-product .row{gap:2rem}.content-product .row figure{background-color:var(--mid);padding:1rem;text-align:center;border-radius:1rem;display:flex;flex-direction:column;align-items:center}.content-product .row figure .btn-nav{display:flex;justify-content:center;gap:.5rem;padding:1rem}.modal{display:none;left:0;top:0;right:0;width:100%;height:100vh;padding:2rem;background-color:rgba(0,0,0,.7);animation:.5s ease-in-out forwards fadeIn}.modal .modal-container{position:relative;background-color:var(--bg);color:var(--txt);margin:2rem auto;width:50%;height:80vh;padding:2rem;text-align:left;border:.2rem solid var(--txt);border-radius:1rem;overflow:auto}.modal .modal-container h3{font-size:2rem;text-transform:uppercase;text-decoration:underline}.checkout-content .send,.container-article p,.modal .modal-container h4{font-size:1.5rem;font-weight:900}.modal .modal-container .btn{position:absolute;right:1rem;top:1rem;cursor:pointer;width:48px;height:48px;border-radius:50%}.modal .modal-container .modal-content{margin:1rem 0}.checkout-content{margin:2rem 0;border-radius:1rem;background-color:var(--top);padding:2rem}.checkout-content .checkout-item{display:flex;align-items:center;gap:3rem;background-color:var(--mid);justify-content:space-between;border-radius:1rem;padding:2rem;margin:2rem 0;border:.1rem solid var(--txt)}.checkout-content .checkout-item h3{font-size:2rem;font-weight:700}.checkout-content .checkout-item .checkout-add{display:flex;gap:2rem;align-items:center}.checkout-content .checkout-sum{display:flex;align-items:center;justify-content:center;gap:1rem}.checkout-content .send{border:none;background-color:var(--mid);padding:1rem 2rem;cursor:pointer;border-radius:1rem;margin:2rem 0}.content-testimoni{display:flex;align-items:center;gap:2rem;margin:2rem 0}.content-testimoni figure{flex:1;text-align:center}.content-testimoni figure img{width:40%;height:auto;border-radius:.5rem}.content-testimoni article{flex:1}.content-testimoni-picture{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;text-align:center;margin-top:20rem}.content-testimoni-picture figure{background-color:var(--bg);border-radius:1rem;margin-bottom:2rem}.content-testimoni-picture figure img{width:100%;height:50vh;object-fit:cover;display:block;border-radius:.5rem;margin-bottom:.5rem}.content-askus details p,.content-askus details summary{margin-bottom:1rem;font-size:1.5rem}.content-testimoni-picture figure figcaption{padding:2rem}.content-askus{background-color:var(--bg);text-align:center;padding:2rem;border-radius:1rem;margin:2rem 0}.content-askus details{text-align:left;margin:2rem 0}.content-askus details summary{font-weight:800}.content-askus details ul li{margin-bottom:.5rem;font-weight:600;font-size:1.5rem}.content-footer{background-color:var(--bgu);padding:1rem 20rem}.content-footer li{display:flex;gap:1rem;align-items:center}.content-footer .container-footer{display:grid;grid-template-columns:1fr 300px auto;gap:5rem;padding:1rem}.content-footer .social-footer{display:grid;grid-template-columns:1fr 300px;gap:5rem;padding:1rem;align-items:center}.content-footer .social-footer .social-icons{display:flex;align-items:flex-end;gap:.5rem}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.content-benefit,.content-susuetawa{background-color:var(--bg);padding:2rem;border-radius:1rem;text-align:left;margin:2rem 0}.content-susuetawa h3,.content-susuetawa h4,.content-susuetawa h5{font-size:2rem;margin:1rem 0}.content-susuetawa article .list li{list-style-type:disc;margin:.5rem 2rem 0;font-size:1.5rem;font-weight:700}.content-benefit h3{margin:1rem 0;font-size:1.5rem}.content-article{display:grid;grid-template-columns:repeat(3,350px);gap:2rem;justify-content:center}.content-article article{background-color:var(--top);margin-bottom:2rem;border-radius:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.content-article article img{width:100%;height:auto}.content-article h3{font-size:1.5rem;font-weight:900;padding:1rem}.content-article p{font-size:1.2rem;font-weight:700;padding:1rem}.alert .alert-content .btn-close-alert,.content-full-article a{background-color:var(--bottom);padding:1rem 2rem;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;color:var(--txtp)}.content-article article a{display:inline-block;padding:.2rem 2rem;border-radius:5rem;transition:box-shadow .3s;box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:var(--bottom);margin:2rem 0;font-size:1.5rem;font-weight:600;color:var(--bg)}.content-article-pagination{display:flex;gap:2rem;align-items:center;justify-content:center;margin:3rem 0}.content-article-pagination .pagination-numbers{display:flex;align-items:center;justify-content:space-around;gap:1rem}.content-article-pagination .pagination-numbers button.btn.active{color:var(--txt);border:.1rem solid var(--txt)}.content-article-pagination #nextbtn-article:hover .icon-svg{transform:translateX(2px)}.container-article{background-color:var(--top);box-shadow:0 4px 12px rgba(0,0,0,.1);padding:2rem;border-radius:1rem;text-align:left;margin:10rem 2rem 2rem}.container-article img{width:100%;height:50vh;margin-bottom:1rem}.container-article h1{text-align:center;font-size:2.5rem;font-weight:800;text-transform:uppercase;margin-bottom:2rem}.container-article h2{font-size:2rem;font-weight:800;margin:1rem 0}.container-article h3{font-size:1.5rem;font-weight:700;margin:1rem 0}.container-article a{font-size:1.5rem;font-weight:900;font-style:italic;text-transform:uppercase}.container-article footer{margin-top:2rem}.loading{display:none;background-color:transparent;animation:1s linear infinite spin;margin:auto;width:80px;height:80px;border-radius:100%;border:.4rem solid #fff;border-top:.2rem solid var(--txt);box-shadow:0 4px 12px rgba(0,0,0,.1)}#visitors,.content-contact,.content-full-article{display:flex;background-color:var(--top)}.content-full-article{width:100%;height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center}.content-full-article h1{font-size:10rem;font-weight:900}.content-full-article h2{font-size:3rem;font-weight:500;margin:1rem 0}.content-full-article p{font-size:1.5rem;font-weight:500}.content-full-article a{margin:2rem 0;font-size:1.5rem;font-weight:700;border-radius:1rem}.content-contact{padding:2rem;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);gap:2rem;align-items:center;margin:2rem 0}.alert,.scroll-top{display:none;position:fixed}.content-contact iframe{width:100%;height:100vh;flex:1;max-width:100%;object-fit:cover}.content-contact .contact-right-content{flex:1;background-color:var(--mid);padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:1rem}.content-contact .contact-right-content .contact-info-right{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0}.content-contact .contact-right-content .contact-info-right article{flex:1 1 40%;background-color:var(--bg);padding:2rem;border-radius:1rem}.content-contact .contact-right-content .contact-info-right article p{text-transform:none}.alert{z-index:999999;width:100%;height:auto;background-color:rgba(0,0,0,.7);animation:.5s ease-in-out forwards fadeIn;padding:2rem}.alert .alert-content{position:relative;background-color:var(--bg);margin:auto;width:50%;height:auto;padding:2rem;text-align:center;border-radius:1rem}.alert .alert-content img{width:20%;height:auto}.alert .alert-content h2{font-size:3rem;font-weight:800;margin-top:1rem}.alert .alert-content .btn-close-alert{border:none;font-size:1.5rem;font-weight:800;border-radius:1rem;margin:1rem 0}#visitors{padding:.5rem 2rem;justify-content:space-between}#visitors p{font-size:1rem;font-weight:900}.scroll-top{bottom:3rem;right:1.4rem;background-color:var(--textp);border-radius:20%;padding:.3rem}