*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,serif;font-optical-sizing:auto;font-style:normal}html,body{--header-height: 70px;height:100%;scroll-behavior:smooth}body{background-color:#e7e3de80;background-size:auto;background-blend-mode:hard-light;view-timeline:--subjectReveal block;animation-timeline:--subjectReveal;animation-range:0% 25%;animation-duration:1ms;transform-origin:top left;animation-name:move-background}header{background-color:#000;color:#fff;padding:15px 25px;display:flex;justify-content:space-between;height:var(--header-height);position:fixed;z-index:2;width:100%;top:0}header .logo{height:41px;width:100px;cursor:pointer;background-repeat:no-repeat;background-size:contain;background-position:center}header .pages-nav{display:flex;gap:25px;align-items:center;white-space:nowrap;list-style:none}@keyframes shrinkHeader{0%{height:var(--header-height);padding:15px 25px}to{height:50px;padding:5px 25px}}@media (width <= 768px){header{padding:15px}}.nav-link{display:flex;flex-direction:column;position:relative;line-height:24px;text-decoration:none;text-transform:capitalize;color:#fff}.nav-link:after{content:"";border:1px solid transparent}.nav-link.active:after{content:"";border:1px solid rgb(255,255,255)}main{margin-top:var(--header-height);display:flex;flex-direction:column;gap:150px;padding-bottom:45px;min-height:100%}.main-content{min-height:100vh}.loading-page{position:absolute;height:100%;display:flex;width:100%;justify-content:center;align-items:center}.loading-page .loader{width:150px;aspect-ratio:1;--c: no-repeat linear-gradient(#000000 0 0);background:var(--c) 0 0,var(--c) 100% 0,var(--c) 100% 100%,var(--c) 0 100%;animation:l2-1 5s infinite,l2-2 5s infinite}@keyframes l2-1{0%{background-size:0 4px,4px 0,0 4px,4px 0}12.5%{background-size:100% 4px,4px 0,0 4px,4px 0}25%{background-size:100% 4px,4px 100%,0 4px,4px 0}37.5%{background-size:100% 4px,4px 100%,100% 4px,4px 0}45%,55%{background-size:100% 4px,4px 100%,100% 4px,4px 100%}62.5%{background-size:0 4px,4px 100%,100% 4px,4px 100%}75%{background-size:0 4px,4px 0,100% 4px,4px 100%}87.5%{background-size:0 4px,4px 0,0 4px,4px 100%}to{background-size:0 4px,4px 0,0 4px,4px 0}}@keyframes l2-2{0%,49.9%{background-position:0 0,100% 0,100% 100%,0 100%}50%,to{background-position:100% 0,100% 100%,0 100%,0 0}}::-webkit-scrollbar{width:2px;height:0px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.animation{view-timeline:--subjectReveal block;animation-timeline:--subjectReveal;animation-range:0% 25%;animation-fill-mode:both;animation-duration:1ms;transform-origin:top left}.animation.delay{animation-range:35% 60%}.animation.left{animation-name:appear-left}.animation.right{animation-name:appear-right}.animation.opacity{animation-name:opacity}.animation.bottom{animation-name:bottom}.animation.top{animation-name:top}.animation.height-appear{animation-name:height-appear}.animation.instant{animation-range:0% 25%}@keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes height-appear{0%{clip-path:rect(0px 100% 0 0px)}to{clip-path:rect(0px 100% 100% 0px)}}@keyframes bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes appear-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes appear-right{0%{transform:translate(100%)}to{transform:translate(0)}}.instagram{display:flex;justify-content:center;font-size:35px;background-color:#000}.instagram a{text-decoration:none;color:#fff;gap:15px;display:flex;align-items:center}.contacts{display:flex;flex-direction:column;font-size:12px;gap:40px}.contacts .title{font-size:40px;text-align:center}.contacts .contact{border-top:1px solid rgba(255,255,255,.541);padding-top:15px;color:#fff;width:100%;display:flex;align-items:flex-start;justify-content:space-between;align-items:center;gap:40px;flex-direction:row}.contacts .contact h3{font-size:30px;margin:10px 0;width:320px}.contacts .contact .title{font-size:20px;font-weight:700;padding:10px 0}.contacts .contact img{width:120px}.contacts .contact .offices{display:flex;gap:15px;flex-wrap:wrap;flex-direction:column;text-align:center}.contacts .contact .offices .office-list{display:flex;gap:15px;flex-direction:column}.contacts .contact .offices h3{text-align:center;width:100%;font-size:15px;font-weight:200}.contacts .contact .offices .office{width:350px}.contacts .contact .offices .office .adress{max-width:250px;text-decoration:none;cursor:pointer;color:#fff}.contacts .contact .contact-info{display:flex;gap:15px;flex-direction:column;align-items:center;min-width:350px}.contacts .contact .contact-info h3{text-align:center;width:100%;font-size:15px;font-weight:200}.contacts .contact .contact-info .info{display:flex;flex-direction:column;align-items:center}.contacts .contact .warehouse{display:flex;gap:5px;margin:5px 0}.contacts .contact .content{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;width:100%}@media (width <= 768px){.contacts .contact{flex-direction:column}}footer{background-color:#000;color:#fff;padding:25px;display:flex;flex-direction:column;align-items:center;overflow:hidden}footer li{list-style:none}footer .nav-link{color:#fff;text-decoration:none}footer .pages-nav{display:flex;gap:15px}footer .one-ligne{margin-top:45px;display:flex;gap:15px;align-items:center}