@import url(https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;700&family=Montserrat:wght@500;900&family=Red+Hat+Display:wght@400;700&display=swap);.header,.padding-x{padding:0 150px}@media screen and (max-width:1100px){.header,.padding-x{padding:0 50px}}@media screen and (max-width:900px){.header,.padding-x{padding:0 20px}}.header{align-items:center;background:#010c17;display:flex;height:70px;justify-content:space-between;left:0;padding-bottom:20px;padding-top:20px;position:fixed;top:0;transition-duration:.2s;width:100%;z-index:999999}.header--not-on-top{background:#010c17;box-shadow:0 0 10px rgba(0,0,0,.2)}.header .logo{height:45px}.header .svg{fill:#fff;margin-top:7px;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}.header .svg .svg__rect{transition:.2s}.header .svg .svg__rect:first-child{-webkit-transform:translateY(12px);transform:translateY(12px)}.header .svg .svg__rect:nth-child(2){-webkit-transform:translateY(25px);transform:translateY(25px)}.header .svg--active{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}.header .svg--active .svg__rect{transition:.2s}.header .svg--active .svg__rect:first-child{-webkit-transform:translateX(9px) rotate(45deg);transform:translateX(9px) rotate(45deg)}.header .svg--active .svg__rect:nth-child(2){opacity:0}.header .svg--active .svg__rect:nth-child(3){-webkit-transform:translateX(6px) translateY(28px) rotate(-45deg);transform:translateX(6px) translateY(28px) rotate(-45deg)}.header a{color:#fff;text-decoration:none}.header h1{font-size:24px}.header nav{display:flex;gap:30px}.header nav a{color:#fff;font-size:16px;letter-spacing:-.3px;text-decoration:none}.header nav a:after{background:#010c17;content:"";display:block;height:2px;transition:.2s;width:0}.header nav a:hover:after{width:100%}@media screen and (max-width:900px){.header nav{align-items:center;background:#010c17;flex-direction:column;gap:50px;height:calc(100vh - 70px);justify-content:center;padding:30px;position:fixed;right:0;top:70px;-webkit-transform:translateX(100vw);transform:translateX(100vw);transition-duration:.15s;width:100%}.header nav a{font-size:28px}.header .expanded{-webkit-transform:translateX(0);transform:translateX(0)}}.header .header__logo{height:30px}.header .header__mobile-nav-button{cursor:pointer;-webkit-user-select:none;user-select:none}@media screen and (min-width:900px){.header .header__mobile-nav-button{display:none}}.landing{align-items:center;background:url(/static/media/bg-piecz.2ab989a9663796a7f7c0.webp) 50% no-repeat;background-size:cover;display:flex;height:50vh;justify-content:center;margin-top:70px;width:100%}.landing img{max-width:300px;width:50%}.content,.padding-x{padding:0 150px}@media screen and (max-width:1100px){.content,.padding-x{padding:0 50px}}@media screen and (max-width:900px){.content,.padding-x{padding:0 20px}}.content{display:grid;margin-top:30px}.content h2{border-bottom:2px solid #032648;text-align:center;width:80%}.content ul{display:flex;flex-direction:column;gap:10px}.content--primary{background-color:#010c17;color:#fff}.content section{align-items:center;display:grid;justify-items:center;padding:30px 0}.content .top{align-items:flex-start}.content .left{justify-items:flex-start}.content .col2{gap:30px;grid-template-columns:1fr 1px 1fr}@media screen and (max-width:600px){.content .col2{grid-template-columns:1fr;grid-template-rows:auto 1px 1fr}}.content .col2 .line{background-color:#000;height:100%;width:100%}.content .col2 div{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center}.content .col2 .black{color:#000}.content .col2 img{max-width:350px;width:50%}.content .col2 p{font-size:24px;font-weight:700}.content .left-top-rounded{border-radius:30px 0 0 0}.content .left-top-rounded,.content .right-bottom-rounded{background-color:#010c17;height:100%;padding:30px;width:100%}.content .right-bottom-rounded{border-radius:0 0 30px 0;color:#fff;font-size:24px;font-weight:700;text-align:center}.content .heading{font-size:24px;font-weight:700;margin-bottom:30px;text-align:center}.content .products{align-items:flex-end;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.content .blue{color:#010c17}.padding-x{padding:0 150px}@media screen and (max-width:1100px){.padding-x{padding:0 50px}}@media screen and (max-width:900px){.padding-x{padding:0 20px}}.card{position:relative;transition-duration:.2s}.card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card:hover div{text-decoration:underline}.card div{align-items:center;background-color:rgba(1,12,23,.5);border-radius:10px;bottom:0;color:#fff;display:flex;justify-content:center;left:0;padding:10px;position:absolute;width:100%}.card img{display:block;max-width:300px;mix-blend-mode:multiply}*,:after,:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Red Hat Display,Roboto,sans-serif}body,html{margin:0;padding:0}.margin-x{margin:0 150px}@media screen and (max-width:1100px){.margin-x{margin:0 50px}}@media screen and (max-width:900px){.margin-x{margin:0 20px}}.footer,.padding-x{padding:0 150px}@media screen and (max-width:1100px){.footer,.padding-x{padding:0 50px}}@media screen and (max-width:900px){.footer,.padding-x{padding:0 20px}}a{cursor:pointer}.footer{background-color:#010c17;color:#fff;padding-bottom:30px;padding-top:30px;width:100%}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}.footer .grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}@media screen and (max-width:900px){.footer .grid{grid-template-columns:1fr}}.footer .grid__row{display:flex;gap:10px;width:100%}@media screen and (max-width:900px){.footer .grid__row--right{justify-content:flex-end}}.footer .grid .icon{width:36px}.footer .our-brands{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(7,1fr);justify-items:center;margin-bottom:30px;margin-top:30px;width:100%}@media screen and (max-width:900px){.footer .our-brands{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:600px){.footer .our-brands{grid-template-columns:repeat(2,1fr)}}.footer .our-brands img{max-width:90px}.footer .map{display:block;height:120px}@media screen and (max-width:900px){.footer .map{height:auto;width:100%}}.footer .call-button{background-color:#fff;border:2px solid #010c17;border-radius:30px;color:#010c17;cursor:pointer;display:block;font-size:18px;font-weight:700;padding:10px 20px;transition:all .3s ease-in-out}.footer .call-button a{color:#010c17;text-decoration:none}
/*# sourceMappingURL=main.835aa91e.css.map*/