@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,400;0,700;1,500&display=swap";@font-face{font-family:Azonix;src:url(../font/Azonix.otf)}@font-face{font-family:Din;src:url(../font/D-DIN.otf)}@font-face{font-family:DinExpandedBold;src:url(../font/D-DINExp-Bold.otf)}@font-face{font-family:DinCondensedBold;src:url(../font/D-DINCondensed-Bold.otf)}*{font-family:"Din",sans-serif}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes rotation{0%{transform:rotate3d(0, 1, 0, 0deg)}50%{transform:rotate3d(0, 1, 0, 180deg)}100%{transform:rotate3d(0, 1, 0, 360deg)}}@keyframes pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(249,181,17,.7)}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(0,0,0,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,0,0,0)}}.fade{-webkit-animation-name:fade;-webkit-animation-duration:2s;animation-name:fade;animation-duration:2s}@-webkit-keyframes fade{from{opacity:.4}to{opacity:1}}@keyframes fade{from{opacity:.4}to{opacity:1}}.visible{right:0px}.invisible{right:-100%}.open{display:flex !important}.close{display:none !important}.notExpanded{transition:.5s;height:0%;overflow:hidden;padding:0}.expanded{transition:.5s;height:100%;padding:20px}.cookieOpen{transition:.5s;top:0% !important}.cookieClose{transition:.5s;top:-140%}html{margin:0 !important;padding:0 !important}html body{margin:0 !important;padding:0 !important}html body .mobileWrapper{overflow-x:hidden;position:relative;width:100%;height:100%;margin:0 !important;padding:0 !important}html body .mobileWrapper *{box-sizing:border-box !important}html body .mobileWrapper .transition-2{position:fixed;top:0;left:-100%;width:100%;bottom:0;z-index:9999;background-color:#302c57;transition:.5s ease-out;display:flex;flex-direction:row;justify-content:center;align-items:center}html body .mobileWrapper .transition-2 .loadingContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;width:25%}html body .mobileWrapper .transition-2 .loadingContainer img{width:300px}@media only screen and (max-width: 981px){html body .mobileWrapper .transition-2 .loadingContainer img{width:200px}}@media only screen and (max-width: 425px){html body .mobileWrapper .transition-2 .loadingContainer img{width:150px}}html body .mobileWrapper .transition-2 .loadingContainer #loadingBarContainer{width:100%;background-color:#fff;margin-top:25px;border-radius:50px}html body .mobileWrapper .transition-2 .loadingContainer #loadingBarContainer #loadingBar{width:1%;height:10px;background-color:#f9b511;border-radius:50px}html body .mobileWrapper .transition-2.is-active{left:0px}html body .mobileWrapper header{position:relative}html body .mobileWrapper header .navbar{position:relative;top:0;z-index:99;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px 0px;gap:10%;border-radius:0 0 40% 40%;background-color:#fff}@media only screen and (max-width: 981px){html body .mobileWrapper header .navbar{display:grid;grid-template-columns:1fr 1fr;place-items:center}}html body .mobileWrapper header .navbar .languages{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}html body .mobileWrapper header .navbar .languages img{width:100%}html body .mobileWrapper header .navbar .logo-container img{width:150px}@media only screen and (max-width: 981px){html body .mobileWrapper header .navbar .logo-container img{width:100px}}html body .mobileWrapper header .navbar .navigation{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:row;gap:25px;height:50px}html body .mobileWrapper header .navbar .navigation .productContainer{position:relative}html body .mobileWrapper header .navbar .navigation .productContainer a{padding:10px}html body .mobileWrapper header .navbar .navigation .productContainer a:hover+.productList{max-height:fit-content;padding:5px}html body .mobileWrapper header .navbar .navigation .productContainer .productList{display:flex;flex-direction:column;position:absolute;top:0px;left:-15px;width:150px;text-align:left;row-gap:5px;max-height:0px;overflow:hidden;margin:20px 10px;background-color:#fff}html body .mobileWrapper header .navbar .navigation .productContainer .productList:hover{max-height:fit-content;padding:5px}@media only screen and (max-width: 981px){html body .mobileWrapper header .navbar .navigation{display:none}}html body .mobileWrapper header .navbar .navigation a{position:relative;text-decoration:none;color:#302c57;text-transform:uppercase;font-family:"DinCondensedBold",sans-serif;font-size:1rem}html body .mobileWrapper header .navbar .navigation a:hover{color:#f9b511}html body .mobileWrapper header .navbar .hamburger{display:none;background-color:transparent;outline:none;border:none;color:#302c57}@media only screen and (max-width: 981px){html body .mobileWrapper header .navbar .hamburger{display:unset}}html body .mobileWrapper header .navbar .mobile-menu{position:absolute;background-color:#f9b511;width:100%;height:100vh;top:0;z-index:999;transition:.3s;display:flex;align-items:center;justify-content:flex-end}html body .mobileWrapper header .navbar .mobile-menu .languagesMobile{position:absolute;bottom:0;height:100px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;width:100%;background-color:#302c57}html body .mobileWrapper header .navbar .mobile-menu .linksContainer{display:flex;flex-direction:column;text-align:right;padding:0px 15px;gap:25px}html body .mobileWrapper header .navbar .mobile-menu .linksContainer .productList{flex-direction:column;gap:10px}html body .mobileWrapper header .navbar .mobile-menu .linksContainer .exit{background-color:transparent;position:absolute;top:10px;right:-15px;border:none;outline:none;width:fit-content}html body .mobileWrapper header .navbar .mobile-menu .linksContainer button{margin:0 25px 0 auto}html body .mobileWrapper header .navbar .mobile-menu .linksContainer button i{color:#fff;font-size:25px}html body .mobileWrapper header .navbar .mobile-menu .linksContainer span{position:relative;display:flex;flex-direction:row;justify-content:flex-end;column-gap:10px}html body .mobileWrapper header .navbar .mobile-menu .linksContainer span p{align-items:flex-end;font-size:2rem;color:#fff;text-transform:uppercase;text-decoration:none;margin:0}@media only screen and (max-width: 981px){html body .mobileWrapper header .navbar .mobile-menu .linksContainer span p{font-size:1.5rem}}html body .mobileWrapper header .navbar .mobile-menu .linksContainer span i{font-size:2rem;color:#fff}@media only screen and (max-width: 981px){html body .mobileWrapper header .navbar .mobile-menu .linksContainer span i{font-size:1.5rem}}html body .mobileWrapper header .navbar .mobile-menu .linksContainer a{align-items:flex-end;font-size:2rem;color:#fff;text-transform:uppercase;text-decoration:none}@media only screen and (max-width: 981px){html body .mobileWrapper header .navbar .mobile-menu .linksContainer a{font-size:1.5rem}}html body .mobileWrapper header .cookieContainer{position:fixed;top:-140%;left:0;background-color:#f9b511;width:100%;z-index:99999;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;padding:30px;height:fit-content}html body .mobileWrapper header .cookieContainer .line{width:150px;height:2px;background-color:#302c57}html body .mobileWrapper header .cookieContainer h4{text-transform:uppercase;font-size:1.5rem}html body .mobileWrapper header .cookieContainer p{font-size:1.2rem}html body .mobileWrapper header .cookieContainer .buttonsContainer{display:flex;flex-direction:row;width:100%;height:fit-content;align-items:flex-start;justify-content:flex-start;gap:20px}@media only screen and (max-width: 500px){html body .mobileWrapper header .cookieContainer .buttonsContainer{flex-direction:column}}html body .mobileWrapper header .cookieContainer .buttonsContainer button{padding:10px 30px !important;background-color:transparent;border:1px solid #302c57;font-size:1.2rem}@media only screen and (max-width: 500px){html body .mobileWrapper header .cookieContainer .buttonsContainer button{width:100%}}html body .mobileWrapper .codinkBanner{width:100%;display:flex;justify-content:center;align-items:center;margin-top:25px}html body .mobileWrapper .codinkBanner .tools{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;height:fit-content;gap:10px}@media only screen and (max-width: 400px){html body .mobileWrapper .codinkBanner .tools{height:100%;flex-direction:column}}html body .mobileWrapper .codinkBanner .tools p{color:#fff;font-family:"DinCondensedBold",sans-serif;font-size:16px}@media only screen and (max-width: 400px){html body .mobileWrapper .codinkBanner .tools p{font-size:12px}}html body .mobileWrapper .codinkBanner .tools a{font-family:"DinCondensedBold",sans-serif;font-size:16px;color:#009eff;text-decoration:none}@media only screen and (max-width: 400px){html body .mobileWrapper .codinkBanner .tools a{font-size:12px}}html body .mobileWrapper .codinkBanner .tools .imageContainer{display:inline-flex;flex-direction:row;gap:5px}html body .mobileWrapper .codinkBanner .tools .imageContainer img{width:30px}@media only screen and (max-width: 600px){html body .mobileWrapper .codinkBanner .tools .imageContainer img{width:20px}}html body .mobileWrapper .footerSection{background-color:#302c57;padding:25px 50px;border-radius:10% 10% 0 0}@media only screen and (max-width: 768px){html body .mobileWrapper .footerSection{padding:15px}}html body .mobileWrapper .footerSection .footerContainer{display:flex;flex-direction:row;justify-content:space-between;color:#fff;margin:auto;width:50%}@media only screen and (max-width: 1200px){html body .mobileWrapper .footerSection .footerContainer{width:70%}}@media only screen and (max-width: 1024px){html body .mobileWrapper .footerSection .footerContainer{width:90%}}@media only screen and (max-width: 650px){html body .mobileWrapper .footerSection .footerContainer{flex-direction:column;align-items:center}}html body .mobileWrapper .footerSection .footerContainer .logoContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;width:200px}html body .mobileWrapper .footerSection .footerContainer .logoContainer img{width:200px}html body .mobileWrapper .footerSection .footerContainer .logoContainer p{font-size:.7rem}html body .mobileWrapper .footerSection .footerContainer .contactInformations h5,html body .mobileWrapper .footerSection .footerContainer .legalInformation h5{text-transform:uppercase;font-size:1rem;padding-top:20px;text-align:left;margin:0}@media only screen and (max-width: 650px){html body .mobileWrapper .footerSection .footerContainer .contactInformations h5,html body .mobileWrapper .footerSection .footerContainer .legalInformation h5{text-align:center}}html body .mobileWrapper .footerSection .footerContainer .contactInformations p,html body .mobileWrapper .footerSection .footerContainer .contactInformations a,html body .mobileWrapper .footerSection .footerContainer .legalInformation p,html body .mobileWrapper .footerSection .footerContainer .legalInformation a{font-size:.7rem;cursor:pointer;color:#fff;text-decoration:none}@media only screen and (max-width: 650px){html body .mobileWrapper .footerSection .footerContainer .contactInformations p,html body .mobileWrapper .footerSection .footerContainer .contactInformations a,html body .mobileWrapper .footerSection .footerContainer .legalInformation p,html body .mobileWrapper .footerSection .footerContainer .legalInformation a{text-align:center}}html body .mobileWrapper .footerSection .footerContainer .contactInformations p:hover,html body .mobileWrapper .footerSection .footerContainer .contactInformations a:hover,html body .mobileWrapper .footerSection .footerContainer .legalInformation p:hover,html body .mobileWrapper .footerSection .footerContainer .legalInformation a:hover{color:#f9b511}@media only screen and (max-width: 981px){html body .mobileWrapper .footerSection .footerContainer .contactInformations span,html body .mobileWrapper .footerSection .footerContainer .legalInformation span{text-align:center}}html body .mobileWrapper .footerSection .footerContainer .contactInformations span i,html body .mobileWrapper .footerSection .footerContainer .legalInformation span i{font-size:.5rem}html body .mobileWrapper .footerSection .footerContainer .contactInformations span a,html body .mobileWrapper .footerSection .footerContainer .legalInformation span a{color:#fff;font-size:.7rem;text-decoration:none;cursor:pointer}@media only screen and (max-width: 981px){html body .mobileWrapper .footerSection .footerContainer .contactInformations span a,html body .mobileWrapper .footerSection .footerContainer .legalInformation span a{text-align:center}}html body .mobileWrapper .footerSection .footerContainer .contactInformations span a:hover,html body .mobileWrapper .footerSection .footerContainer .legalInformation span a:hover{color:#f9b511}html body .mobileWrapper .companySummary{background-color:#fff}html body .mobileWrapper .companySummary .summaryContainer{width:40%;padding:75px 0px;margin:auto;border-bottom:2px solid #302c57}@media only screen and (max-width: 981px){html body .mobileWrapper .companySummary .summaryContainer{font-size:2rem;height:fit-content;width:80%;padding:50px 0px}}@media only screen and (max-width: 1440px){html body .mobileWrapper .companySummary .summaryContainer{width:60%}}html body .mobileWrapper .companySummary .summaryContainer h1{font-size:5rem;color:#302c57;text-align:center;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase;margin:0}@media only screen and (max-width: 981px){html body .mobileWrapper .companySummary .summaryContainer h1{font-size:2rem}}html body .mobileWrapper .companySummary .summaryContainer p{line-height:2rem;font-size:1.3rem;text-align:center;color:#302c57}@media only screen and (max-width: 981px){html body .mobileWrapper .companySummary .summaryContainer p{font-size:1rem}}html body .mobileWrapper .hero{width:100%;height:fit-content}html body .mobileWrapper .hero .slideContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto}html body .mobileWrapper .hero .slideContainer .slide.first{position:relative;width:100%}html body .mobileWrapper .hero .slideContainer .slide.first img{width:100%;height:auto}html body .mobileWrapper .hero .slideContainer .slide.first .slideText{position:absolute;top:0;left:0;width:50%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 768px){html body .mobileWrapper .hero .slideContainer .slide.first .slideText{position:relative;margin:auto;text-align:center;border-bottom:3px solid #302c57}}html body .mobileWrapper .hero .slideContainer .slide.first .slideText h2{background:linear-gradient(-45deg, #302c57, #f9b511);background-size:400% 400%;animation:gradient 15s ease infinite;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:3.5rem;font-family:"DinCondensedBold",sans-serif}@media only screen and (max-width: 981px){html body .mobileWrapper .hero .slideContainer .slide.first .slideText h2{font-size:1.5rem}}html body .mobileWrapper .hero .slideContainer .slide.second{position:relative;width:100%}html body .mobileWrapper .hero .slideContainer .slide.second img{width:100%;height:auto}html body .mobileWrapper .hero .slideContainer .slide.second .slideText{position:absolute;top:0;right:0;width:50%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column}@media only screen and (max-width: 768px){html body .mobileWrapper .hero .slideContainer .slide.second .slideText{position:relative;margin:auto;text-align:center;border-bottom:3px solid #302c57}}html body .mobileWrapper .hero .slideContainer .slide.second .slideText h2{background:linear-gradient(-45deg, #5EFC8D, #FD5200, #D30C7B, #FCBA04, #6CD4FF);background-size:400% 400%;animation:gradient 15s ease infinite;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:3.5rem;font-family:"DinCondensedBold",sans-serif}@media only screen and (max-width: 981px){html body .mobileWrapper .hero .slideContainer .slide.second .slideText h2{font-size:1.5rem}}html body .mobileWrapper .chromsystem{background-color:#fff;padding:2% 0;width:100%;overflow-x:hidden}html body .mobileWrapper .chromsystem *{color:#302c57}html body .mobileWrapper .chromsystem h2{font-size:3rem;color:#302c57;text-align:center;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase;margin:0}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem h2{font-size:2rem}}html body .mobileWrapper .chromsystem .chromsystemContainer{display:grid;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;gap:25px}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemDescription{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40%;flex-direction:column;padding:0 5%}@media only screen and (max-width: 1440px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemDescription{width:60%}}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemDescription{width:80%}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemDescription h3{font-size:2.5rem;color:#f9b511;text-align:center}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemDescription h3{font-size:1.5rem}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemDescription p{line-height:2rem;font-size:1.3rem;text-align:center}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemDescription p{font-size:1rem}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter{display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center;font-family:"D-DINExp-Bold",sans-serif;text-align:center;font-weight:bold;margin:5% 0;width:40%}@media only screen and (max-width: 1440px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter{width:60%}}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter{width:80%}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter span{width:100%;height:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter .numbers{font-size:2.5rem}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter .numbers{font-size:1.5rem}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter .numbers:first-child{border-right:1px solid #302c57}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter .numbers:nth-child(2){border-right:1px solid #302c57}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter .text{font-size:1.2rem}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter .text{font-size:1rem}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter .text:nth-child(4){border-right:1px solid #302c57}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCounter .text:nth-child(5){border-right:1px solid #302c57}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer{position:relative;width:40%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column}@media only screen and (max-width: 1440px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer{width:60%}}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer{width:80%}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:768px;height:384px}@media only screen and (max-width: 1800px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:720px;height:360px}}@media only screen and (max-width: 1700px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:680px;height:340px}}@media only screen and (max-width: 1600px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:640px;height:320px}}@media only screen and (max-width: 1500px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:640px;height:320px}}@media only screen and (max-width: 1400px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:560px;height:280px}}@media only screen and (max-width: 1300px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:540px;height:260px}}@media only screen and (max-width: 1200px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:500px;height:240px}}@media only screen and (max-width: 1100px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:460px;height:220px}}@media only screen and (max-width: 1000px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:420px;height:200px}}@media only screen and (max-width: 900px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:380px;height:180px}}@media only screen and (max-width: 800px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer canvas{width:340px;height:160px}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .layer{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);top:32%;display:unset}@media only screen and (max-width: 1400px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .layer{top:28%}}@media only screen and (max-width: 1100px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .layer{top:26%}}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .layer{top:22%}}@media only screen and (max-width: 425px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .layer{top:25%}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .buttonContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:25px auto}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .buttonContainer button{position:relative;padding:10px 15px;border:1px solid #302c57;color:#302c57;font-size:1rem;font-family:"Din",sans-serif;background-color:transparent;outline:none;cursor:pointer}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .buttonContainer button:hover{transition:.5s;transform:scale(1.2);border:1px solid #f9b511}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;margin:5% 0;gap:10%}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer{margin:8% 0}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:row;gap:5%}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors{width:50px;height:38px;border-radius:50%;background-color:transparent;outline:none;border:none;cursor:pointer}@media only screen and (max-width: 981px){html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors{width:30px;height:24px}}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors:first-child{background:#535353;background:linear-gradient(45deg, #535353 0%, white 25%, #686868 33%, silver 41%, #f0f0f0 64%, #898989 75%, #c4c4c4 85%)}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors:first-child:hover{transition:.5s;transform:scale(1.2);border:1px solid #535353}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors:nth-child(2){background:#d4af37;background:linear-gradient(45deg, #d4af37 0%, white 25%, #d4af37 33%, #ffda5f 41%, white 64%, #d4af37 75%, #ffda5f 85%)}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors:nth-child(2):hover{transition:.5s;transform:scale(1.2);border:1px solid #d4af37}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors:nth-child(3){background:#0eb398;background:linear-gradient(45deg, #0eb398 0%, white 25%, #0eb398 33%, #64ffe6 41%, white 64%, #0eb398 75%, #64ffe6 85%)}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors:nth-child(3):hover{transition:.5s;transform:scale(1.2);border:1px solid #0eb398}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors:nth-child(4){background:#1b3d81;background:linear-gradient(45deg, #1b3d81 0%, white 25%, #1b3d81 33%, #4181ff 41%, white 64%, #1b3d81 75%, #4181ff 85%)}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors:nth-child(4):hover{transition:.5s;transform:scale(1.2);border:1px solid #1b3d81}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors:nth-child(5){background:#a62c2b;background:linear-gradient(45deg, #a62c2b 0%, white 25%, #a62c2b 33%, #ff3836 41%, white 64%, #a62c2b 75%, #ff3836 85%)}html body .mobileWrapper .chromsystem .chromsystemContainer .chromsystemCanvasContainer .colorsSelectorContainer .colorsSelector .colors:nth-child(5):hover{transition:.5s;transform:scale(1.2);border:1px solid #a62c2b}html body .mobileWrapper .chromsystem .chromsystemContainer .infoBox{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;background-color:#f9b511;color:#302c57;width:80%;padding:20px;margin:auto;height:fit-content;display:none;border-radius:10px}html body .mobileWrapper .chromsystem .chromsystemContainer .infoBox .closeInterface{position:absolute;top:25px;right:25px;text-align:right;cursor:pointer;background-color:transparent;border:none;outline:none}html body .mobileWrapper .chromsystem .chromsystemContainer .infoBox h3{font-size:1.2rem;font-family:"DinCondensedBold",sans-serif}html body .mobileWrapper .chromsystem .chromsystemContainer .infoBox p{text-align:center;font-family:"Din",sans-serif;font-size:1rem;line-height:2rem}html body .mobileWrapper .applications{background-color:#f9f9f9;padding:2% 0;width:100%}html body .mobileWrapper .applications *{color:#302c57}html body .mobileWrapper .applications h2{font-size:3rem;color:#302c57;text-align:center;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase;margin:0}@media only screen and (max-width: 981px){html body .mobileWrapper .applications h2{font-size:2rem}}html body .mobileWrapper .applications .applicationsContainer{display:grid;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column}html body .mobileWrapper .applications .applicationsContainer .applicationsDescription{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40%;flex-direction:column;padding:0 5%}@media only screen and (max-width: 1440px){html body .mobileWrapper .applications .applicationsContainer .applicationsDescription{width:60%}}@media only screen and (max-width: 981px){html body .mobileWrapper .applications .applicationsContainer .applicationsDescription{width:80%}}html body .mobileWrapper .applications .applicationsContainer .applicationsDescription h3{font-size:2.5rem;color:#f9b511;text-align:center}@media only screen and (max-width: 981px){html body .mobileWrapper .applications .applicationsContainer .applicationsDescription h3{font-size:1.5rem}}html body .mobileWrapper .applications .applicationsContainer .applicationsDescription p{line-height:2rem;font-size:1.3rem;text-align:center}@media only screen and (max-width: 981px){html body .mobileWrapper .applications .applicationsContainer .applicationsDescription p{font-size:1rem}}html body .mobileWrapper .applications .applicationsContainer .applicationsDescription .applicationTitle{margin:125px auto 25px auto}@media only screen and (max-width: 981px){html body .mobileWrapper .applications .applicationsContainer .applicationsDescription .applicationTitle{margin:75px auto 25px auto;text-transform:uppercase}}html body .mobileWrapper .applications .applicationsContainer .applicationsMaterials{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:10% auto}html body .mobileWrapper .applications .applicationsContainer .applicationsMaterials .materialsContainer{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column}html body .mobileWrapper .applications .applicationsContainer .applicationsMaterials .materialsContainer img{width:50%}html body .mobileWrapper .applications .applicationsContainer .andMore{margin-top:25px}html body .mobileWrapper .applications .applicationsContainer .andMore p{text-align:center;text-transform:uppercase;font-size:2rem;font-family:"DinCondensedBold",sans-serif}@media only screen and (max-width: 981px){html body .mobileWrapper .applications .applicationsContainer .andMore p{font-size:1.5rem}}html body .mobileWrapper .applications .applicationsContainer .watchVideo h3{color:#f9b511;line-height:2.5rem;font-size:2rem;padding:0 25px;text-align:center}@media only screen and (max-width: 981px){html body .mobileWrapper .applications .applicationsContainer .watchVideo h3{font-size:1.5rem;line-height:2rem}}@media only screen and (max-width: 768px){html body .mobileWrapper .applications .applicationsContainer .watchVideo h3{font-size:1.2rem;line-height:1.5rem}}@media only screen and (max-width: 500px){html body .mobileWrapper .applications .applicationsContainer .watchVideo h3{font-size:1rem}}html body .mobileWrapper .applications .applicationsContainer .videoContainer{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:9;padding:0px 20px}html body .mobileWrapper .applications .applicationsContainer .videoContainer img{width:100%}html body .mobileWrapper .applications .applicationsContainer .applicationsCasesContainer{position:relative;gap:5%;width:100%;height:150px;margin:25px auto 100px auto;border-top:1px solid #302c57}@media only screen and (max-width: 981px){html body .mobileWrapper .applications .applicationsContainer .applicationsCasesContainer{margin:25px auto 50px auto}}html body .mobileWrapper .applications .applicationsContainer .applicationsCasesContainer .slides{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:fit-content;padding:10px 30px;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:.5s}@media only screen and (max-width: 981px){html body .mobileWrapper .applications .applicationsContainer .applicationsCasesContainer .slides{width:100%}}html body .mobileWrapper .applications .applicationsContainer .applicationsCasesContainer .slides p{width:100%;font-size:2.5rem;line-height:4rem;margin:20px auto;text-transform:uppercase;font-family:"DinCondensedBold",sans-serif}@media only screen and (max-width: 981px){html body .mobileWrapper .applications .applicationsContainer .applicationsCasesContainer .slides p{font-size:2rem;line-height:2rem}}@media only screen and (max-width: 425px){html body .mobileWrapper .applications .applicationsContainer .applicationsCasesContainer .slides p{font-size:1.5rem;line-height:1.5rem}}html body .mobileWrapper .mainFeatures{background-color:#f9f9f9;padding:2% 0;width:100%;margin:50px 0 0 0}html body .mobileWrapper .mainFeatures *{color:#302c57}html body .mobileWrapper .mainFeatures h2{padding:15px;font-size:3rem;color:#302c57;text-align:center;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase;margin:0}@media only screen and (max-width: 981px){html body .mobileWrapper .mainFeatures h2{font-size:2rem}}@media only screen and (max-width: 768px){html body .mobileWrapper .mainFeatures h2{font-size:1.5rem}}html body .mobileWrapper .mainFeatures .accordion{width:50%;margin:5% auto}@media only screen and (max-width: 1440px){html body .mobileWrapper .mainFeatures .accordion{width:60%}}@media only screen and (max-width: 981px){html body .mobileWrapper .mainFeatures .accordion{width:80%}}html body .mobileWrapper .mainFeatures .accordion .accordionItem:not(:last-child){border-bottom:1px solid #d3d3d3}html body .mobileWrapper .mainFeatures .accordion .accordionBtn{display:flex;justify-content:space-between;background-color:#f9f9f9;align-items:center;width:100%;padding:1.2rem;border:none;outline:none;color:#5f5c70;font-size:1.3rem;text-align:left;cursor:pointer;transition:.1s}@media only screen and (max-width: 981px){html body .mobileWrapper .mainFeatures .accordion .accordionBtn{font-size:1rem}}html body .mobileWrapper .mainFeatures .accordion .accordionBtn:hover{color:#302c57;background:#edebf9}html body .mobileWrapper .mainFeatures .accordion .accordionItem--active .accordionNtn{color:#302c57;border-bottom:2px solid #302c57;background:#edebf9}html body .mobileWrapper .mainFeatures .accordion .accordionItem--active .accordionIcon{transform:rotate(135deg)}html body .mobileWrapper .mainFeatures .accordion .accordionItem--active .accordionContent{opacity:1;transform:translateX(0px)}html body .mobileWrapper .mainFeatures .accordion .accordionIcon{border-radius:50%;transform:rotate(0deg);transition:.3s ease-in-out;opacity:.9}html body .mobileWrapper .mainFeatures .accordion .accordionContent{font-weight:300;max-height:0;opacity:0;overflow:hidden;color:#5f5c70;transform:translateX(16px);transition:max-height .2s ease-out,opacity .3s ease-in,transform .4s ease}html body .mobileWrapper .mainFeatures .accordion .accordionContent p{padding:1rem 1.2rem}html body .mobileWrapper .metaTitle{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;gap:15px;margin:25px auto}html body .mobileWrapper .metaTitle h1{font-size:2.5rem;text-align:center;color:#302c57;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase}@media only screen and (max-width: 981px){html body .mobileWrapper .metaTitle h1{font-size:2rem}}@media only screen and (max-width: 550px){html body .mobileWrapper .metaTitle h1{font-size:1.5rem}}html body .mobileWrapper .metaTitle i{color:#302c57;font-size:3rem}@media only screen and (max-width: 981px){html body .mobileWrapper .metaTitle i{font-size:2rem}}html body .mobileWrapper .metaTitle h2{font-size:2rem;text-align:center;color:#f9b511;font-family:"Din",sans-serif}@media only screen and (max-width: 981px){html body .mobileWrapper .metaTitle h2{font-size:1.5rem}}@media only screen and (max-width: 550px){html body .mobileWrapper .metaTitle h2{font-size:1.2rem}}html body .mobileWrapper .metaTitle p{display:flex;flex-direction:row;justify-content:center;align-items:center;line-height:1.5rem;width:40%;color:#302c57;font-family:"Din",sans-serif;font-size:1.2rem;text-align:center}@media only screen and (max-width: 981px){html body .mobileWrapper .metaTitle p{width:60%}}@media only screen and (max-width: 981px){html body .mobileWrapper .metaTitle p{width:60%}}html body .mobileWrapper .resellingSection{width:100%;height:fit-content;margin:50px auto}html body .mobileWrapper .resellingSection .ctaContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;height:300px;width:60%;padding:15px;color:#302c57;margin:auto;gap:15px}@media only screen and (max-width: 1400px){html body .mobileWrapper .resellingSection .ctaContainer{width:80%}}@media only screen and (max-width: 981px){html body .mobileWrapper .resellingSection .ctaContainer{width:100%}}@media only screen and (max-width: 768px){html body .mobileWrapper .resellingSection .ctaContainer{flex-direction:column;height:fit-content;gap:25px;text-align:center}}html body .mobileWrapper .resellingSection .ctaContainer *{margin:0}html body .mobileWrapper .resellingSection .ctaContainer .textContainer{display:flex;flex-direction:column;justify-content:center;row-gap:15px;width:60%}@media only screen and (max-width: 425px){html body .mobileWrapper .resellingSection .ctaContainer .textContainer{width:90%;align-items:center}}html body .mobileWrapper .resellingSection .ctaContainer .textContainer h3{text-transform:uppercase;font-size:2.5rem}@media only screen and (max-width: 768px){html body .mobileWrapper .resellingSection .ctaContainer .textContainer h3{font-size:2rem}}@media only screen and (max-width: 425px){html body .mobileWrapper .resellingSection .ctaContainer .textContainer h3{width:90%;font-size:1.5rem}}html body .mobileWrapper .resellingSection .ctaContainer .textContainer h4{color:#f9b511;font-size:1.5rem}@media only screen and (max-width: 768px){html body .mobileWrapper .resellingSection .ctaContainer .textContainer h4{font-size:1.2rem}}@media only screen and (max-width: 425px){html body .mobileWrapper .resellingSection .ctaContainer .textContainer h4{width:90%;font-size:1rem}}html body .mobileWrapper .resellingSection .ctaContainer .textContainer p{font-size:1.2rem}@media only screen and (max-width: 768px){html body .mobileWrapper .resellingSection .ctaContainer .textContainer p{font-size:1rem}}@media only screen and (max-width: 425px){html body .mobileWrapper .resellingSection .ctaContainer .textContainer p{width:90%;font-size:.8rem}}html body .mobileWrapper .resellingSection .ctaContainer .ctaButtons{width:30%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;gap:25px}@media only screen and (max-width: 768px){html body .mobileWrapper .resellingSection .ctaContainer .ctaButtons{width:60%}}@media only screen and (max-width: 425px){html body .mobileWrapper .resellingSection .ctaContainer .ctaButtons{width:90%;font-size:.8rem}}html body .mobileWrapper .resellingSection .ctaContainer .ctaButtons span{padding:10px 30px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#f9b511;column-gap:10px;cursor:pointer;-webkit-box-shadow:0px 3px 15px 5px rgba(0,0,0,.25);box-shadow:0px 3px 15px 5px rgba(0,0,0,.25)}html body .mobileWrapper .resellingSection .ctaContainer .ctaButtons span:hover{transition:.2s;background-color:#fff;border:2px solid #f9b511}html body .mobileWrapper .resellingSection .ctaContainer .ctaButtons span:hover>button{color:#f9b511}html body .mobileWrapper .resellingSection .ctaContainer .ctaButtons span:hover>i{color:#f9b511}html body .mobileWrapper .resellingSection .ctaContainer .ctaButtons span button{background-color:transparent;border:none;outline:none;text-transform:uppercase;color:#fff;text-decoration:none;font-family:"DinCondensedBold",sans-serif;font-size:1.5rem;cursor:pointer}html body .mobileWrapper .resellingSection .ctaContainer .ctaButtons span i{font-size:1.5rem;color:#fff}html body .mobileWrapper .formSection{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;background-color:#f9f9f9;padding:75px 0px}html body .mobileWrapper .formSection .formWrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:60%;gap:15px}@media only screen and (max-width: 1024px){html body .mobileWrapper .formSection .formWrapper{width:80%;margin:50px auto}}@media only screen and (max-width: 981px){html body .mobileWrapper .formSection .formWrapper{flex-direction:column}}@media only screen and (max-width: 550px){html body .mobileWrapper .formSection .formWrapper{width:90%;margin:25px auto}}html body .mobileWrapper .formSection .formWrapper .formContainer{background-color:#fff;padding:60px 30px;-webkit-box-shadow:0px 3px 15px 5px rgba(0,0,0,.25);box-shadow:0px 3px 15px 5px rgba(0,0,0,.25);border-radius:10px}@media only screen and (max-width: 550px){html body .mobileWrapper .formSection .formWrapper .formContainer{width:90%}}html body .mobileWrapper .formSection .formWrapper .formContainer #clients{display:flex;flex-direction:column;gap:25px;width:100%;background-color:#fff}html body .mobileWrapper .formSection .formWrapper .formContainer #clients .message{text-align:center}html body .mobileWrapper .formSection .formWrapper .formContainer #clients select{border:1px solid #302c57;padding:10px 30px;font-size:1rem;font-family:"Din",sans-serif;outline:none;border-radius:none}@media only screen and (max-width: 550px){html body .mobileWrapper .formSection .formWrapper .formContainer #clients select{font-size:.7rem}}html body .mobileWrapper .formSection .formWrapper .formContainer #clients select option{border-radius:none;font-size:1rem}@media only screen and (max-width: 550px){html body .mobileWrapper .formSection .formWrapper .formContainer #clients select option{font-size:.7rem}}html body .mobileWrapper .formSection .formWrapper .formContainer #clients select::placeholder{color:#302c57}html body .mobileWrapper .formSection .formWrapper .formContainer #clients input{border:1px solid #302c57;padding:10px 30px;font-size:1rem;font-family:"Din",sans-serif;outline:none}@media only screen and (max-width: 550px){html body .mobileWrapper .formSection .formWrapper .formContainer #clients input{font-size:.7rem}}html body .mobileWrapper .formSection .formWrapper .formContainer #clients input::placeholder{color:#302c57}html body .mobileWrapper .formSection .formWrapper .formContainer #clients input[type=submit]{margin:auto;width:100%;background-color:transparent;cursor:pointer;text-transform:uppercase;font-family:"DinCondensedBold",sans-serif;font-size:1.3rem}html body .mobileWrapper .formSection .formWrapper .formContainer #clients input[type=submit]:hover{color:#fff;transition:.2s;background-color:#302c57}html body .mobileWrapper .formSection .formWrapper .formContainer #clients textarea{resize:none;padding:10px 30px;border:1px solid #302c57;color:#302c57;font-size:1rem;outline:none}html body .mobileWrapper .formSection .formWrapper .formContainer #clients textarea::placeholder{color:#302c57}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate{display:flex;flex-direction:column;gap:25px;width:100%;background-color:#f9b511}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate .message{text-align:center}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate select{border:1px solid #302c57;padding:10px 30px;font-size:1rem;font-family:"Din",sans-serif;outline:none;border-radius:none}@media only screen and (max-width: 550px){html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate select{font-size:.7rem}}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate select option{border-radius:none;font-size:1rem}@media only screen and (max-width: 550px){html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate select option{font-size:.7rem}}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate select::placeholder{color:#302c57}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate input{background-color:#f9b511;border:1px solid #302c57;padding:10px 30px;font-size:1rem;font-family:"Din",sans-serif;outline:none}@media only screen and (max-width: 550px){html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate input{font-size:.7rem}}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate input::placeholder{color:#302c57}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate input[type=submit]{margin:auto;width:100%;background-color:transparent;cursor:pointer;text-transform:uppercase;font-family:"DinCondensedBold",sans-serif;font-size:1.3rem}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate input[type=submit]:hover{color:#fff;transition:.2s;background-color:#302c57}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate textarea{resize:none;background-color:#f9b511;padding:10px 30px;border:1px solid #302c57;color:#302c57;font-size:1rem;outline:none}html body .mobileWrapper .formSection .formWrapper .formContainer #affiliate textarea::placeholder{color:#302c57}html body .mobileWrapper .formSection .formWrapper .contact{width:fit-content;height:fit-content;display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:10px}@media only screen and (max-width: 1350px){html body .mobileWrapper .formSection .formWrapper .contact{width:80%}}@media only screen and (max-width: 981px){html body .mobileWrapper .formSection .formWrapper .contact{width:60%;flex-direction:row}}@media only screen and (max-width: 768px){html body .mobileWrapper .formSection .formWrapper .contact{width:80%}}@media only screen and (max-width: 425px){html body .mobileWrapper .formSection .formWrapper .contact{flex-direction:column;gap:50px;margin:50px auto 0 auto}}html body .mobileWrapper .formSection .formWrapper .contact .contactButton{width:200px;height:200px;border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;text-decoration:none;background-color:#f9b511;-webkit-box-shadow:0px 3px 15px 5px rgba(0,0,0,.25);box-shadow:0px 3px 15px 5px rgba(0,0,0,.25);cursor:pointer}@media only screen and (max-width: 981px){html body .mobileWrapper .formSection .formWrapper .contact .contactButton{width:100px;height:100px}}@media only screen and (max-width: 425px){html body .mobileWrapper .formSection .formWrapper .contact .contactButton{width:200px;height:200px}}html body .mobileWrapper .formSection .formWrapper .contact .contactButton i{font-size:2.5rem;color:#fff;border-radius:50%;padding:10px}@media only screen and (max-width: 850px){html body .mobileWrapper .formSection .formWrapper .contact .contactButton i{font-size:2rem}}html body .mobileWrapper .formSection .formWrapper .contact a{text-decoration:none}html body .mobileWrapper .formSection .formWrapper .contact a:hover>.contactButton{transform:.2s;background-color:#fff}html body .mobileWrapper .formSection .formWrapper .contact a:hover>.contactButton i{transform:.3s;color:#302c57}html body .mobileWrapper .ctaSection{width:100%;height:fit-content;background-color:#302c57;margin:50px auto}html body .mobileWrapper .ctaSection .ctaContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;height:300px;width:60%;padding:15px;color:#fff;margin:auto;gap:15px}@media only screen and (max-width: 1400px){html body .mobileWrapper .ctaSection .ctaContainer{width:80%}}@media only screen and (max-width: 981px){html body .mobileWrapper .ctaSection .ctaContainer{width:100%}}@media only screen and (max-width: 768px){html body .mobileWrapper .ctaSection .ctaContainer{flex-direction:column;height:fit-content;gap:25px;text-align:center}}html body .mobileWrapper .ctaSection .ctaContainer *{margin:0}html body .mobileWrapper .ctaSection .ctaContainer .textContainer{display:flex;flex-direction:column;justify-content:center;row-gap:15px;width:60%}@media only screen and (max-width: 425px){html body .mobileWrapper .ctaSection .ctaContainer .textContainer{width:90%;align-items:center}}html body .mobileWrapper .ctaSection .ctaContainer .textContainer h3{text-transform:uppercase;font-size:2.5rem}@media only screen and (max-width: 768px){html body .mobileWrapper .ctaSection .ctaContainer .textContainer h3{font-size:2rem}}@media only screen and (max-width: 425px){html body .mobileWrapper .ctaSection .ctaContainer .textContainer h3{width:90%;font-size:1.5rem}}html body .mobileWrapper .ctaSection .ctaContainer .textContainer h4{color:#f9b511;font-size:1.5rem}@media only screen and (max-width: 768px){html body .mobileWrapper .ctaSection .ctaContainer .textContainer h4{font-size:1.2rem}}@media only screen and (max-width: 425px){html body .mobileWrapper .ctaSection .ctaContainer .textContainer h4{width:90%;font-size:1rem}}html body .mobileWrapper .ctaSection .ctaContainer .textContainer p{font-size:1.2rem}@media only screen and (max-width: 768px){html body .mobileWrapper .ctaSection .ctaContainer .textContainer p{font-size:1rem}}@media only screen and (max-width: 425px){html body .mobileWrapper .ctaSection .ctaContainer .textContainer p{width:90%;font-size:.8rem}}html body .mobileWrapper .ctaSection .ctaContainer .ctaButtons{width:30%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;gap:25px}html body .mobileWrapper .ctaSection .ctaContainer .ctaButtons a{padding:10px 30px;background-color:#f9b511;border:2px solid #fff;cursor:pointer;text-decoration:none}html body .mobileWrapper .ctaSection .ctaContainer .ctaButtons a:hover{transition:.2s;background-color:#fff;border:2px solid #f9b511}html body .mobileWrapper .ctaSection .ctaContainer .ctaButtons a:hover>span{color:#f9b511}html body .mobileWrapper .ctaSection .ctaContainer .ctaButtons a:hover>span>i{color:#f9b511}html body .mobileWrapper .ctaSection .ctaContainer .ctaButtons a span{text-transform:uppercase;color:#fff;text-decoration:none;font-family:"DinCondensedBold",sans-serif;font-size:1.5rem;column-gap:10px;display:flex;flex-direction:row;justify-content:center;align-items:center}html body .mobileWrapper .ctaSection .ctaContainer .ctaButtons a i{font-size:1.5rem;color:#fff}html body .mobileWrapper .maintenanceSection{width:100%;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column}html body .mobileWrapper .maintenanceSection .logoContainer{width:50%}@media only screen and (max-width: 1400px){html body .mobileWrapper .maintenanceSection .logoContainer{width:80%}}@media only screen and (max-width: 981px){html body .mobileWrapper .maintenanceSection .logoContainer{width:100%}}html body .mobileWrapper .maintenanceSection .logoContainer img{width:100%}html body .mobileWrapper .maintenanceSection p{font-size:3rem;color:#fff;width:100%;background-color:#302c57;padding:15px 0;margin:50px auto;text-align:center;text-transform:uppercase;font-family:"DinCondensedBold",sans-serif}@media only screen and (max-width: 981px){html body .mobileWrapper .maintenanceSection p{font-size:1.5rem}}html body .mobileWrapper .maintenanceSection .buttonContainer{width:30%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;gap:25px}html body .mobileWrapper .maintenanceSection .buttonContainer span{padding:10px 30px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#f9b511;border:2px solid #fff;column-gap:10px;cursor:pointer}html body .mobileWrapper .maintenanceSection .buttonContainer span:hover{transition:.2s;background-color:#fff;border:2px solid #f9b511}html body .mobileWrapper .maintenanceSection .buttonContainer span:hover>a{color:#f9b511}html body .mobileWrapper .maintenanceSection .buttonContainer span:hover>i{color:#f9b511}html body .mobileWrapper .maintenanceSection .buttonContainer span a{text-transform:uppercase;color:#fff;text-decoration:none;font-family:"DinCondensedBold",sans-serif;font-size:1.5rem}html body .mobileWrapper .maintenanceSection .buttonContainer span i{font-size:1.5rem;color:#fff}html body .mobileWrapper .benefitsSection{width:100%;margin:50px auto}html body .mobileWrapper .benefitsSection h2{font-size:3rem;color:#302c57;text-align:center;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase;margin:0;padding:25px 0px}@media only screen and (max-width: 981px){html body .mobileWrapper .benefitsSection h2{font-size:2rem}}html body .mobileWrapper .benefitsSection .benefitsCardContainer{width:60%;display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:auto;padding:50px 0px}@media only screen and (max-width: 1440px){html body .mobileWrapper .benefitsSection .benefitsCardContainer{width:70%}}@media only screen and (max-width: 981px){html body .mobileWrapper .benefitsSection .benefitsCardContainer{grid-template-columns:1fr 1fr;width:80%}}@media only screen and (max-width: 768px){html body .mobileWrapper .benefitsSection .benefitsCardContainer{grid-template-columns:1fr;width:70%}}@media only screen and (max-width: 425px){html body .mobileWrapper .benefitsSection .benefitsCardContainer{grid-template-columns:1fr;width:90%}}html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard{width:100%;text-align:center;padding:25px;background-color:#fff;-webkit-box-shadow:0px 3px 15px 5px rgba(0,0,0,.25);box-shadow:0px 3px 15px 5px rgba(0,0,0,.25);border-radius:10px}html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard::touch-action>i{animation:rotation 3s ease infinite;transition:.3s;color:#f9b511}html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard::touch-action>h3{transition:.3s;color:#f9b511}html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard:hover>i{animation:rotation 3s ease infinite;transition:.3s;color:#f9b511}html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard:hover>h3{transition:.3s;color:#f9b511}html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard i{color:#302c57;font-size:6rem}@media only screen and (max-width: 981px){html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard i{font-size:5rem;animation-fill-mode:forwards;animation:rotation 3s ease-in-out infinite;-webkit-animation-fill-mode:forwards}}@media only screen and (max-width: 425px){html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard i{font-size:4rem}}html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard h3{font-size:2rem;text-transform:uppercase;margin-top:25px;border-top:1px solid #302c57;color:#302c57;padding:25px 0px;font-family:"DinCondensedBold",sans-serif}@media only screen and (max-width: 981px){html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard h3{font-size:1.8rem}}@media only screen and (max-width: 425px){html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard h3{font-size:1.5rem}}html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard p{color:#302c57;text-align:center;font-size:1.1rem;line-height:2rem}@media only screen and (max-width: 425px){html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard p{font-size:1rem}}html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard ul{margin:0;padding:0}html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard ul li{border:1px solid #302c57;text-align:center;list-style:none;font-size:1.1rem;line-height:2rem;color:#302c57;margin-top:10px;padding:10px;border-radius:5px;font-family:"DinExpandedBold",sans-serif}@media only screen and (max-width: 425px){html body .mobileWrapper .benefitsSection .benefitsCardContainer .benefitsCard ul li{font-size:1rem}}html body .mobileWrapper .machineSection{width:100%;margin:50px auto}html body .mobileWrapper .machineSection h2{font-size:3rem;color:#302c57;text-align:center;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase;margin:0;padding:25px 0px}@media only screen and (max-width: 981px){html body .mobileWrapper .machineSection h2{font-size:2rem}}html body .mobileWrapper .machineSection .machineContainer{position:relative}html body .mobileWrapper .machineSection .machineContainer img{width:100%}html body .mobileWrapper .machineSection .machineContainer .infoContainer{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;place-items:center;width:60%;margin:50px auto}@media only screen and (max-width: 981px){html body .mobileWrapper .machineSection .machineContainer .infoContainer{width:80%;grid-template-columns:1fr 1fr}}@media only screen and (max-width: 768px){html body .mobileWrapper .machineSection .machineContainer .infoContainer{width:90%}}@media only screen and (max-width: 425px){html body .mobileWrapper .machineSection .machineContainer .infoContainer{grid-template-columns:1fr}}html body .mobileWrapper .machineSection .machineContainer .infoContainer .layerInformation{position:absolute;top:0;left:0;width:100%;background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column}html body .mobileWrapper .machineSection .machineContainer .infoContainer .layerInformation i{position:absolute;top:20px;right:20px;cursor:pointer}html body .mobileWrapper .machineSection .machineContainer .infoContainer .layerInformation p{font-size:1.5rem;text-align:center;line-height:2rem}@media only screen and (max-width: 981px){html body .mobileWrapper .machineSection .machineContainer .infoContainer .layerInformation p{font-size:1.3rem}}@media only screen and (max-width: 425px){html body .mobileWrapper .machineSection .machineContainer .infoContainer .layerInformation p{font-size:1rem}}html body .mobileWrapper .machineSection .machineContainer .infoContainer .features{width:100%;height:200px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;-webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,.15);box-shadow:0px 5px 5px 0px rgba(0,0,0,.15);border-radius:10px;background-color:#f9f9f9}@media only screen and (max-width: 981px){html body .mobileWrapper .machineSection .machineContainer .infoContainer .features{height:100px}}@media only screen and (max-width: 425px){html body .mobileWrapper .machineSection .machineContainer .infoContainer .features{height:50px}}html body .mobileWrapper .machineSection .machineContainer .infoContainer .features:nth-child(11){grid-column-start:1;grid-column-end:3}@media only screen and (max-width: 981px){html body .mobileWrapper .machineSection .machineContainer .infoContainer .features:nth-child(11){grid-column-start:unset;grid-column-end:unset}}@media only screen and (max-width: 981px){html body .mobileWrapper .machineSection .machineContainer .infoContainer .features:nth-child(12){grid-column-start:1;grid-column-end:3}}@media only screen and (max-width: 425px){html body .mobileWrapper .machineSection .machineContainer .infoContainer .features:nth-child(12){grid-column-start:unset;grid-column-end:unset}}html body .mobileWrapper .machineSection .machineContainer .infoContainer .features p{font-family:"DinCondensedBold",sans-serif;color:#302c57;font-size:1.5rem;text-transform:uppercase;text-align:center;padding:10px}@media only screen and (max-width: 981px){html body .mobileWrapper .machineSection .machineContainer .infoContainer .features p{font-size:1.3rem}}@media only screen and (max-width: 768px){html body .mobileWrapper .machineSection .machineContainer .infoContainer .features p{font-size:1rem}}html body .mobileWrapper .gallerySection{width:100%;background-color:#fff;margin:50px auto}html body .mobileWrapper .gallerySection h2{font-size:3rem;color:#302c57;text-align:center;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase;margin:0}@media only screen and (max-width: 981px){html body .mobileWrapper .gallerySection h2{font-size:2rem}}html body .mobileWrapper .gallerySection .row{display:grid;grid-template-columns:1fr 1fr 1fr;flex-wrap:wrap;padding:0 4px;margin:auto;width:60%;gap:20px;margin:50px auto;place-items:center}html body .mobileWrapper .gallerySection .row .container{position:relative;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}html body .mobileWrapper .gallerySection .row .container:hover>.layer{transition:.3s;width:100%;border-radius:25px}html body .mobileWrapper .gallerySection .row .container .layer{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;row-gap:15px;top:0;left:0;width:0%;height:100%;background-color:#f9b511;color:#302c57;overflow:hidden;text-transform:uppercase}html body .mobileWrapper .gallerySection .row .container .layer .line{height:2px;width:50px;background-color:#302c57}html body .mobileWrapper .gallerySection .row .container img{width:100%;border-radius:25px}@media screen and (max-width: 981px){html body .mobileWrapper .gallerySection .row{grid-template-columns:1fr 1fr;width:80%}}@media screen and (max-width: 425px){html body .mobileWrapper .gallerySection .row{grid-template-columns:1fr;width:70%}}html body .mobileWrapper .aboutSection{width:100%;margin:50px auto}html body .mobileWrapper .aboutSection h2{font-size:3rem;color:#302c57;text-align:center;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase;margin:0}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection h2{font-size:2rem}}html body .mobileWrapper .aboutSection .aboutContainer{display:grid;grid-template-columns:repeat(10, 1fr);width:60%;margin:50px auto;gap:15px}@media only screen and (max-width: 1024px){html body .mobileWrapper .aboutSection .aboutContainer{width:80%}}@media only screen and (max-width: 1024px){html body .mobileWrapper .aboutSection .aboutContainer{width:90%}}html body .mobileWrapper .aboutSection .aboutContainer .missionStatement{grid-column:1/4;padding:25px;display:flex;flex-direction:column;justify-content:center;background-color:#f9b511;border:1px solid #302c57}@media only screen and (max-width: 768px){html body .mobileWrapper .aboutSection .aboutContainer .missionStatement{grid-column:1/11}}html body .mobileWrapper .aboutSection .aboutContainer .missionStatement h3{font-size:2rem;color:#302c57;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .missionStatement h3{font-size:1.5rem}}html body .mobileWrapper .aboutSection .aboutContainer .missionStatement p{font-size:1.3rem;color:#302c57;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .missionStatement p{font-size:1rem}}html body .mobileWrapper .aboutSection .aboutContainer .companyStory{grid-column:4/11;padding:25px;display:flex;flex-direction:column;justify-content:center;background-color:#302c57;border:1px solid #f9b511}@media only screen and (max-width: 768px){html body .mobileWrapper .aboutSection .aboutContainer .companyStory{grid-column:1/11}}html body .mobileWrapper .aboutSection .aboutContainer .companyStory h3{font-size:2rem;color:#fff;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .companyStory h3{font-size:1.5rem}}html body .mobileWrapper .aboutSection .aboutContainer .companyStory p{font-size:1.3rem;color:#fff}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .companyStory p{font-size:1rem}}html body .mobileWrapper .aboutSection .aboutContainer .companyEvolution{grid-column:1/7;padding:25px;display:flex;flex-direction:column;justify-content:center;background-color:#fff;border:1px solid #302c57}@media only screen and (max-width: 768px){html body .mobileWrapper .aboutSection .aboutContainer .companyEvolution{grid-column:1/11}}html body .mobileWrapper .aboutSection .aboutContainer .companyEvolution h3{font-size:2rem;color:#302c57;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .companyEvolution h3{font-size:1.5rem}}html body .mobileWrapper .aboutSection .aboutContainer .companyEvolution p{font-size:1.3rem;color:#302c57}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .companyEvolution p{font-size:1rem}}html body .mobileWrapper .aboutSection .aboutContainer .companyTarget{grid-column:7/11;padding:25px;display:flex;flex-direction:column;justify-content:center;background-color:#f9b511;border:1px solid #302c57}@media only screen and (max-width: 768px){html body .mobileWrapper .aboutSection .aboutContainer .companyTarget{grid-column:1/11}}html body .mobileWrapper .aboutSection .aboutContainer .companyTarget h3{font-size:2rem;color:#fff;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .companyTarget h3{font-size:1.5rem}}html body .mobileWrapper .aboutSection .aboutContainer .companyTarget p{font-size:1.3rem;color:#fff}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .companyTarget p{font-size:1rem}}html body .mobileWrapper .aboutSection .aboutContainer .companyTarget ul{margin:0}html body .mobileWrapper .aboutSection .aboutContainer .companyTarget ul li{font-size:1.3rem;color:#fff}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .companyTarget ul li{font-size:1rem}}html body .mobileWrapper .aboutSection .aboutContainer .companyValues{grid-column:1/11;padding:25px;display:flex;flex-direction:column;justify-content:center;background-color:#302c57;border:1px solid #302c57}@media only screen and (max-width: 768px){html body .mobileWrapper .aboutSection .aboutContainer .companyValues{grid-column:1/11}}html body .mobileWrapper .aboutSection .aboutContainer .companyValues h3{font-size:2rem;color:#fff;font-family:"DinCondensedBold",sans-serif;text-transform:uppercase}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .companyValues h3{font-size:1.5rem}}html body .mobileWrapper .aboutSection .aboutContainer .companyValues p{font-size:1.3rem;color:#fff}@media only screen and (max-width: 981px){html body .mobileWrapper .aboutSection .aboutContainer .companyValues p{font-size:1rem}}/*# sourceMappingURL=app.css.map */