CINXE.COM
All materials | Protolabs Network
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>All materials | Protolabs Network</title> <link rel="dns-prefetch" href="//cdn.ravenjs.com"> <link rel="dns-prefetch" href="//services.thomasnet.com"> <link rel="dns-prefetch" href="//www.hubs.com"> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link rel="dns-prefetch" href="//connect.facebook.net"> <link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="/fonts/lineto/lineto-circular-book.woff2"> <link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="/fonts/lineto/lineto-circular-bold.woff2"> <link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://fonts.gstatic.com/s/materialicons/v67/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2"> <link rel="preload" href="//cdn.optimizely.com/js/20518229083.js" as="script"> <link rel="preconnect" href="//logx.optimizely.com"> <script src="https://cdn.optimizely.com/js/20518229083.js"></script> <style>@charset "UTF-8"; html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } a { background-color: transparent; } abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img, .content-cards-gallery .content-cards-gallery__slide .cnc-img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } button, input { /* 1 */ overflow: visible; } button, select { /* 1 */ text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } /* Reset padding and margin */ *, *::before, *::after { -webkit-font-smoothing: antialiased; box-sizing: border-box; margin: 0; padding: 0; } html, body { color: rgba(0, 0, 0, 0.69); font-family: "Lineto Circular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.4; margin: 0; height: 100%; position: relative; } body { font-size: 1rem; } img, .content-cards-gallery .content-cards-gallery__slide .cnc-img { border-radius: 3px; max-width: 100%; object-fit: contain; object-position: top; } a { color: #0071E3; } video { max-width: 100%; object-fit: cover; } blockquote { color: #0071E3; font-style: italic; margin: 2.5rem 0; } @media (min-width: 0px) { blockquote { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { blockquote { font-size: 1.125rem; line-height: unset; } } blockquote p { display: inline; font-family: "IBM Plex Mono", monospace; } figcaption { color: #707070; } .container a:not(.h3d-button), .container a:not(.h3d-button):visited { color: #0071E3; text-decoration: none; } .container a:not(.h3d-button):hover, .container a:not(.h3d-button):visited:hover { color: #2563BE; } .container .section--dark-grey a:not(.h3d-button), .container .section--dark-grey a:not(.h3d-button):visited { color: #4F90E2; } .section--black a, .section--black a:visited { color: #fff; } .container a:hover { color: #2563BE; } /* Vendor overides */ .cc-allow { background-color: #0071E3 !important; color: white; } /* This is because OptinMonster decides to set z-index: 777777777; and it covers the cookie consent banner. Thanks OptinMonster. */ /* There isn't any service OptinMonster at the current time, so I removed z-index: 999999999 !important; as it interfere with the mobile hamburger menu */ .cc-window { transition: none !important; } /* This is because Chrome wants to anchor the scroll based on content Scroll Anchoring keeps track of where you are on the page and prevents anything that causes a reflow from disrupting your position on the page. */ * { overflow-anchor: none !important; } li p { display: inline; } .icon { font-family: "Material Icons"; font-size: 1rem; font-weight: normal; font-style: normal; display: inline-block; line-height: 150%; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; user-select: none; } .icon--warn { color: #e66400; } .icon--danger { color: #cc0019; } .icon--success { color: #009669; } .icon--right { margin-left: 0.5rem; } .icon--left { margin-right: 0.5rem; } .icon--align-bottom { vertical-align: bottom; } .icon--align-middle { vertical-align: middle; } .icon--outline { color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000; } .icon--download { vertical-align: middle; } .icon:after { content: attr(data-icon); } h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { color: rgba(0, 0, 0, 0.85); font-weight: 500; } /* Use classes when, for example, you want the size of an h1 but structually an h4 */ @media (min-width: 0px) { h1, .h1 { font-size: 2.25rem; line-height: 120%; } } @media (min-width: 768px) { h1, .h1 { font-size: 3rem; line-height: 120%; } } h2, .h2 { margin-bottom: 2rem; } @media (min-width: 0px) { h2, .h2 { font-size: 1.5rem; line-height: 120%; } } @media (min-width: 768px) { h2, .h2 { font-size: 2rem; line-height: 120%; } } h3, .h3, h4, .h4 { margin-bottom: 1rem; } @media (min-width: 0px) { h3, .h3, h4, .h4 { font-size: 1rem; line-height: 120%; } } @media (min-width: 768px) { h3, .h3, h4, .h4 { font-size: 1.5rem; line-height: 120%; } } h5, .h5 { margin-bottom: 1rem; } @media (min-width: 0px) { h5, .h5 { font-size: 1rem; line-height: 120%; } } @media (min-width: 768px) { h5, .h5 { font-size: 1.25rem; line-height: 120%; } } .heading-icon { height: 1.6em; vertical-align: middle; margin-right: 0.5em; } /*Section black styling*/ .section--black h1, .section--black h2, .section--black h3, .section--black h4, .section--black h5, .section--dark-grey h1, .section--dark-grey h2, .section--dark-grey h3, .section--dark-grey h4, .section--dark-grey h5 { color: #fff; } .section--black .cta-subtitle, .section--dark-grey .cta-subtitle { max-width: 49rem; margin-top: -1rem; font-size: 1.125rem; line-height: 1.562rem; color: rgba(255, 255, 255, 0.62); } .section--black .cta-subtitle ul, .section--dark-grey .cta-subtitle ul { margin-left: 1rem; } @media (max-width: 480px) { .section--black .cta-subtitle, .section--dark-grey .cta-subtitle { font-size: 1rem; } } .h3d-grid { display: grid; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .h3d-grid--2 { grid-template-columns: repeat(2, 1fr); } .h3d-grid--2-1 { grid-template-columns: 2fr 1fr; } .h3d-grid--3 { grid-template-columns: repeat(3, 1fr); } .h3d-grid--4 { grid-template-columns: repeat(4, 1fr); } .h3d-grid--float { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } .h3d-grid--float-3 { grid-template-columns: repeat(auto-fill, minmax(263px, 1fr)); } /*Changes for extra large sections*/ .section--extra-large .h3d-grid--float-3 { grid-template-columns: repeat(auto-fill, minmax(368px, 1fr)); } .h3d-grid--float-6 { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } @media (max-width: 480px) { .h3d-grid--2:not(.h3d-grid--no-collapse) { grid-template-columns: repeat(1, 1fr); } .h3d-grid--3:not(.h3d-grid--no-collapse) { grid-template-columns: repeat(1, 1fr); } .h3d-grid--4:not(.h3d-grid--no-collapse) { grid-template-columns: repeat(1, 1fr); } } .h3d-grid-column--span-2 { grid-column: span 2; } .u-underline-none a { text-decoration: none; } .u-collapsing-flex { display: flex; } .u-collapsing-flex div { flex: 1; } .u-collapsing-flex div:first-of-type { padding-right: 2rem; } .u-collapsing-flex div:last-of-type { padding-left: 2rem; } .u-collapsing-flex div:not(:first-of-type):not(:last-of-type) { padding-right: 2rem; padding-left: 2rem; } @media (max-width: 768px) { .u-collapsing-flex { flex-direction: column; } .u-collapsing-flex div { padding-left: 0; } } .u-anchor-overlay { z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; user-select: none; color: transparent !important; } .u-hr-subtle { border: 0; border-top: 1px solid rgba(0, 0, 0, 0.13); } .u-margin-top-0 { margin-top: 0; } .u-margin-bottom-0 { margin-bottom: 0; } .u-text-center { text-align: center; } @media (min-width: 0px) { .u-text-large { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { .u-text-large { font-size: 1.125rem; line-height: unset; } } .u-text-small { font-size: 0.875rem; line-height: 20px; } .u-text-regular { font-weight: 400 !important; } .u-text-mono { font-family: "IBM Plex Mono", monospace; font-weight: 500; } .u-text-smooth, .section--black, .section--dark-grey { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .u-text-subtle { color: rgba(0, 0, 0, 0.56); } .section--black .u-text-subtle { color: rgba(255, 255, 255, 0.62) !important; } .u-text-subtle-on-black { color: rgba(255, 255, 255, 0.62) !important; } .u-text-black { color: #000; } .u-text-grey { color: rgba(255, 255, 255, 0.62); } .u-text-second-grey { color: rgba(255, 255, 255, 0.06); } .u-text-white { color: #fff !important; } .u-text-second-white { color: rgba(255, 255, 255, 0.62); } .u-text-yellow { color: #fbce03; } .u-text-green { color: #009669; } .u-border-subtle { border: 1px solid rgba(0, 0, 0, 0.13); } .u-border-bottom-subtle { border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.13); } .u-text-strong { font-weight: 500; } .u-text-right { text-align: right; } .u-text-primary { color: #0071E3 !important; } .u-link-unstyled { color: inherit; text-decoration: inherit; } .u-link-hover:hover { color: rgba(0, 0, 0, 0.56); } .section--black .u-text-primary { color: #fff; } .section--black, .section--dark-grey, .section--grey { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .u-width-100 { width: 100%; } .u-padding-0 { padding: 0; } .u-padding-1 { padding: 1rem; } .u-padding-4 { padding: 4rem; } .u-padding-1-5 { padding: 1.5rem; } .u-padding-top-0-5 { padding-top: 0.5rem; } .u-padding-top-1 { padding-top: 1rem; } .u-padding-top-1-5 { padding-top: 1.5rem; } .u-padding-top-2 { padding-top: 2rem; } .u-padding-top-3 { padding-top: 3rem; } .u-padding-top-4 { padding-top: 4rem; } .u-margin-top-0-5 { margin-top: 0.5rem; } .u-margin-top-1 { margin-top: 1rem; } .u-margin-top-1-5 { margin-top: 1.5rem; } .u-margin-top-2 { margin-top: 2rem; } .u-margin-top-2-5 { margin-top: 2.5rem; } .u-margin-top-3 { margin-top: 3rem; } .u-margin-top-4 { margin-top: 4rem; } .u-margin-top-6 { margin-top: 6rem; } .u-margin-top-6-5 { margin-top: 6.5rem; } .u-margin-top-8 { margin-top: 8rem; } .u-margin-top-10 { margin-top: 10rem; } .u-margin-left-0 { margin-left: 0; } .u-margin-left-1 { margin-left: 1rem; } .u-margin-left-2 { margin-left: 2rem; } .u-padding-bottom-1 { padding-bottom: 1rem; } .u-padding-bottom-2 { padding-bottom: 2rem; } .u-padding-bottom-3 { padding-bottom: 3rem; } .u-padding-bottom-4 { padding-bottom: 4rem; } .u-padding-bottom-9 { padding-bottom: 9rem; } .u-margin-bottom-auto { margin-bottom: auto; } .u-margin-bottom-half { margin-bottom: 0.5rem; } .u-margin-bottom-1 { margin-bottom: 1rem; } .u-margin-bottom-1-5 { margin-bottom: 1.5rem; } .u-margin-bottom-2 { margin-bottom: 2rem; } .u-margin-bottom-2-5 { margin-bottom: 2.5rem; } .u-margin-bottom-3 { margin-bottom: 3rem; } .u-margin-bottom-4 { margin-bottom: 4rem; } .u-margin-bottom-6-5 { margin-bottom: 6.5rem; } .u-margin-bottom-9 { margin-bottom: 9rem; } .u-margin-right-1 { margin-right: 1rem; } .u-margin-right-4 { margin-right: 4rem; } .u-margin-right-half { margin-right: 0.5rem; } .u-display-flex { display: flex; } .u-flex-column { display: flex; flex-direction: column; } .u-undecorated { text-decoration: none; } .u-background-black { background-color: #000; } .u-background-grey { background-color: rgba(255, 255, 255, 0.06); } .u-nowrap { white-space: nowrap; } .u-flex-1 { flex: 1; } .u-flex-2 { flex: 2; } .u-flex-3 { flex: 3; } .u-flex-9 { flex: 10; } .u-flex-10 { flex: 10; } .u-link { color: #0071E3; font-size: 0.75rem; font-weight: 500; text-decoration: none; padding: 0; } .u-icon-outline { padding: 0.5rem; border: 2px solid black; border-radius: 50%; } .u-icon-outline-white { padding: 0.5rem; border: 2px solid white; border-radius: 50%; } .u-max-width-subtitle { margin: 0 auto; max-width: 48rem; } @media only screen and (min-width: 768px) { .u-hidden-small-up { display: none !important; } } @media only screen and (max-width: 767px) { .u-hidden-small { display: none !important; } } @media only screen and (max-width: 767px) and (min-width: 0px) { .u-mobile-title { font-size: 1.5rem; line-height: 120%; } } @media only screen and (max-width: 767px) and (min-width: 768px) { .u-mobile-title { font-size: 2rem; line-height: 120%; } } @media only screen and (max-width: 1050px) { .u-padding-0-medium-down { padding: 0 !important; } } .u-vertical-align { vertical-align: middle; display: inline-block; } .u-horizontal-align-center { text-align: center; } .u-horizontal-align-center a { display: inline-block; text-align: center; } .u-pos-absolute { position: absolute; } .u-push-to-bottom { margin-top: auto; } .vertical-spacer { border-right: 1px solid rgba(0, 0, 0, 0.21); height: 5rem; margin-right: 50%; } @media only screen and (min-width: 1224px) { .vertical-spacer { height: 8rem; } } @media print { .u-hide-print { display: none; } } br.desktop, br.mobile { display: none; } @media (max-width: 480px) { .u-hide-mobile { display: none; } } @media (min-width: 481px) { .u-hide-tablet-up { display: none; } } @media (max-width: 1024px) { .u-show-desktop { display: none; } br.mobile { display: block; } } @media (min-width: 1025px) { .u-show-desktop { display: block; } .u-hide-desktop { display: none; } br.desktop { display: block; } } .u-hidden { display: none !important; } .util-text-extra-small { font-size: 0.875rem; line-height: 20px; } @media (min-width: 0px) { .util-text-small { font-size: 0.875rem; line-height: 20px; } } @media (min-width: 768px) { .util-text-small { font-size: 1rem; line-height: unset; } } @media (min-width: 0px) { .util-text-medium { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { .util-text-medium { font-size: 1.125rem; line-height: unset; } } @media (min-width: 0px) { .util-text-large { font-size: 1rem; } } @media (min-width: 768px) { .util-text-large { font-size: 1.25rem; } } @media (min-width: 0px) { .util-text-page-title { font-size: 1.5rem; line-height: 120%; } } @media (min-width: 768px) { .util-text-page-title { font-size: 3rem; line-height: 120%; } } @media (min-width: 0px) { .util-text-title { font-size: 1.5rem; line-height: 120%; } } @media (min-width: 768px) { .util-text-title { font-size: 2rem; line-height: 120%; } } @media (min-width: 0px) { .util-text-subtitle { font-size: 1rem; line-height: 120%; } } @media (min-width: 768px) { .util-text-subtitle { font-size: 1.5rem; line-height: 120%; } } .u-prevent-collapse { height: 1px; margin-top: -1px; } @media (max-width: 1024px) { .u-prevent-collapse { display: none; } } .i18n:not(.i18n--show) { display: none !important; } .i18n--show span:not(.show) { display: none !important; } .u-loading-spinner { display: inline-block; width: 25px; height: 25px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } } @font-face { font-family: "Lineto Circular"; src: url("/fonts/lineto/lineto-circular-bold.eot"); src: url("/fonts/lineto/lineto-circular-bold.eot?#iefix") format("embedded-opentype"); src: url("/fonts/lineto/lineto-circular-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-stretch: normal; font-display: swap; } @font-face { font-family: "Lineto Circular"; src: url("/fonts/lineto/lineto-circular-bold.eot"); src: url("/fonts/lineto/lineto-circular-bold.eot?#iefix") format("embedded-opentype"); src: url("/fonts/lineto/lineto-circular-bold.woff2") format("woff2"); font-weight: 500; font-style: normal; font-stretch: normal; font-display: swap; } @font-face { font-family: "Lineto Circular"; src: url("/fonts/lineto/lineto-circular-book.eot"); src: url("/fonts/lineto/lineto-circular-book.eot?#iefix") format("embedded-opentype"); src: url("/fonts/lineto/lineto-circular-book.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } .material-icons { font-size: 1.5rem; font-family: "Material Icons", sans-serif; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .material-icons-outlined { font-size: 1.5rem; font-family: "Material Icons Outlined", sans-serif; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .material-icons:after, .material-icons-outlined:after { content: attr(data-icon); } @font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 300; font-display: swap; src: local("IBM Plex Mono Light Italic"), local("IBMPlexMono-LightItalic"), url("../fonts/ibm_plex_mono/IBMPlexMono-LightItalic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: local("IBM Plex Mono Regular"), local("IBMPlexMono-Regular"), url("../fonts/ibm_plex_mono/IBMPlexMono-Regular.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap; src: local("IBM Plex Mono Semi Bold"), local("IBMPlexMono-SemiBold"), url("../fonts/ibm_plex_mono/IBMPlexMono-SemiBold.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .message-banner, #message-banner { font-size: 0.75rem; position: fixed; top: 0; left: 0; width: 100%; display: flex; justify-content: center; background-color: #E6F1FC; height: 2rem; transition-property: height; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); z-index: 99999; } #message-banner.message-banner.message-banner--primary, .message-banner.message-banner--primary { background-color: #27274d; border-top: 2px solid #4F90E2; } #message-banner.message-banner.message-banner--primary #message-banner__close, .message-banner.message-banner--primary #message-banner__close { color: #b9b9f9; } #message-banner.message-banner.message-banner--primary .message-banner__text, .message-banner.message-banner--primary .message-banner__text { color: #b9b9f9; } .message-banner__links { color: #E6F1FC; display: flex; height: 100%; position: absolute; right: 0; margin-right: 1.5rem; } .message-banner__links a { margin-right: 1rem; text-decoration: none; } #message-banner__close { position: absolute; padding: 0.5rem 1.05rem; right: 0; color: #262626; cursor: pointer; top: 50%; transform: translateY(-50%); } #message-banner__message { display: flex; align-items: center; } #message-banner__message a { color: #2563BE; } .message-banner__text { margin: auto 0; line-height: 100%; color: #262626; } .message-banner__text.message-banner__flags { display: flex; } .message-banner__text.message-banner__flags strong { vertical-align: middle; line-height: 15px; } .message-banner__text.message-banner__flags img, .message-banner__text.message-banner__flags .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .message-banner__text.message-banner__flags .cnc-img, .message-banner__text.message-banner__flags svg { height: 16px; margin-right: 0.5rem; } .message-banner__icon { font-size: 1.25rem; display: flex; align-items: center; justify-content: center; margin: auto 0; margin-right: 6px; padding-top: 3px; color: #262626; } .message-banner__text #cta { color: #2563BE; text-decoration: underline; } .phone-banner__opening-hours { font-weight: 100; color: rgba(255, 255, 255, 0.62); } .message-banner__text--phone p { display: inline-block; } @media (max-width: 767px) { .message-banner__icon { padding-top: 0; } .message-banner__text { max-width: 14.5rem; line-height: 1.1rem; } } @media (max-width: 480px) { .message-banner__text--phone p { display: block; } #message-banner { border-bottom: 1px solid rgba(0, 0, 0, 0.34); } } @media (max-width: 413px) { .message-banner, #message-banner { justify-content: left; } .message-banner__icon { margin-left: 0.6rem; margin-right: 0.6rem; } } @media screen and (max-width: 1200px) { .message-banner__links { display: none; } } .cc-message, .cc-btn { font-family: "Lineto Circular", sans-serif !important; font-weight: normal; font-size: 1rem; } .cc-compliance .cc-btn { border-color: black; } .important-banner { z-index: 10; background-color: #1F1F32; position: relative; height: 64px; display: flex; justify-content: center; align-content: stretch; } .important-banner #important-banner__message { color: #b9b9f9; display: flex; align-items: center; font-size: 0.875rem; } @media (max-width: 768px) { .important-banner #important-banner__message { width: 100%; } .important-banner #important-banner__message img, .important-banner #important-banner__message .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .important-banner #important-banner__message .cnc-img, .important-banner #important-banner__message svg { display: none; } } .important-banner #important-banner__message a { color: #b9b9f9; } @media (max-width: 768px) { .important-banner #important-banner__message a { display: block; margin: 0 !important; } } .important-banner #important-banner__close { position: absolute; padding: 0.5rem 1.05rem; right: 0; color: #b9b9f9; cursor: pointer; top: 50%; transform: translateY(-50%); } .important-banner #important-banner__close .icon { font-size: 1.5rem; } .h3d-navbar.is-scrolled .h3d-main-nav__panel { border: solid 1px rgba(0, 0, 0, 0.13); } .h3d-navbar .h3d-main-nav__panel { top: 7rem; } .navbar__menu--mobile-top .h3d-navbar__end { overflow: auto !important; } .h3d-main-nav__panel { display: flex; z-index: 100; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); overflow: hidden; left: 50%; background-color: white; width: 780px; transform: translateX(-50%); position: fixed; } @media (min-width: 1200px) { .h3d-main-nav__panel { transition: opacity .2s; } } .h3d-main-nav__panel.industry, .h3d-main-nav__panel.how-it-works, .h3d-main-nav__panel.resources, .h3d-main-nav__panel.about { width: 765px; min-height: 16rem; } .h3d-main-nav__panel.industry .inner-panel, .h3d-main-nav__panel.how-it-works .inner-panel, .h3d-main-nav__panel.resources .inner-panel, .h3d-main-nav__panel.about .inner-panel { flex: 1; } .h3d-main-nav__panel.industry .inner-panel > .panel-body, .h3d-main-nav__panel.how-it-works .inner-panel > .panel-body, .h3d-main-nav__panel.resources .inner-panel > .panel-body, .h3d-main-nav__panel.about .inner-panel > .panel-body { padding: 2rem; } .h3d-main-nav__panel.industry .inner-panel.inner-panel--blackbg, .h3d-main-nav__panel.how-it-works .inner-panel.inner-panel--blackbg, .h3d-main-nav__panel.resources .inner-panel.inner-panel--blackbg, .h3d-main-nav__panel.about .inner-panel.inner-panel--blackbg { flex: 0 1 18.875rem; } .h3d-main-nav__panel.industry, .h3d-main-nav__panel.about { width: 657px; } .h3d-main-nav__panel.industry .link, .h3d-main-nav__panel.about .link { max-width: 20rem; } .h3d-main-nav__panel.how-it-works { width: 75.70rem; } .h3d-main-nav__panel.how-it-works .link { height: 4.25rem; } @media (max-width: 1200px) { .h3d-main-nav__panel.how-it-works .link { height: min-content; margin: 0; padding: 0 0 .5rem 0; } } .h3d-main-nav__panel.how-it-works .link-list { padding: 1rem; } .h3d-main-nav__panel.how-it-works .link-list a { line-height: 1.25rem; } @media (max-width: 1200px) { .h3d-main-nav__panel.how-it-works .link-list { margin: 0; padding: 0; } } .h3d-main-nav__panel.capabilities { width: 76.68rem; height: 26.5rem; } @media (max-width: 1200px) { .h3d-main-nav__panel.capabilities { height: 25.5rem; } } .h3d-main-nav__panel.capabilities .inner-panel { flex: 0 1 28%; } .h3d-main-nav__panel.capabilities .inner-panel > .panel-body { padding: 3rem 1rem 2rem 3rem; } .h3d-main-nav__panel.capabilities .inner-panel--main { flex: 0 1 60%; } .h3d-main-nav__panel.capabilities .inner-panel--main .top--main { display: flex; } .h3d-main-nav__panel.capabilities .inner-panel--main .top--main .panel-body { margin-right: 1rem; } @media (max-width: 1200px) { .h3d-main-nav__panel.capabilities .inner-panel--main .top--main { display: block; } } .h3d-main-nav__panel.capabilities .inner-panel--main .bottom--main { margin-top: 3rem; display: flex; } .h3d-main-nav__panel.capabilities .inner-panel--main .bottom--main .panel-body { margin-right: 1rem; } @media (max-width: 1200px) { .h3d-main-nav__panel.capabilities .inner-panel--main .bottom--main { display: block; } } .h3d-main-nav__panel.capabilities .inner-panel--right { flex: 0 1 30%; } .h3d-main-nav__panel.capabilities .inner-panel--right .link-list { margin-right: auto; } .h3d-main-nav__panel.capabilities .inner-panel--right .split-list { display: flex; margin-top: 1.25rem; } .h3d-main-nav__panel.capabilities .inner-panel--right .panel-body--main { display: flex; } @media (max-width: 1200px) { .h3d-main-nav__panel.capabilities .inner-panel--right .panel-body--main { display: block; } .h3d-main-nav__panel.capabilities .inner-panel--right .panel-body--main .panel-body .link-list .link-list { margin-left: 0rem; } } .h3d-main-nav__panel.capabilities .top { display: flex; flex: 1; } .h3d-main-nav__panel.capabilities .top .top-left { flex-grow: 0.55; } .h3d-main-nav__panel.capabilities .top .top-right { width: 100%; } .h3d-main-nav__panel.capabilities .bottom { display: flex; flex: 1; margin-top: 3rem; } .h3d-main-nav__panel.capabilities .bottom .top-left { flex-grow: 0.8; } .h3d-main-nav__panel.capabilities .panel-body { width: 100%; } .h3d-main-nav__panel.capabilities .inner-panel-top-two-bottom { flex: 1; } @media (max-width: 1200px) { .h3d-main-nav__panel.capabilities { overflow: scroll; } } @media (min-width: 1199px) { .h3d-main-nav__panel.materials { width: 87rem; } .h3d-main-nav__panel.materials .inner-panel { flex: 0 1 17rem; } .h3d-main-nav__panel.materials .inner-panel > .panel-body { padding: 3rem 1rem 2rem 3rem; } .h3d-main-nav__panel.materials .inner-panel--double > .panel-body { padding: 3rem 1rem 2rem 3rem; } .h3d-main-nav__panel.materials .inner-panel--double > .panel-body:nth-child(2) { padding: 3rem 1rem 2rem 3rem; } .h3d-main-nav__panel.materials .inner-panel--top-bottom { display: flex; flex-direction: column; } .h3d-main-nav__panel.materials .inner-panel--top-bottom > .panel-body { padding: 3rem 5rem 8rem 3rem; } } @media (max-width: 1199px) { .h3d-main-nav__panel.materials { overflow: scroll; overflow-x: hidden; overflow-y: auto; display: block !important; height: calc(100vh - 28rem); -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); pointer-events: auto; } .h3d-main-nav__panel.materials .link-list .title { margin-bottom: 2.5rem; } } .h3d-main-nav__panel.materials .inner-panel.grow { flex: 1; display: flex; } .h3d-main-nav__panel.hidden { opacity: 0; height: 0; overflow: hidden; min-height: unset; pointer-events: none; transition: unset; } .h3d-main-nav__panel .inner-panel { flex: 1; position: relative; } .h3d-main-nav__panel .inner-panel .panel-body { display: inline-block; } .h3d-main-nav__panel .inner-panel.inner-panel--blackbg { background-color: black; } .h3d-main-nav__panel .inner-panel--border-right { border-right: solid 1px rgba(0, 0, 0, 0.13); } .h3d-main-nav__panel .inner-panel-top-two-bottom .top { display: flex; } .h3d-main-nav__panel .inner-panel-top-two-bottom .top-left { border-right: solid 1px rgba(0, 0, 0, 0.13); padding: 3rem; flex: 0 1 50%; } .h3d-main-nav__panel .inner-panel-top-two-bottom .top-right { padding: 3rem; flex: 0 1 50%; } .h3d-main-nav__panel .inner-panel-top-two-bottom .bottom { border-top: solid 1px rgba(0, 0, 0, 0.13); padding: 3rem; } .h3d-main-nav__panel .inner-panel > .panel-title { padding: 3rem; z-index: 1; position: relative; } .h3d-main-nav__panel .panel-title .title { font-size: 24px; color: white; margin-bottom: 1rem; } .h3d-main-nav__panel .panel-title .subtitle { font-size: 16px; color: rgba(255, 255, 255, 0.62); } .h3d-main-nav__panel .inner-panel .background-image { width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: center center; z-index: 0; top: 0; left: 0; } .h3d-main-nav__panel .link { display: block; margin-bottom: .25rem; text-decoration: none; width: 100%; max-width: 15rem; padding: .5rem 1rem; } .h3d-main-nav__panel .link__title { font-size: 14px; color: #000; margin-bottom: 0rem; } .h3d-main-nav__panel .link__description { font-size: 0.75rem; line-height: 1rem; color: rgba(0, 0, 0, 0.69); } @media (min-width: 1200px) { .h3d-main-nav__panel .link:hover { background-color: #E6F1FC; } .h3d-main-nav__panel .link:hover .link__title { color: #0071E3; } .h3d-main-nav__panel .link:hover .link__description { color: #4F90E2; } } .h3d-main-nav__panel .link-list { font-size: 14px; margin-left: -1rem; } .h3d-main-nav__panel .link-list .split-list { display: flex; } .h3d-main-nav__panel .link-list .split-list > * { flex: 0 1 50%; } .h3d-main-nav__panel .link-list--margin-top { margin-top: 3rem; } .h3d-main-nav__panel .link-list .title { font-size: 0.75rem; color: rgba(0, 0, 0, 0.34); font-weight: bold; margin-bottom: 1rem; margin-left: 1rem; } .h3d-main-nav__panel .link-list a { font-size: 0.875rem; line-height: 0.875rem; text-decoration: none; color: black; margin-bottom: 0.125rem; display: block; padding: .5rem 1rem .5rem 1rem; } .h3d-main-nav__panel .link-list a.disabled { pointer-events: none; color: rgba(0, 0, 0, 0.56); } .h3d-main-nav__panel .link-list a .count { font-size: 0.75rem; color: rgba(0, 0, 0, 0.56); margin-left: .25rem; } .h3d-main-nav__panel .link-list a span { margin-left: .5rem; color: #2563BE; background-color: #E6F1FC; border-radius: .18rem; padding: 0 .25rem; } .h3d-main-nav__panel .link-list .subtitle-link { margin-bottom: 1.25rem; } @media (min-width: 1200px) { .h3d-main-nav__panel .link-list a:hover { background-color: #E6F1FC; color: #2563BE; } } @media (max-width: 1199px) { .inner-panel--blackbg { display: none; } .h3d-navbar__main-links { flex-direction: column; display: flex; } .h3d-navbar__main-links.open .h3d-navbar__link--main-link:not(.open) { display: none; } .h3d-navbar__main-links > a { padding: 1rem 0; color: #000; font-size: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.13); } .h3d-navbar__main-links > a .material-icons.after { position: absolute; right: 1rem; font-size: 1.25rem; margin-top: 1px; display: inline; transition: transform .25s; } .h3d-navbar__main-links > a .material-icons.before { display: none; } .h3d-navbar__main-links > a.open { display: block; background: white; width: 100%; } .h3d-navbar__main-links > a.open .material-icons.after { display: none; } .h3d-navbar__main-links > a.open .title { margin-left: 2rem; } .h3d-navbar__main-links > a.open .material-icons.before { display: inline-block; transform: rotate(180deg); font-size: 1.25rem; margin-top: 1px; position: absolute; } .h3d-navbar__main-links > a.open .subtitle { display: block; } .h3d-main-nav__panel { width: 100% !important; min-height: unset !important; position: static; transform: unset; box-shadow: unset; border-bottom: 1px solid rgba(0, 0, 0, 0.13); flex-direction: column; border-top: 1px solid white; margin-top: -1px; } .h3d-main-nav__panel:not(.hidden) { padding-bottom: .5rem; } .h3d-main-nav__panel .inner-panel > .panel-body { padding: 0 !important; display: block; } .h3d-main-nav__panel .inner-panel--border-right { border-right: 0; } .h3d-main-nav__panel .inner-panel { flex-direction: column; } .h3d-main-nav__panel .inner-panel-top-two-bottom .top { flex-direction: column; } .h3d-main-nav__panel .inner-panel-top-two-bottom .top .top-left, .h3d-main-nav__panel .inner-panel-top-two-bottom .top .top-right { padding: 0; border: 0; } .h3d-main-nav__panel .inner-panel-top-two-bottom .bottom { border-top: unset; padding: 0; } .h3d-main-nav__panel .link { margin-bottom: .5rem; padding: 0; } .h3d-main-nav__panel .link-title { font-size: 16px; } .h3d-main-nav__panel .link__description { display: none; } .h3d-main-nav__panel .link-list { margin-top: 2rem; } .h3d-main-nav__panel .link-list .split-list { display: block; } .h3d-main-nav__panel .link-list .title { margin-bottom: 0; font-weight: normal; } .h3d-main-nav__panel .link-list .title.hidden-on-mobile { display: none; } .h3d-main-nav__panel .inner-panel:not(.inner-panel--blackbg):nth-child(2) .link-list { margin-top: 0; } .h3d-navbar .h3d-navbar__menu.is-active { position: relative; top: 0; left: 0; padding: 0; height: calc(100vh - 55px); } .navbar__menu--mobile-top .h3d-navbar__end { position: relative; top: 0 !important; } } .h3d-navbar { background: #000; min-height: 64px; transition: top 0.2s linear; z-index: 9999; } .h3d-navbar * { text-decoration: none; } @media screen and (max-width: 1199px) { .h3d-navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } } .h3d-navbar.is-active { background: #000; position: fixed; top: 0; left: 0; right: 0; } .h3d-navbar__primary-cta.h3d-button { margin-left: auto; display: none; } @media screen and (max-width: 767px) { .h3d-navbar__primary-cta.h3d-button { margin-left: auto; } } @media screen and (max-width: 1199px) { .h3d-navbar__primary-cta.h3d-button { display: flex; align-items: center; height: 40px; } } .h3d-navbar__item { position: relative; justify-content: space-around; min-width: 5.25rem; display: block; } .h3d-navbar__item--4-columns { flex-basis: 25%; margin-top: 1.25rem; } @media screen and (max-width: 1199px) { .h3d-navbar__item--4-columns:first-of-type { margin-top: 0; } } @media screen and (max-width: 1350px) and (min-width: 1200px) { .h3d-navbar__item--4-columns { flex-basis: 33%; } } .h3d-navbar__item--flex { width: 100%; } @media screen and (max-width: 1199px) { .h3d-navbar__item--flex { padding-top: 3.5rem; } } @media screen and (min-width: 1200px) { .h3d-navbar__item--flex { display: flex; flex-grow: 0; } } @media screen and (min-width: 1200px) { .h3d-navbar__item--mobile { display: none; } } @media screen and (min-width: 1200px) { .h3d-navbar__item { position: static; } } @media screen and (max-width: 1305px) { span.h3d-navbar__item--hide { display: none; } } .h3d-navbar__item--cta1 { padding: 0 4px 0 16px; font-weight: 500; } .h3d-navbar__item--cta2 { padding: 0 16px 0 4px; font-weight: 500; } .h3d-navbar__link { color: #fff; line-height: 1.5rem; text-decoration: none; outline: none; cursor: pointer; } .h3d-navbar__link--flag { align-items: center; } .h3d-navbar__link--pre-title { color: rgba(255, 255, 255, 0.38); margin: 1rem 0 0.5rem 0; } @media (min-width: 0px) { .h3d-navbar__link--pre-title { font-size: 0.75rem; line-height: 17px; } } @media (min-width: 768px) { .h3d-navbar__link--pre-title { font-size: 0.875rem; line-height: 20px; } } .h3d-navbar__link--pre-title:first-child { margin-top: 0.5rem; } @media screen and (min-width: 1200px) { .h3d-navbar__link--pre-title:first-child { margin-top: 0; } } .h3d-navbar__link--grey { color: rgba(255, 255, 255, 0.38); } .h3d-navbar__link--with-image { align-items: center; background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; color: white; display: flex; font-size: 20px; justify-content: space-between; padding: 0 0.5rem 0 1rem; margin-bottom: 0.5rem; text-decoration: none; height: 5.1875rem; transition: background-color 0.2s; } @media screen and (max-width: 1199px) { .h3d-navbar__link--with-image { font-size: 0.875rem; height: auto; } .h3d-navbar__link--with-image:first-child { margin-top: 1rem; } .h3d-navbar__link--with-image:last-child { margin-bottom: 1rem; } } .h3d-navbar__link--with-image:hover { background-color: rgba(255, 255, 255, 0.15); } .h3d-navbar__link-text { flex: 1; } .h3d-navbar__link-image { flex-basis: 6rem; margin: 0.5rem 0 0.5rem 1rem; height: 4.8125rem; width: 5.5rem; } .h3d-navbar__logo { fill: #fff; stroke: none; } @media (max-width: 768px) { .h3d-navbar__logo { width: 140px; } } .h3d-navbar.is-fixed { position: fixed; top: 32px; left: 0; right: 0; } .h3d-navbar__brand { min-height: 64px; display: flex; align-items: center; margin-left: 1rem; z-index: 1; } .h3d-navbar__brand .h3d-navbar__logo--mobile { display: none; } @media screen and (max-width: 1199px) { .h3d-navbar__brand .h3d-navbar__logo--mobile { display: block; font-weight: 500; color: white; letter-spacing: 0.5px; } } .h3d-navbar__hamburger.icon { color: white; display: none; font-size: 1.5rem; margin-right: 1rem; margin-left: 0.5rem; z-index: 120000; } .h3d-navbar__hamburger.icon svg { fill: white; } .h3d-navbar__hamburger.icon svg#menu { display: block; } .h3d-navbar__hamburger.icon svg#close { display: none; } .h3d-navbar__hamburger.icon.is-active svg#menu { display: none; } .h3d-navbar__hamburger.icon.is-active svg#close { display: block; } .h3d-navbar__divider { display: none; } .h3d-navbar__user-avatar { height: 2rem; border-radius: 50%; display: block; float: left; } .h3d-navbar__user { margin: 1.5rem 0.75rem 0.75rem 0.75rem; display: flex; } .h3d-navbar__user-details { color: rgba(0, 0, 0, 0.85); font-weight: 450; font-size: 0.875rem; line-height: 20px; line-height: 100%; overflow-x: hidden; } .h3d-navbar__user-details .user-team { margin-top: .5rem; padding-bottom: .1rem; display: flex; flex-direction: row; align-items: flex-start; } .h3d-navbar__user-details div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .h3d-navbar__user-email { margin-top: 0.375rem; color: rgba(0, 0, 0, 0.34); font-size: 0.75rem; } .h3d-navbar__user-name { color: #000; font-weight: 500; } .h3d-navbar__user-avatar { width: 2rem; height: 2rem; border-radius: 50%; } .h3d-navbar__user-avatar.material-icons { font-size: 2rem; color: transparent; width: 2rem; height: 2rem; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.62); line-height: normal; } .h3d-navbar__dropdown { display: none; pointer-events: all; } @media screen and (max-width: 1305px) { .h3d-navbar__dropdown .material-icons { font-size: 1rem; margin-right: .25rem; } } .detail__item--show .h3d-navbar__dropdown, .is-clickable.is-clicked .h3d-navbar__dropdown { display: block; } .h3d-navbar.is-fixed .h3d-navbar__dropdown-panel { top: 4rem; } .h3d-navbar__dropdown-panel { display: flex; position: absolute; left: 0; height: 28rem; z-index: 100; } .h3d-navbar__dropdown-panel .h3d-navbar__panel-nav { flex: 0; flex-shrink: 0; flex-basis: 100%; } @media screen and (min-width: 1200px) { .h3d-navbar__dropdown-panel .h3d-navbar__panel-nav { flex-basis: 25rem; border-right: 1px solid rgba(255, 255, 255, 0.15); padding: 2rem 2rem 2rem 0; } } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail { flex: 1; } @media screen and (min-width: 1200px) { .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail { padding: 2rem 0 2rem 2rem; } } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item { display: none; } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item-article { padding: 0 1rem; } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item-article a { text-decoration: none; } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item-article img, .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item-article .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item-article .cnc-img { object-fit: cover; width: 432px; height: 274px; background: #262626; } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item-article p { margin: 1rem 0; font-weight: 500; color: #fff; } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item-article:hover p { color: rgba(255, 255, 255, 0.62); } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item.detail__item--show ~ .detail__item--default { display: none; } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item--default, .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item.detail__item--show { display: flex; flex-wrap: wrap; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: black; } @media screen and (max-width: 1199px) { .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item--default, .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item.detail__item--show { overflow: scroll; padding-top: 0.5rem; } } @media screen and (min-width: 1200px) { .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item--default, .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item.detail__item--show { position: static; } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item--default > *, .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item.detail__item--show > * { flex: 1; flex-basis: 50%; flex-direction: column; flex-shrink: 0; } .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item--default > .h3d-navbar__item--4-columns, .h3d-navbar__dropdown-panel .h3d-navbar__panel-detail .detail__item.detail__item--show > .h3d-navbar__item--4-columns { flex-basis: 25%; } } .h3d-navbar__banner-wrapper { float: right; color: white; align-self: flex-end; margin-left: auto; margin-right: 1rem; } @media screen and (max-width: 1199px) { .h3d-navbar__banner-wrapper { margin-right: 0; } } .is-clicked .h3d-navbar__dropdown-panel { display: flex; justify-content: flex-start; } @media (max-width: 1199px) { .h3d-navbar__panel-detail .detail__item.detail__item--default { display: none; } .h3d-navbar { min-height: 55px; } .h3d-navbar__brand { min-height: 55px; } .detail__item-article { display: none; } .h3d-navbar .message-banner { margin: 0 -1rem; padding: 0.75rem 1rem; } .h3d-navbar__dropdown-panel { position: static; height: auto; } .h3d-navbar__link.has-arrow { color: rgba(255, 255, 255, 0.86); font-weight: 400; } .h3d-navbar__dropdown-panel-section { width: 100%; } .h3d-navbar__link--expand::after, .h3d-navbar__link.has-arrow::after { border: 2px solid rgba(255, 255, 255, 0.86); border-right: 0; border-top: 0; content: " "; display: block; height: 0.7em; pointer-events: none; position: absolute; transform: rotate(-45deg); transition: transform 0.2s; width: 0.7em; margin-top: -0.4em; right: 0.5rem; top: 50%; } .is-clicked > .h3d-navbar__link--expand::after { transform: rotate(-225deg); top: 3%; display: block; } .is-clicked .h3d-navbar__link.has-arrow::after { display: none; } .is-clickable.is-clicked:not(.h3d-navbar__item--dropdown) { display: block; position: fixed; top: 0; left: 0; right: 0; height: 100%; background: #000; z-index: 1; margin: 0; } .detail__item .h3d-navbar__link.h3d-navbar__link--title::before, .is-clickable.is-clicked > .h3d-navbar__link.has-arrow::before { font-family: "Material Icons"; content: "chevron_left"; position: fixed; left: 0.4rem; font-size: 1.6rem; } .detail__item .h3d-navbar__link.h3d-navbar__link--title, .is-clickable.is-clicked > .h3d-navbar__link.has-arrow { font-size: 16px; font-weight: 500; text-align: center; padding: 1.1rem; left: 0; top: 0; position: fixed; width: 100%; background: black; z-index: 1000; border-bottom: 1px solid #595959; cursor: pointer; } .detail__item--show .h3d-navbar__dropdown-card, .is-clickable.is-clicked .h3d-navbar__dropdown-card { min-height: 100%; overflow: scroll; padding: 0 1rem; margin-top: 0.75rem; } .is-clickable.is-clicked .h3d-navbar__dropdown { min-height: 100%; overflow: scroll; } .h3d-navbar__link.h3d-navbar__link--flag { display: flex; align-items: center; color: #fff; } .h3d-navbar__link.h3d-navbar__link--flag img, .h3d-navbar__link.h3d-navbar__link--flag .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .h3d-navbar__link.h3d-navbar__link--flag .cnc-img, .h3d-navbar__link.h3d-navbar__link--flag svg { margin-right: 0.5rem; height: 15px; } .h3d-navbar__account { display: none !important; } .icon.h3d-navbar__hamburger { display: block; } } @media (max-width: 1199px) and (min-width: 0px) { .h3d-navbar__link { font-size: 0.875rem; line-height: 20px; } } @media (max-width: 1199px) and (min-width: 768px) { .h3d-navbar__link { font-size: 1rem; line-height: unset; } } @media (max-width: 1199px) { .h3d-navbar__divider { display: block; border: none; height: 1px; background-color: rgba(255, 255, 255, 0.38); } .h3d-navbar__link { padding: 0; color: black; } .language-picker .h3d-navbar__link, .language-picker .h3d-navbar__link--title { color: white; } .h3d-navbar__link--main-link { font-weight: 500; text-decoration: none; } .h3d-navbar__link--main-link .subtitle { display: none; font-size: 0.875rem; color: #707070; font-weight: normal; margin: .5rem 0; } .h3d-navbar__link.h3d-navbar__link--offset { display: block; margin-top: 1rem; margin-bottom: -0.5rem; } .h3d-navbar__item--cta1, .h3d-navbar__item--cta2 { display: none; } .h3d-navbar__dropdown .h3d-navbar__item { margin: 0.5rem 0; } .h3d-navbar__dropdown .h3d-navbar__item--spaced { margin: 1.5rem 0; } .h3d-navbar__dropdown .h3d-navbar__item small { display: none; } .h3d-navbar__item { padding: 0; margin: 1rem 0; width: 100%; } .h3d-navbar__item--narrow { padding: 0; margin: 0.5rem 0; } .h3d-navbar__menu { display: none; padding: 0 1rem; } .h3d-navbar__menu.is-active { display: flex; position: fixed; top: 56px; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999; flex-direction: column; justify-content: space-between; } .h3d-navbar__menu.is-active:not(.no-overflow) { overflow: scroll; } #navbar__menu:after { content: ""; position: fixed; height: 4rem; top: auto; left: 0; right: 0; bottom: 0; z-index: 3; pointer-events: none; } #h3d-navbar__user .h3d-navbar__dropdown { display: block; } .h3d-navbar__user { margin: 0; } .h3d-navbar__panel-link { text-decoration: none; color: #fff; } .h3d-navbar__user-email { font-size: 0.875rem; line-height: 20px; color: rgba(0, 0, 0, 0.34); } .h3d-navbar__user-name { color: #000; } } @media (max-width: 1199px) and (min-width: 0px) { .h3d-navbar__user-name { font-size: 0.875rem; line-height: 20px; } } @media (max-width: 1199px) and (min-width: 768px) { .h3d-navbar__user-name { font-size: 1rem; line-height: unset; } } @media (max-width: 1199px) { .navbar__menu--mobile-top .h3d-navbar__end { top: 56px; max-height: calc(100vh - 17.5rem); overflow: scroll; } .h3d-navbar__end { display: block; height: auto; background-color: white; position: fixed; width: 100%; bottom: 0; left: 0; padding-left: 1rem; padding-right: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.13); } .h3d-navbar__end .h3d-navbar__book-a-demo { position: absolute; right: 0; bottom: 4.75rem; } } @media (min-width: 1200px) { .h3d-navbar__link:hover, .h3d-navbar__link:active { color: rgba(255, 255, 255, 0.62); } .h3d-navbar__link--hide-desktop { display: none; } .h3d-navbar__panel-detail { display: flex; } .h3d-navbar__main-links { position: absolute; display: flex; left: 0; justify-content: center; flex-grow: 1; width: 100%; } .h3d-navbar__main-links .h3d-navbar__link--main-link { color: #fff; text-decoration: none; font-weight: 500; text-align: center; margin: 0 1rem; padding: 0 1rem; transition: border-bottom-color 0.25s; height: 67px; display: flex; align-items: center; pointer-events: all; } .h3d-navbar__main-links .h3d-navbar__link--main-link > .material-icons, .h3d-navbar__main-links .h3d-navbar__link--main-link > .subtitle { display: none; } .h3d-navbar__main-links .h3d-navbar__link--main-link:hover, .h3d-navbar__main-links .h3d-navbar__link--main-link.open { box-shadow: 0px -3px 0px #0071E3 inset; } .is-clicked > .h3d-navbar__link--expand { border-bottom: 2px solid #0071E3; } .h3d-navbar, .h3d-navbar__menu, .h3d-navbar__end { align-items: stretch; display: flex; } .h3d-navbar .message-banner, .h3d-navbar__menu .message-banner, .h3d-navbar__end .message-banner { display: none; } .navbar__menu--mobile-top { display: flex; flex-grow: 1; } .navbar__menu--mobile-top .h3d-navbar__end { align-self: center; align-items: center; } .h3d-navbar__end.navbar__menu--mobile-bottom { flex-grow: 0; } .h3d-navbar__brand { flex-grow: 0; flex-shrink: 1; } .h3d-navbar__menu, .h3d-navbar__end { flex-grow: 1; flex-shrink: 0; } .h3d-navbar__end { justify-content: flex-end; margin-left: auto; } .h3d-navbar__dropdown-panel .h3d-navbar__link:not(.h3d-navbar__link--main-link).h3d-navbar__link--title { margin-top: 0; color: rgba(255, 255, 255, 0.38); } } @media (min-width: 1200px) and (min-width: 0px) { .h3d-navbar__dropdown-panel .h3d-navbar__link:not(.h3d-navbar__link--main-link).h3d-navbar__link--title { font-size: 0.75rem; line-height: 17px; } } @media (min-width: 1200px) and (min-width: 768px) { .h3d-navbar__dropdown-panel .h3d-navbar__link:not(.h3d-navbar__link--main-link).h3d-navbar__link--title { font-size: 0.875rem; line-height: 20px; } } @media (min-width: 1200px) { .h3d-navbar__dropdown { left: 0; min-width: 100%; z-index: 1001; cursor: default; } .h3d-navbar__dropdown--offset-top { top: 2.5rem; } .h3d-navbar__dropdown--floating { background: white; border-radius: 3px; left: unset; min-width: unset; position: absolute; right: 1rem; z-index: 2; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card { display: block; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .border { border-top: 1px solid rgba(0, 0, 0, 0.13); width: 10.5rem; margin: 0 auto 0 auto; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .h3d-navbar__link { color: rgba(0, 0, 0, 0.69); margin: 0; padding: .75rem 1rem .75rem 1rem; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .h3d-navbar__link--narrow { padding-top: 0.5rem; padding-bottom: 0.5rem; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .h3d-navbar__link--flag { font-size: 0.875rem; display: flex; justify-content: flex-start; padding: 0.75rem; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .h3d-navbar__link--flag:first-child { margin-top: 0.5rem; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .h3d-navbar__link--flag:last-child { margin-bottom: 0.5rem; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .h3d-navbar__link--flag img, .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .h3d-navbar__link--flag .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .h3d-navbar__link--flag .cnc-img { width: 1.5rem; height: 1.5rem; margin-right: 0.75rem; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .h3d-navbar__link:hover { color: #2563BE; background-color: #E6F1FC; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .h3d-navbar__item:last-of-type { margin-bottom: 0rem; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .top-link { margin-top: .75rem; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .bottom-link { margin-bottom: .75rem; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .has-icon { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .material-icons { font-size: 12px; } .h3d-navbar__dropdown--floating .h3d-navbar__dropdown-card .team { margin-right: .25rem; font-size: .9rem; } .is-clickable { cursor: pointer; } .h3d-navbar__dropdown.is-right { left: auto; right: 2.6rem; } .h3d-navbar__dropdown.is-right .h3d-navbar__dropdown-card { border-radius: 0 0 0 3px; } .h3d-navbar__dropdown-card { display: flex; flex-wrap: wrap; color: white; } .h3d-navbar__dropdown-card--extra-margin { margin-top: -1.25rem; } .h3d-navbar__dropdown-panel { background: #000; border-top: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5); width: 100%; } .h3d-navbar__dropdown-panel-section { display: flex; margin: 0 auto; width: 100%; max-width: 85rem; } .h3d-navbar__dropdown-card .h3d-navbar__item { margin: 1rem 0; } .h3d-navbar__dropdown-panel .h3d-navbar__dropdown-card .h3d-navbar__item { margin: 0.5rem 0; line-height: 1rem; } .h3d-navbar__dropdown-panel .h3d-navbar__dropdown-card .h3d-navbar__item--spaced { margin: 1.5rem 0; } .h3d-navbar__dropdown-card .h3d-navbar__item { font-size: 0.875rem; min-width: 12rem; white-space: nowrap; display: block; } .h3d-navbar__dropdown-card .h3d-navbar__item:first-of-type { margin-top: 0.75rem; } .h3d-navbar__dropdown-card .h3d-navbar__item:last-of-type { margin-bottom: 0.75rem; } .h3d-navbar__dropdown-panel .h3d-navbar__dropdown-card .h3d-navbar__link { font-size: 14px; } .h3d-navbar__dropdown-panel .h3d-navbar__dropdown-card .h3d-navbar__link:hover { color: rgba(0, 0, 0, 0.77); } .h3d-navbar__dropdown-card .h3d-navbar__divider { display: block; border: none; height: 1px; background-color: rgba(0, 0, 0, 0.13); margin: 0 0.75rem; } .h3d-navbar__dropdown-card .h3d-navbar__user-avatar.material-icons { -webkit-text-stroke-color: rgba(0, 0, 0, 0.77); } .h3d-navbar__dropdown-panel .h3d-navbar__link:not(.h3d-navbar__link--main-link) { font-size: 19px; margin-top: 0.5rem; } .h3d-navbar__panel-link { text-decoration: none; color: white; } .h3d-navbar__panel-link:hover { color: rgba(255, 255, 255, 0.62); } .h3d-button--s.h3d-navbar__link--button { font-size: 0.875rem; display: flex; align-items: center; } .h3d-navbar__link--button:hover { border-color: #fff; } .h3d-navbar__link.has-arrow { padding-right: 1.2em; } .h3d-navbar__link.has-arrow::after { border: 1px solid rgba(255, 255, 255, 0.62); border-right: 0; border-top: 0; content: " "; display: none; height: 0.5em; pointer-events: none; position: absolute; transform: rotate(-45deg); width: 0.5em; margin-top: -0.4em; right: 1.125em; top: 50%; } #h3d-navbar__user { align-self: center; padding-left: 0.5rem; min-width: auto; padding-right: 1.5rem; position: relative; } .h3d-navbar__book-a-demo.h3d-button--s.h3d-navbar__link--button { display: none; } .h3d-navbar__link.h3d-navbar__link--title.has-arrow.close { pointer-events: none; cursor: initial; } } #popup-banner-container { position: fixed; bottom: -13.75rem; display: flex; flex-direction: column; left: 1rem; border-radius: 3px; z-index: 999; width: 25rem; padding: 1.5rem; transition: all 250ms ease-out; background-color: #E6F1FC; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); } #popup-banner-container #close-icon { position: absolute; top: .5rem; right: .5rem; margin-left: auto; cursor: pointer; } #popup-banner-container .controls { margin-top: 1rem; display: flex; align-items: center; margin-left: auto; } #popup-banner-container .controls button, #popup-banner-container .controls a { font-weight: bold; } #popup-banner-container .controls #learn-more { margin-left: .5rem; } #popup-banner-container .title { width: 90%; font-size: 1.25rem; font-weight: bold; line-height: 1.75rem; color: rgba(0, 0, 0, 0.85); margin-bottom: 0.25rem; } #popup-banner-container .text { line-height: 1.5rem; color: rgba(0, 0, 0, 0.56); } #popup-banner-container .controls { display: flex; align-items: center; margin-left: auto; } #popup-banner-container .controls #expand-button { margin-right: 8px; display: none; } @media screen and (max-width: 480px) { #popup-banner-container { display: none; } } .h3d-button-section-container { display: flex; justify-content: center; margin: 3.5rem 0 0 0; } @media screen and (max-width: 768px) { .h3d-button-section-container { margin: 2rem 0 0 0; } } .h3d-button-section-container .outline-gray { background-color: transparent; color: rgba(0, 0, 0, 0.69); border: 1px solid rgba(0, 0, 0, 0.13); padding: .6rem 1rem .6rem 1rem; line-height: 1.2rem; font-size: .875rem; display: flex; } .h3d-button-section-container .outline-gray .custom-size { font-size: 1rem; margin: auto; padding-left: .5rem; } .h3d-button-section-container .outline-gray:hover, .h3d-button-section-container .outline-gray:focus { outline: none; border: 1px solid transparent; box-shadow: none; background-color: rgba(0, 0, 0, 0.13); color: rgba(0, 0, 0, 0.85); } .h3d-button-section-container .outline-gray:active { outline: none; border: 1px solid transparent; box-shadow: none; background-color: rgba(0, 0, 0, 0.21); color: rgba(0, 0, 0, 0.85); } .h3d-button-section-container__left { justify-content: flex-start; } .h3d-button-section-container__right { justify-content: flex-end; } .h3d-button { background-color: rgba(0, 0, 0, 0.05); border: 0; box-sizing: border-box; border-radius: 3px; color: rgba(0, 0, 0, 0.85); cursor: pointer; display: inline-block; font-weight: 500; letter-spacing: 0.01rem; outline: none; padding: .5rem 1.5rem; position: relative; text-align: center; text-decoration: none; text-shadow: none; transition: background-color 0.15s ease-out; font-size: 1rem; line-height: 1.5rem; overflow: hidden; white-space: normal; } .h3d-button--one-line { white-space: nowrap; text-overflow: ellipsis; } .h3d-button:disabled { opacity: 0.3; pointer-events: none; } .h3d-button:hover, .h3d-button:focus { outline: none; background-color: rgba(0, 0, 0, 0.13); } .h3d-button:active { outline: none; background-color: rgba(0, 0, 0, 0.21); } .h3d-button--text { border: 0; padding: 0; background: transparent; } .h3d-button--round { border-radius: 50%; padding: 0; height: 2.5rem; width: 2.5rem; } .h3d-button--round .material-icons { color: rgba(0, 0, 0, 0.69); margin-top: 0.5rem; } .h3d-button--pill { border-radius: 5rem; } .h3d-button--block { display: block; width: 100%; } .h3d-button--center { display: table; margin-left: auto; margin-right: auto; } .h3d-button--xl { font-size: 1.125rem; line-height: 1.75rem; padding: 1rem 2rem; } .h3d-button--l { font-size: 1rem; line-height: 1.5rem; padding: .75rem 1.5rem; } .h3d-button--production { font-size: 1rem; line-height: 1.5rem; padding: .708rem 1.5rem; } @media (min-width: 1141px) { .h3d-button--production { margin-left: 4px; } } .h3d-button--m { font-size: 0.875rem; line-height: 20px; padding: 6px 1rem; } .h3d-button--s { font-size: 0.875rem; line-height: 20px; padding: .375rem 1rem; } .h3d-button--xs { font-size: 0.875rem; line-height: 20px; padding: 6px 0.5rem; } .h3d-button--xs .material-icons { font-size: 1rem; top: 2px; position: relative; overflow: hidden; } .cs-button { margin-right: .5rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.13); padding-left: 1rem; padding-right: 1rem; color: rgba(0, 0, 0, 0.69); line-height: 20px; } .cs-button:hover, .cs-button:focus { color: black; border: 1px solid rgba(0, 0, 0, 0.03); } .cs-tag-container .knowledge-hub__button--filters.disabled { background-color: #fff; color: rgba(0, 0, 0, 0.69); opacity: 50%; border: 1px solid rgba(0, 0, 0, 0.13); cursor: default; pointer-events: none; } .h3d-button--transparent { background-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.85); } .h3d-button--transparent:hover, .h3d-button--transparent:focus { outline: none; border: none; box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.85); } .h3d-button--transparent:active { outline: none; border: none; box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.85); } .h3d-button--transparent-primary { background-color: transparent; box-shadow: none; color: #0071E3; } .h3d-button--transparent-primary:hover, .h3d-button--transparent-primary:focus { outline: none; border: none; box-shadow: none; background-color: transparent; color: #2563BE; } .h3d-button--transparent-primary:active { outline: none; border: none; box-shadow: none; background-color: transparent; color: #16417F; } .h3d-button--transparent-subtle { background-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.56); } .h3d-button--transparent-subtle:hover, .h3d-button--transparent-subtle:focus { outline: none; border: none; box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.85); } .h3d-button--transparent-subtle:active { outline: none; border: none; box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.85); } .h3d-button--outline { background-color: transparent; color: rgba(0, 0, 0, 0.85); border: 1px solid rgba(0, 0, 0, 0.21); } .h3d-button--outline:hover, .h3d-button--outline:focus { outline: none; border: 1px solid transparent; box-shadow: none; background-color: rgba(0, 0, 0, 0.21); } .h3d-button--outline:active { outline: none; border: 1px solid transparent; box-shadow: none; background-color: rgba(0, 0, 0, 0.21); } .h3d-button--outline-white { border-color: #fff; color: #fff; } .h3d-button--outline-white:hover, .h3d-button--outline-white:focus { border-color: #fff; color: #fff; } .h3d-button--dark-outline { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.85); border: 1px solid rgba(0, 0, 0, 0.21); } .h3d-button--dark-outline:hover, .h3d-button--dark-outline:focus { outline: none; border: 1px solid transparent; box-shadow: none; background-color: rgba(0, 0, 0, 0.13); } .h3d-button--dark-outline:active { outline: none; border: 1px solid transparent; box-shadow: none; background-color: rgba(0, 0, 0, 0.21); } .h3d-button--grey-outline { background-color: transparent; color: rgba(255, 255, 255, 0.86); border: 1px solid rgba(255, 255, 255, 0.24); } .h3d-button--grey-outline:hover, .h3d-button--grey-outline:focus { outline: none; border: 1px solid transparent; box-shadow: none; background-color: rgba(255, 255, 255, 0.24); color: white !important; } .h3d-button--grey-outline:active { outline: none; border: 1px solid transparent; box-shadow: none; background-color: rgba(255, 255, 255, 0.38); color: white !important; } .h3d-button--grey { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.77); } .h3d-button--grey:hover, .h3d-button--grey:active { background-color: rgba(255, 255, 255, 0.15); color: #fff; } .h3d-button--primary { background-color: #0071E3; box-shadow: none; color: #fff !important; } .h3d-button--primary:hover, .h3d-button--primary:focus { outline: none; background-color: #2563BE; } .h3d-button--primary:active { outline: none; background-color: #16417F; } .h3d-button--secondary { background-color: rgba(255, 255, 255, 0.1); box-shadow: none; color: rgba(255, 255, 255, 0.86) !important; } .h3d-button--secondary:hover, .h3d-button--secondary:focus { color: white !important; background-color: rgba(255, 255, 255, 0.24); } .h3d-button--secondary:active { background-color: rgba(255, 255, 255, 0.38); } .h3d-button--outline-primary { background-color: transparent; color: #0071E3; box-shadow: 0 0 0 1px #0071E3 inset; } .container .h3d-button--outline-primary:hover, .h3d-button--outline-primary:hover, .container .h3d-button--outline-primary:focus, .h3d-button--outline-primary:focus { outline: none; color: #fff; box-shadow: none; background-color: #0071E3; } .h3d-button--outline-primary:active { outline: none; border: none; box-shadow: none; color: #fff; background-color: #2563BE; } .h3d-button--black { background-color: rgba(0, 0, 0, 0.77); outline: none; border: 1px solid rgba(0, 0, 0, 0.77); color: #fff; box-shadow: none; } .h3d-button--black:hover, .h3d-button--black:active { background-color: #000; } .h3d-button--white { background-color: rgba(255, 255, 255, 0.77); color: rgba(0, 0, 0, 0.85); } .h3d-button--white:hover, .h3d-button--white:active, .h3d-button--white:visited, .h3d-button--white:focus { background-color: #fff; color: rgba(0, 0, 0, 0.85); } .h3d-button.h3d-button--grouping-narrow { margin-right: 0.5rem; margin-bottom: 0.5rem; font-weight: normal; } .h3d-button--danger { background-color: #cc0019; box-shadow: none; color: #000; } .h3d-button--danger:hover, .h3d-button--danger:focus { outline: none; background-color: #750014; } .h3d-button--danger:active { outline: none; background-color: #3d000a; } .h3d-button--warning { background-color: #3d000a; box-shadow: none; color: #fff; } .h3d-button--warning:hover, .h3d-button--warning:focus { outline: none; background-color: #e66400; } .h3d-button--warning:active { outline: none; background-color: #450200; } .h3d-button--danger-on-hover:hover, .h3d-button--danger-on-hover:focus { color: #fff; outline: none; background-color: #cc0019; } .h3d-button--danger-on-hover:active { outline: none; background-color: #852600; } .h3d-button--no-outline-danger { background-color: transparent; color: #cc0019; } .h3d-button--no-outline-danger:hover, .h3d-button--no-outline-danger:focus { outline: none; background-color: transparent; } .h3d-button--no-outline-danger:active { outline: none; background-color: transparent; } .h3d-button--hubspot { background-color: #ff7a59; box-shadow: none; color: #fff; } .h3d-button--hubspot:hover, .h3d-button--hubspot:focus { outline: none; background-color: #ff5126; } .h3d-button--hubspot:active { outline: none; background-color: #ff3d0d; } .h3d-button--toggled.h3d-button--warning { background-color: #fcf1e6; border: 1px solid #3d000a; color: #3d000a; } .h3d-button--viewer { background: #fff; border: 1px solid rgba(0, 0, 0, 0.21); } .h3d-button--viewer-active { background: #d9d9d9; border: 1px solid rgba(0, 0, 0, 0.21); } .h3d-button--viewer-inversed { background: #333333; border: 1px solid #707070; color: #ebebeb; } .h3d-button--viewer-active-inversed { background: #707070; border: 1px solid #707070; color: #ebebeb; } .h3d-button-group { display: flex; flex-direction: row; } .h3d-button-group .h3d-button { margin-right: 0.5rem; } .h3d-button-group--right { justify-content: flex-end; } .h3d-button-group--right .h3d-button { margin-right: 0; margin-left: 0.5rem; } @media screen and (max-width: 1000px) { .h3d-button--mobile-s { font-size: 0.875rem; line-height: 20px; height: 2rem; padding: 0 1rem; } } .h3d-button--in-navbar { margin-left: auto; } @media screen and (min-width: 1200px) { .h3d-button--in-navbar { display: none; } } .h3d-button--link-with-arrow { font-weight: bold; display: block; position: relative; } @media (min-width: 0px) { .h3d-button--link-with-arrow { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { .h3d-button--link-with-arrow { font-size: 1.125rem; line-height: unset; } } .h3d-button--link-with-arrow i { display: inline; vertical-align: middle; font-size: 22px; line-height: unset; margin-left: .5rem; } .section { margin: 1.5rem 1.5rem; } .section--short { margin: 2rem 2rem; } .section--tall { margin: 6.5rem 1rem; } .section--with-border { border: 1px solid rgba(0, 0, 0, 0.13); margin-top: -1px; } @media (min-width: 1024px) { .section--extra-large { margin: 0 2rem; } } .section--with-sidebar { display: flex; } .section--with-sidebar .sidebar { flex-shrink: 0; } @media (max-width: 1023px) { .section--with-sidebar .sidebar { display: none; } } .section--with-sidebar article { flex: 1; } .section--with-sidebar article .section:first-of-type { margin-top: 0; } @media (min-width: 1224px) { .section--with-sidebar .section:not(.split-section--no-contain) { width: 43.5rem; } .section--with-sidebar .section--extra-large, .section--with-sidebar .section--large:not(.split-section--no-contain) { width: 100%; margin-left: 0; margin-right: 0; } } .split-section { display: grid; grid-template-columns: repeat(2, 1fr); } .split-section__side { padding: 2.5rem 2rem; } .split-section__side--center, .split-section__side--vcenter { display: flex; flex-direction: column; } .split-section__side--center { align-items: center; } .split-section__side--center .split-section__inner { margin: auto 0; text-align: center; width: 90%; } .split-section__side--vcenter .split-section__inner { margin: auto 0; } .section--square { min-height: 50vw; } .section--align-header { padding: 0 1rem; } .section--with-cta { padding-bottom: 4rem; } .section--with-cta .section__title { text-align: center; margin-top: 8rem; color: #fff; } @media (min-width: 0px) { .section--with-cta .section__title { font-size: 1rem; line-height: 120%; } } @media (min-width: 768px) { .section--with-cta .section__title { font-size: 1.5rem; line-height: 120%; } } .section.section--no-top-margin { margin-top: 0; } @media (max-width: 600px) { .section--square { min-height: 100vw; } .split-section { grid-template-columns: repeat(1, 1fr); } .split-section__side--center .split-section__inner { margin: 1rem 0; width: 80%; } } @media only screen and (min-width: 769px) { .section { margin: 1.5rem 3.5rem; } .split-section__side { padding: 3rem 3.5rem; } .section--tall { margin: 8rem 3.5rem; } } @media only screen and (min-width: 1224px) { .section { margin-top: 5rem; margin-bottom: 5rem; } .section:not(.split-section--no-contain) { width: 47.5rem; margin-left: auto; margin-right: auto; } .split-section:not(.split-section--no-contain) .split-section__side { width: 35rem; } .split-section:not(.split-section--no-contain) .split-section__side--left { margin-left: auto; padding-left: 0; } .split-section.split-section--flex-contain .split-section__side--left { margin-left: 15%; padding-left: 0; } .split-section__side--center .split-section__inner { width: 70%; } .section--small:not(.split-section--no-contain) { width: 40rem; } .section--medium:not(.split-section--no-contain) { width: 51.5rem; } .section--large:not(.split-section--no-contain) { width: 70rem; } .section--extra-large:not(.split-section--no-contain) { margin: 5rem 3.5rem; max-width: 80rem; width: auto; } .section--short { margin: 2rem auto; } .section--tall { margin: 6rem auto; } } @media only screen and (min-width: 1392px) { .section--extra-large:not(.split-section--no-contain) { margin: 5rem auto; } .section--tall:not(.split-section--no-contain) { margin: 6rem auto; } .section--short:not(.split-section--no-contain) { margin: 2rem auto; } } @media only screen and (min-width: 1440px) { .section--square { min-height: 45vw; } } .section--padded { padding-top: 3rem; padding-bottom: 3rem; } .section--extra-padded { padding-top: 7.5rem; padding-bottom: 7.5rem; } .section--no-margin { margin-top: 0; margin-bottom: 0; } .section--grey-on-white { background-color: rgba(0, 0, 0, 0.03); overflow: hidden; } .section--grey { background-color: rgba(255, 255, 255, 0.06); overflow: hidden; } .section--dark-grey { background-color: #191919; color: #fff; padding-top: 1px; padding-bottom: 1px; } .section--black { background-color: #000; color: rgba(255, 255, 255, 0.62); overflow: hidden; } @media only screen and (max-width: 959px) { .section--split { flex-direction: column; } } .section--split { display: flex; } .section__column { flex: 1; } .section__lead { max-width: 48rem; margin: 0 auto 3rem; text-align: center; } @media (max-width: 1024px) { .section__lead { margin: 0 auto 1.5rem; } } .section__lead h2 { color: rgba(0, 0, 0, 0.85); margin: 0; } @media (min-width: 0px) { .section__lead h2 { font-size: 1.5rem; line-height: 120%; } } @media (min-width: 768px) { .section__lead h2 { font-size: 2rem; line-height: 120%; } } .section__lead p { color: rgba(0, 0, 0, 0.56); margin-top: 1rem; } @media (min-width: 0px) { .section__lead p { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { .section__lead p { font-size: 1.125rem; line-height: unset; } } @media (max-width: 1024px) { .section__lead p { margin-top: .5rem; } } @media only screen and (min-width: 960px) { .section__column:first-child { padding-right: 3rem; } .section__column:last-child { padding-left: 3rem; } } @media only screen and (min-width: 1400px) { .section__column:first-child { padding-right: 4.75rem; } .section__column:last-child { padding-left: 4.75rem; } } .section--background-gray { display: flex; background: #f7f7f7; } .section__landing-page, .section__landing-page--no-margin-full-width { margin: 4rem 2rem; } @media (min-width: 1024px) { .section__landing-page, .section__landing-page--no-margin-full-width { margin: 4rem 4rem; } } @media (min-width: 1400px) { .section__landing-page, .section__landing-page--no-margin-full-width { width: 72rem; margin-left: auto; margin-right: auto; } } .section__landing-page--short { margin-top: 2rem; margin-bottom: 2rem; } .section__landing-page--no-margin-full-width { margin: unset; margin-top: -3rem; width: 100%; } .usp-block { display: flex; text-align: center; align-items: stretch; margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } @media (max-width: 1000px) { .usp-block { margin-top: 1.5rem !important; } } @media (max-width: 1000px) { .usp-block { flex-wrap: wrap; justify-content: center; } } .usp-block .item { flex: 1; padding: 0 2rem; font-size: 0.875rem; display: flex; flex-direction: column; align-items: center; } @media (max-width: 1000px) { .usp-block .item { margin-top: 1rem; padding: 0 .5rem; min-width: 8rem; max-width: 10rem; } } .usp-block .item img, .usp-block .item .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .usp-block .item .cnc-img { margin-bottom: .4rem; } @media (min-width: 700px) { .usp-block .item { display: block; } .usp-block .item img, .usp-block .item .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .usp-block .item .cnc-img { display: block; margin: 0 auto; } .usp-block .item:not(:last-of-type) { border-right: 1px solid rgba(0, 0, 0, 0.13); } } .footer-menu { display: flex; flex-wrap: wrap; } .footer-menu__container { flex: 1; padding-right: 1rem; } .footer-menu__logo-container { margin-top: 0.6rem; flex: 2; } .footer-menu__title { font-weight: 500; } .footer-menu__list { list-style: none; } .footer-menu__list li { margin-top: 0.6rem; } .footer-menu__link { text-decoration: none; margin-top: 1rem; } .footer-menu__link--phone { margin-top: 0; } .footer-menu__link.footer-menu__link--phone a { color: #4F90E2; text-decoration: none; } li.footer-menu__socials-list { display: flex; } .footer-menu__link--social { margin-right: 0.5rem; } .footer-menu__link svg { height: 14px; fill: rgba(255, 255, 255, 0.62); } .footer-menu a { color: rgba(255, 255, 255, 0.62); } .footer__copyright { color: rgba(255, 255, 255, 0.38); font-size: 0.75rem; } .footer__separator { border-color: rgba(255, 255, 255, 0.24) !important; } .footer__bottom { display: flex; justify-content: space-between; } .footer__bottom label, .footer__bottom div { margin-top: auto; } .footer__contact-form .hs-form-field label { color: rgba(0, 0, 0, 0.85) !important; } .footer__contact-form .hs-form .actions { margin-right: -20px; } .footer-newsletter-section { display: flex; } .footer-newsletter-section div:first-child { flex: 0.47; } @media screen and (max-width: 1336px) { .footer-newsletter-section div:first-child { flex: 0.5; } } @media screen and (max-width: 1080px) { .footer-newsletter-section div:first-child { flex: 0 0 16.6667%; } } .footer-newsletter-section .hs-form .inputs-list { padding-left: 0; } .footer-newsletter-section .footer__newsletter { flex: 5; margin-left: -32px; } .footer-newsletter-section .footer__newsletter .submitted-message p { font-size: 14px; margin-bottom: 0; } .footer-newsletter-section .footer__newsletter .submitted-message p:first-child { margin-bottom: 8px; } .footer-newsletter-section .footer__newsletter .submitted-message strong { color: #fff; } .footer-newsletter-section .footer__newsletter form { display: inline-grid; grid-template-columns: 2fr 1fr; } .footer-newsletter-section .footer__newsletter form .hs_error_rollup { grid-row-start: 3; } .footer-newsletter-section .footer__newsletter form input[type="email"] { width: 90%; padding: 8px 16px; height: 22px; border: 1px solid rgba(255, 255, 255, 0.24); background-color: #191919; border-radius: 3px; box-shadow: none; color: rgba(255, 255, 255, 0.62); } .footer-newsletter-section .footer__newsletter form input[type="email"]:focus { border-color: #0071E3; } .footer-newsletter-section .footer__newsletter form input[type="email"]:hover { border-color: rgba(0, 0, 0, 0.69); } .footer-newsletter-section .footer__newsletter form .hs-input.error { box-shadow: unset; border-color: #cc0019; } .footer-newsletter-section .footer__newsletter form .hs-main-font-element { color: rgba(255, 255, 255, 0.38); } .footer-newsletter-section .footer__newsletter form .hs-main-font-element h1 { color: #fff; font-weight: 700; } .footer-newsletter-section .footer__newsletter form .hs-main-font-element a { color: inherit; } .footer-newsletter-section .footer__newsletter form .hs-email { margin-top: 16px; } .footer-newsletter-section .footer__newsletter form .hs-submit { grid-column-start: 2; position: relative; } .footer-newsletter-section .footer__newsletter form .hs-submit .actions { margin: unset; padding-left: 0; position: relative; top: 26px; } .footer-newsletter-section .footer__newsletter form .hs-submit .hs-button { color: #4F90E2; background-color: #000; width: auto; min-width: unset; font-weight: 700; font-size: 14px; } .footer-newsletter-section .footer__newsletter div:nth-child(2) { grid-row-start: 2; } .footer-newsletter-section .footer__newsletter div:nth-child(2) p { font-size: 12px; } @media only screen and (max-width: 1080px) { .footer-menu__container { margin-top: 1rem; flex: 0 0 16.6667%; } } @media only screen and (max-width: 680px) { .footer-menu__container, .footer-menu__logo-container { margin-top: 0.5rem; flex: 1 1 50%; } .footer-newsletter-section > div:first-child { display: none; } .footer-newsletter-section .footer__newsletter { margin-left: unset; } .footer-newsletter-section input[type="email"] { width: 80% !important; } .footer-menu__list li { margin-top: 0.25rem; } .footer__bottom { flex-direction: column-reverse; } .footer__bottom .language-switcher { text-align: left; margin-bottom: 1rem; } } .pln-home__hero { width: 100vw; height: calc(100vh - 100px); position: relative; color: #fff; background-color: #191919; overflow: hidden; } @media screen and (max-width: 767px) { .pln-home__hero { height: 100vh; } } .pln-home__hero .pln-home__hero-image { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; display: flex; top: 0; left: 0; z-index: 0; transition: transform 4s, opacity 4s; transform: scale(1); opacity: 0; transition-delay: 2s; transform-origin: center center; } .pln-home__hero .pln-home__hero-image source { width: 100%; height: 100%; object-fit: cover; } .pln-home__hero .pln-home__hero-image.active { transition-delay: 0s; transform: scale(1.05); opacity: 1; z-index: 1; } .pln-home__hero .pln-home__hero-images--desktop { display: block; } .pln-home__hero .pln-home__hero-images--mobile { display: none; } @media (max-width: 768px) { .pln-home__hero .pln-home__hero-images--mobile { display: block; } } @media (max-width: 768px) { .pln-home__hero .pln-home__hero-images--desktop { display: none; } } .pln-home__hero .pln-home__hero--content { display: flex; flex-direction: column; max-width: 48.125rem; margin: 0 auto; height: 100%; justify-content: center; align-items: center; position: relative; text-align: center; padding: 1rem; margin-bottom: 8rem; z-index: 10; } @media screen and (max-width: 767px) { .pln-home__hero .pln-home__hero--content { max-height: calc(100vh - 55px); } .pln-home__hero .pln-home__hero--content .h3d-button { width: 100%; } } .pln-home__hero h1 { margin: 0; color: #fff; } @media screen and (max-width: 767px) { .pln-home__hero h1 { max-width: 18.8rem; } } .pln-home__hero .pln-home__hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } @media screen and (max-width: 767px) { .pln-home__hero .pln-home__hero-video { display: none; } } .pln-home__hero .pln-home__hero-mob-vid { position: absolute; top: 0; left: 0; width: 100%; height: 29rem; z-index: 0; object-fit: cover; } @media screen and (min-width: 768px) { .pln-home__hero .pln-home__hero-mob-vid { display: none; } } .pln-home__hero .pln-home__subtitle { font-weight: bold; margin-top: 0.5rem; margin-bottom: 3rem; text-align: center; max-width: 80%; } @media (min-width: 0px) { .pln-home__hero .pln-home__subtitle { font-size: 1rem; } } @media (min-width: 768px) { .pln-home__hero .pln-home__subtitle { font-size: 1.125rem; } } .pln-home__hero .pln-home__hero-button-after { margin-top: 0; color: rgba(255, 255, 255, 0.77); } .pln-home__hero .pln-home__hero-button-after svg { fill: rgba(255, 255, 255, 0.77); position: relative; top: 6px; width: 1rem; } .pln-hero-logos__logos { display: flex; margin-top: 0.8rem; flex-wrap: wrap; justify-content: center; } .pln-hero-logos__logos img, .pln-hero-logos__logos .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .pln-hero-logos__logos .cnc-img { max-height: 3rem; } .pln-hero-logos__logos img:not(:last-child), .pln-hero-logos__logos .content-cards-gallery .content-cards-gallery__slide .cnc-img:not(:last-child), .content-cards-gallery .content-cards-gallery__slide .pln-hero-logos__logos .cnc-img:not(:last-child) { margin-right: 1.5rem; } .homev2__hero-left { flex: 1; flex-basis: 50%; position: relative; } @media (min-width: 1025px) { .homev2__hero-left:hover .homev2__hero-hover { opacity: 1; } } .homev2__hero-left .stickers { position: absolute; bottom: 2rem; left: 2rem; background: rgba(0, 0, 0, 0.56); padding: .75rem; padding-left: 1.5rem; padding-right: 1.5rem; display: flex; border-radius: 50px; align-items: center; z-index: 1; } .homev2__hero-left .stickers img, .homev2__hero-left .stickers .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .homev2__hero-left .stickers .cnc-img { max-width: 60px; max-height: 60px; position: static; } .homev2__hero-left .stickers img.iso, .homev2__hero-left .stickers .content-cards-gallery .content-cards-gallery__slide .iso.cnc-img, .content-cards-gallery .content-cards-gallery__slide .homev2__hero-left .stickers .iso.cnc-img { max-width: 50px; max-height: 50px; } .homev2__hero-left .stickers img:first-of-type, .homev2__hero-left .stickers .content-cards-gallery .content-cards-gallery__slide .cnc-img:first-of-type, .content-cards-gallery .content-cards-gallery__slide .homev2__hero-left .stickers .cnc-img:first-of-type { margin-right: 1.5rem; } .homev2__hero-left img, .homev2__hero-left .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .homev2__hero-left .cnc-img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; display: block; } .pln-home__hero--logos-section, .pln-home__hero--logos-section-mobile { text-align: center; } .pln-home__hero--logos-section p, .pln-home__hero--logos-section-mobile p { font-size: 0.75rem; color: rgba(255, 255, 255, 0.77); } .pln-home__hero--logos-section { position: absolute; bottom: 3.5rem; } @media screen and (max-width: 768px) { .pln-home__hero--logos-section { display: none; } } .pln-home__hero--logos-section-mobile { background-color: rgba(255, 255, 255, 0.06); } @media screen and (min-width: 769px) { .pln-home__hero--logos-section-mobile { display: none; } } @media screen and (max-width: 767px) { .pln-home__hero--logos-section-mobile { padding: 1rem; } } .homev2__hero-container { display: flex; } @media (min-width: 1025px) { .homev2__hero-container { min-height: 85vh; } } @media (max-width: 1024px) { .homev2__hero-container { flex-direction: column-reverse; } } .homev2__hero-left { flex: 1; flex-basis: 50%; background-size: cover; background-position: center center; position: relative; } @media (max-width: 1024px) { .homev2__hero-left { flex-basis: 24rem; } .homev2__hero-left img, .homev2__hero-left .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .homev2__hero-left .cnc-img { position: absolute; } } @media (min-width: 1025px) { .homev2__hero-left:hover .homev2__hero-hover { opacity: 1; } } .homev2__hero-hover-dot { width: 2rem; height: 2rem; border-radius: 50%; box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.21); border: solid 3px rgba(255, 255, 255, 0.77); background-color: rgba(255, 255, 255, 0.77); position: absolute; top: 20%; left: 20%; cursor: pointer; z-index: 1; } @media (min-width: 1025px) { .homev2__hero-hover-dot { display: none; } } .homev2__hero-hover { font-size: 0.875rem; top: calc(20% + 2.5rem); left: 20%; background: #000; position: absolute; border-radius: 3px; border-top-left-radius: 0; padding: 1rem; opacity: 0; transition: opacity 0.25s; z-index: 1; } .homev2__hero-hover.active { opacity: 1; } .homev2__hero-hover .row { display: flex; color: #fff; padding: 8px 0; } .homev2__hero-hover .row:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.24); } .homev2__hero-hover .row:last-child { padding-bottom: 0; } .homev2__hero-hover .row:first-child { padding-top: 0; } .homev2__hero-hover .row .h3d-button { margin-top: 0.5rem; } .homev2__hero-hover .row .row-title { min-width: 8.5rem; color: rgba(255, 255, 255, 0.62); } .homev2__hero-hover .row .row-value { color: rgba(255, 255, 255, 0.94); padding-left: 1rem; } .homev2__hero-right { flex: 1; flex-basis: 50%; background: #000; padding-top: 5.5rem; padding-bottom: 7rem; padding-left: 4rem; padding-right: 5.5rem; } @media (min-width: 1025px) { .homev2__hero-right { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } } @media (max-width: 1024px) { .homev2__hero-right { padding: 2rem 1rem; } .homev2__hero-right .h3d-button { width: 100%; } } .homev2__hero-right .logo { max-width: 10rem; } .homev2__hero-right .homev2__subtitle { font-size: 1.125rem; color: rgba(255, 255, 255, 0.62); margin-bottom: 2rem; } @media (max-width: 1024px) { .homev2__hero-right .homev2__primary-cta { padding-right: 1rem; margin-top: 2.4rem; } .homev2__hero-right img, .homev2__hero-right .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .homev2__hero-right .cnc-img { max-width: 3.4rem; } .homev2__hero-right .h3d-button { margin-top: -0.5rem; } } .homev2__hero-button-after { color: rgba(255, 255, 255, 0.62); display: flex; align-items: center; margin-top: 0.5rem; } .homev2__hero-button-after .material-icons-outlined { margin-right: 0.25rem; font-size: 1rem; } .homev2__primary-cta { color: #fff; margin-bottom: 1rem; margin-top: 3rem; max-width: 35rem; } @media (min-width: 0px) { .homev2__primary-cta { font-size: 2rem; } } @media (min-width: 768px) { .homev2__primary-cta { font-size: 3rem; } } .homev2__hero-right { flex: 1; flex-basis: 50%; background: #000; padding-top: 5.5rem; padding-bottom: 7rem; padding-left: 4rem; padding-right: 5.5rem; } @media (min-width: 1025px) { .homev2__hero-right { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } } @media (max-width: 1024px) { .homev2__hero-right { padding: 2rem 1rem; } .homev2__hero-right .h3d-button { width: 100%; } } .homev2__hero-right .homev2__subtitle { font-size: 1.125rem; color: rgba(255, 255, 255, 0.62); } .homev2__hero-right p { font-size: 1rem; margin-bottom: 2rem; } @media (max-width: 1024px) { .homev2__hero-right .homev2__primary-cta { padding-right: 1rem; margin-top: 2.4rem; } .homev2__hero-right img, .homev2__hero-right .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .homev2__hero-right .cnc-img { width: 3.4rem; height: 4.06rem; object-position: center; } .homev2__hero-right .h3d-button { margin-top: -0.5rem; } } .homev2__hero-button-after { color: rgba(255, 255, 255, 0.62); display: flex; align-items: center; margin-top: 0.5rem; } .homev2__hero-button-after svg { fill: rgba(255, 255, 255, 0.62); width: 1rem; margin-right: 0.25rem; } .homev2__primary-cta { color: #fff; margin-bottom: 1rem; margin-top: 3rem; } @media (min-width: 0px) { .homev2__primary-cta { font-size: 2rem; } } @media (min-width: 768px) { .homev2__primary-cta { font-size: 3rem; } } .hero-logos { background-color: rgba(255, 255, 255, 0.06); padding: 0.75rem; margin-top: 3rem; display: flex; max-width: 35rem; } @media (max-width: 1024px) { .hero-logos { max-width: unset; } } @media (min-width: 1440px) { .hero-logos { width: 100%; padding-right: 3rem; } } @media (max-width: 1439px) { .hero-logos { flex-direction: column; margin-top: 2rem; } } @media (min-width: 1025px) and (max-width: 1439px) { .hero-logos { padding-left: 1.5rem; padding-right: 1.5rem; } } .hero-logos .hero-logos__title { font-size: 1.125rem; color: rgba(255, 255, 255, 0.62); padding: 0.75rem; margin-right: 3.5rem; } @media (max-width: 1439px) { .hero-logos .hero-logos__title { font-size: 0.875rem; padding: 0.25rem; text-align: center; margin-right: 0; } } .hero-logos .hero-logos__logos { align-items: center; display: flex; min-height: 4rem; } @media (max-width: 1439px) { .hero-logos .hero-logos__logos { display: flex; place-content: center; } } .hero-logos .hero-logos__logos img:not(:last-child), .hero-logos .hero-logos__logos .content-cards-gallery .content-cards-gallery__slide .cnc-img:not(:last-child), .content-cards-gallery .content-cards-gallery__slide .hero-logos .hero-logos__logos .cnc-img:not(:last-child) { margin-right: 1.5rem; } .hero-logos--home { flex-direction: column; padding-right: 1rem; padding-top: 0; padding-bottom: 0; width: 100%; } @media screen and (max-width: 1024px) { .hero-logos--home { padding: 0.75rem; } } .hero-logos--home .hero-logos__title { font-size: 0.875rem; padding-left: 0; padding-bottom: 0; } @media screen and (max-width: 1024px) { .hero-logos--home .hero-logos__title { padding-bottom: 0.25rem; } } .hero-logos--home .hero-logos__logos { display: table; } @media screen and (max-width: 1024px) { .hero-logos--home .hero-logos__logos { display: flex; flex-wrap: wrap; } } .hero-logos--home .hero-logos__logos .logo-image { max-width: 6rem; padding: 0 0.75rem; display: table-cell; vertical-align: middle; } .hero-logos--home .hero-logos__logos .logo-image:first-child { padding-left: 0; } .hero-logos--home .hero-logos__logos .logo-image:last-child { padding-right: 0; } .cnc-hero .section__column { flex: 0 1 50%; } .cnc-hero .section__column:first-child { padding-right: 4rem; } .cnc-hero .section__column:last-child { padding-left: 4rem; } .cnc-hero h1 { margin-top: 0; margin-bottom: 1rem; } @media (min-width: 0px) { .cnc-hero h1 { font-size: 2.25rem; line-height: 120%; } } @media (min-width: 768px) { .cnc-hero h1 { font-size: 3rem; line-height: 120%; } } .cnc-hero p { color: rgba(255, 255, 255, 0.62); margin-bottom: 2rem; max-width: 34rem; } @media (min-width: 0px) { .cnc-hero p { font-size: 1rem; } } @media (min-width: 768px) { .cnc-hero p { font-size: 1.125rem; } } .cnc-hero .after-button-subtitle { display: flex; align-items: center; margin-top: 0.5rem; color: rgba(255, 255, 255, 0.62); } .cnc-hero .after-button-subtitle svg { width: 1rem; fill: rgba(255, 255, 255, 0.62); margin-right: 0.25rem; } .cnc-hero .usps { color: rgba(255, 255, 255, 0.62); } .cnc-hero .usps ul { list-style: none; padding-top: 0.5rem; } .cnc-hero .usps ul li { position: relative; padding-left: 1.5rem; } @media (max-width: 768px) { .cnc-hero .usps ul li { padding-left: 2rem; } } .cnc-hero .usps ul li:before { font-size: 1.5rem; font-family: "Material Icons", sans-serif; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; content: "check"; width: 1rem; height: 1rem; font-size: 1rem; position: absolute; left: 0; top: 0.25rem; } .cnc-hero .usps ul li:not(last-child) { margin-bottom: 0.75rem; } @media screen and (max-width: 959px) { .cnc-hero .usps ul { border-top: 1px solid rgba(255, 255, 255, 0.24); } .cnc-hero .usps ul li { padding-bottom: 0.5rem; margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.24); } } @media (max-width: 1224px) { .cnc-hero .section__column:first-child { padding-right: 0; } .cnc-hero .section__column:last-child { padding-left: 0; padding-top: 4rem; } } @media (max-width: 1024px) { .cnc-hero .after-button-subtitle { justify-content: center; } .cnc-hero .h3d-button { font-size: 0.875rem; display: block; } } @media screen and (max-width: 425px) { .cnc-hero .hero-logos__logos img, .cnc-hero .hero-logos__logos .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .cnc-hero .hero-logos__logos .cnc-img { max-width: 3.4rem; } .cnc-hero .hero-logos__logos img:not(:last-child), .cnc-hero .hero-logos__logos .content-cards-gallery .content-cards-gallery__slide .cnc-img:not(:last-child), .content-cards-gallery .content-cards-gallery__slide .cnc-hero .hero-logos__logos .cnc-img:not(:last-child) { margin-right: 1.2rem; } } .cnc-hero--with-image p { max-width: unset; } .cnc-hero--with-image .container { display: flex; align-items: stretch; justify-items: center; } @media (max-width: 1000px) { .cnc-hero--with-image .container { flex-direction: column-reverse; } } .cnc-hero--with-image .container .content { background-color: #191919; flex: 1; width: 50%; display: flex; justify-content: flex-end; flex-direction: column; } @media (max-width: 1000px) { .cnc-hero--with-image .container .content { width: 100%; justify-content: flex-start; } } .cnc-hero--with-image .container .content a:not(:last-of-type) { margin-right: .25rem; } @media (max-width: 1024px) { .cnc-hero--with-image .container .content a:not(:last-of-type) { margin-right: 0; margin-bottom: .5rem; } } .cnc-hero--with-image .container .content h1, .cnc-hero--with-image .container .content h2 { color: #fff; } .cnc-hero--with-image .container .content .wrap { display: flex; justify-content: flex-start; margin: 10rem 7rem 10rem 5rem; } @media (min-width: 1351px) { .cnc-hero--with-image .container .content .wrap.wrap--with-logos { margin-top: 6rem; margin-bottom: 5rem; } } @media (min-width: 1001px) and (max-width: 1350px) { .cnc-hero--with-image .container .content .wrap { margin: 7rem 7rem 7rem 5rem; } } @media (max-width: 1000px) { .cnc-hero--with-image .container .content .wrap { justify-content: flex-start; margin: 2.5rem 1.5rem; } } .cnc-hero--with-image .container .content .wrap2 { flex: 0 1 36rem; } .cnc-hero--with-image .container .content .wrap2 .dark-wrap ul { margin: 1rem; margin-bottom: 2rem; } .cnc-hero--with-image .container .content .wrap2 .dark-wrap ul li { color: rgba(255, 255, 255, 0.62); } .cnc-hero--with-image .container .content .wrap2 .hidden { display: none; } .cnc-hero--with-image .container .content .wrap2 .dark-wrap .toggle { background-color: rgba(255, 255, 255, 0.1); border-radius: 200px; display: inline-block; padding: 4px; } .cnc-hero--with-image .container .content .wrap2 .dark-wrap .toggle button { padding: 8px 16px; border-radius: 32px; background-color: transparent; color: rgba(255, 255, 255, 0.86); border: none; font-size: 14px; font-weight: 700; } .cnc-hero--with-image .container .content .wrap2 .dark-wrap .toggle button:hover:not(.selected) { background-color: rgba(255, 255, 255, 0.24); } .cnc-hero--with-image .container .content .wrap2 .dark-wrap .toggle .selected { background-color: rgba(255, 255, 255, 0.77); color: rgba(0, 0, 0, 0.85); } .cnc-hero--with-image .container .content .companies-that-trust-hubs { display: flex; flex-wrap: wrap; align-items: center; margin: 0 7rem 3rem 5rem; max-width: 32rem; } @media (min-width: 1001px) and (max-width: 1350px) { .cnc-hero--with-image .container .content .companies-that-trust-hubs { margin: 0 7rem 3rem 5rem; } } @media (max-width: 1000px) { .cnc-hero--with-image .container .content .companies-that-trust-hubs { display: none; margin: 0 14rem 3rem 1.5rem; } } .cnc-hero--with-image .container .content .companies-that-trust-hubs .text { font-size: 0.75rem; color: rgba(255, 255, 255, 0.62); flex: 0 0 8rem; margin-right: 2.75rem; } .cnc-hero--with-image .container .content .companies-that-trust-hubs .images { flex: 1 0 auto; display: flex; gap: 2rem; justify-content: space-between; } @media (max-width: 400px) { .cnc-hero--with-image .container .content .companies-that-trust-hubs .images { gap: .5rem; } } .cnc-hero--with-image .container .content .companies-that-trust-hubs .images img, .cnc-hero--with-image .container .content .companies-that-trust-hubs .images .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .cnc-hero--with-image .container .content .companies-that-trust-hubs .images .cnc-img { height: 60px; object-fit: contain; object-position: top left; } .cnc-hero--with-image .container .image-container { flex: 1; width: 50%; align-self: stretch; position: relative; } @media (max-width: 1000px) { .cnc-hero--with-image .container .image-container { width: 100%; flex: unset; height: 25rem; } .cnc-hero--with-image .container .image-container div.text { opacity: 1; } } .cnc-hero--with-image .container .image-container .trustpilot-container { position: absolute; bottom: 2rem; z-index: 1; } @media (max-width: 550px) { .cnc-hero--with-image .container .image-container .trustpilot-container .desktop { display: none; z-index: 0; } } .cnc-hero--with-image .container .image-container .stickers { position: absolute; bottom: 2rem; right: 2rem; background: rgba(0, 0, 0, 0.56); padding: .75rem 1.5rem; display: flex; border-radius: 50px; align-items: center; z-index: 1; } .cnc-hero--with-image .container .image-container .stickers img, .cnc-hero--with-image .container .image-container .stickers .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .cnc-hero--with-image .container .image-container .stickers .cnc-img { max-width: 60px; max-height: 60px; position: static; } .cnc-hero--with-image .container .image-container .stickers img.iso, .cnc-hero--with-image .container .image-container .stickers .content-cards-gallery .content-cards-gallery__slide .iso.cnc-img, .content-cards-gallery .content-cards-gallery__slide .cnc-hero--with-image .container .image-container .stickers .iso.cnc-img { max-width: 50px; max-height: 50px; } .cnc-hero--with-image .container .image-container .stickers img:first-of-type, .cnc-hero--with-image .container .image-container .stickers .content-cards-gallery .content-cards-gallery__slide .cnc-img:first-of-type, .content-cards-gallery .content-cards-gallery__slide .cnc-hero--with-image .container .image-container .stickers .cnc-img:first-of-type { margin-right: 1.5rem; } .cnc-hero--with-image .container .image-container img, .cnc-hero--with-image .container .image-container .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .cnc-hero--with-image .container .image-container .cnc-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; display: flex; pointer-events: none; object-position: center center; } .cnc-hero--with-image .container .image-container .text { position: absolute; bottom: 0; right: 0; z-index: 10; margin: 1rem; opacity: 0; transition: opacity .25s; } .cnc-hero--with-image .container .image-container .text p { margin: 0; font-size: 1rem; } .cnc-hero--with-image .container .image-container .text p a { color: #000; } .cnc-hero--with-image .container .image-container:hover .text { opacity: 1; } .capabilities-cards { margin: 4rem -0.75rem; } @media (max-width: 1024px) { .capabilities-cards { margin: 0 -1rem 1rem -1rem; } } @media (min-width: 1025px) { .capabilities-cards.capabilities-cards--short .step .step-image { height: 10rem; } } .capabilities-cards.capabilities-cards--dark .step { background-color: rgba(255, 255, 255, 0.06); } .capabilities-cards.capabilities-cards--dark .step .step-title { color: #fff; } .capabilities-cards.capabilities-cards--dark .step .step-title:after { color: #fff; } .capabilities-cards.capabilities-cards--dark .step .step-content { color: rgba(255, 255, 255, 0.62); } .capabilities-cards.capabilities-cards--dark .step .step-content .h3d-button { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.77); } @media (min-width: 1025px) { .capabilities-cards.capabilities-cards--dark .step:hover { background-color: rgba(255, 255, 255, 0.15); } } @media screen and (max-width: 1024px) { .capabilities-cards.capabilities-cards--dark .step-title:after { color: rgba(0, 0, 0, 0.85); } } .capabilities-cards .step { margin: 0 1rem; background-color: rgba(0, 0, 0, 0.03); position: relative; overflow: hidden; } .capabilities-cards .step .step-title { color: rgba(0, 0, 0, 0.85); text-align: center; margin: 4.5rem 0 0 0; } .capabilities-cards .step .step-content { color: rgba(0, 0, 0, 0.56); } @media (min-width: 1025px) { .capabilities-cards .step .step-image { width: 100%; height: 18rem; } .capabilities-cards .step .step-title { padding: 0 1rem; } .capabilities-cards .step .step-content { font-size: 1.125rem; margin-bottom: 1rem; padding: 0 2rem; } .capabilities-cards .step .step-content p { padding: 1rem 0; } .capabilities-cards .step .step-content__subtitle { margin: 0 auto; max-width: 75%; text-align: center; } .capabilities-cards .step .step-content .h3d-button { display: none; } .capabilities-cards .step .step-content--minheight-10 { min-height: 10rem; } .capabilities-cards .step:hover { background-color: rgba(0, 0, 0, 0.08); } } @media screen and (max-width: 1024px) { .capabilities-cards .step { text-align: left; padding: 0 1rem; margin: 0 1rem 0.5rem 1rem; } .capabilities-cards .step .step-title:after { color: rgba(0, 0, 0, 0.85); } .capabilities-cards .step .step-content img, .capabilities-cards .step .step-content .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .capabilities-cards .step .step-content .cnc-img { display: block; max-height: 80vw; object-fit: cover; object-position: top; margin: 0 auto; width: 100%; max-width: 400px; height: 18rem; } } @media screen and (max-width: 1024px) and (max-width: 374px) { .capabilities-cards .step .step-content img, .capabilities-cards .step .step-content .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .capabilities-cards .step .step-content .cnc-img { height: 10rem; } } @media screen and (max-width: 1024px) and (max-width: 400px) { .capabilities-cards .step .step-content img, .capabilities-cards .step .step-content .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .capabilities-cards .step .step-content .cnc-img { height: 12rem; } } @media screen and (max-width: 1024px) { .homev2__capabilities-button { width: 100%; margin-bottom: 6rem; } } .anchor-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; user-select: none; color: transparent !important; } @media (max-width: 1024px) { .anchor-overlay { display: none; } } .interactive-materials { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; } @media (max-width: 1000px) { .interactive-materials { grid-template-columns: 1fr; } } .interactive-materials .materials-column { flex: 1 1 calc(50% - 0.75rem); display: flex; flex-wrap: wrap; align-self: flex-start; } @media (max-width: 768px) { .interactive-materials .materials-column { flex: 1 1 100%; } .interactive-materials .materials-column:not(:first-child) { margin-top: 2rem; } } .interactive-materials .materials-column .material-type-title { font-size: 1.125rem; color: rgba(0, 0, 0, 0.85); font-weight: bold; flex: 1 0 100%; border-bottom: 1px solid black; padding-bottom: 1rem; } @media (min-width: 769px) { .interactive-materials .materials-column .material-type-title { margin-bottom: 1rem; } } .interactive-materials .materials-column .materials, .interactive-materials .materials-column .material-highlight { flex: 1 0 50%; } .interactive-materials .materials-column .material-link { font-size: 1rem; font-weight: normal; display: none; text-align: left; border-radius: 0; line-height: 121%; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.13); } @media (max-width: 768px) { .interactive-materials .materials-column .material-link { display: block; height: 52.5px; } .interactive-materials .materials-column .material-link:after { font-size: 1.125rem; font-family: "Material Icons"; content: "chevron_right"; float: right; } } .interactive-materials .materials-column .material { padding: .5rem .75rem; margin-right: 1.5rem; display: none; } @media (min-width: 769px) { .interactive-materials .materials-column .material { display: block; } .interactive-materials .materials-column .material:hover { cursor: pointer; background-color: rgba(0, 0, 0, 0.05); } .interactive-materials .materials-column .material.active { color: #0071E3; background-color: #E6F1FC; } } .interactive-materials .materials-column .material-highlight { background-color: black; color: white; } @media (max-width: 768px) { .interactive-materials .materials-column .material-highlight { display: none; } } .interactive-materials .materials-column .material-highlight:not(.active) { display: none; } .interactive-materials .materials-column .material-highlight .material-highlight-body { padding: 1rem 1rem 2rem; } .interactive-materials .materials-column .material-highlight .material-highlight-body hr { margin: 1rem 0; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.38); } .interactive-materials .materials-column .material-highlight .material-highlight-body .title { margin-bottom: .5rem; } .interactive-materials .materials-column .material-highlight .material-highlight-body .subtitle { color: rgba(255, 255, 255, 0.62); } .interactive-materials .materials-column .material-highlight .material-highlight-body .subsets { display: flex; } @media (max-width: 1024px) { .interactive-materials .materials-column .material-highlight .material-highlight-body .subsets { flex-direction: column; } } .interactive-materials .materials-column .material-highlight .material-highlight-body .subsets .title { margin-right: 1.5rem; } .interactive-materials .materials-column .material-highlight .material-highlight-body .subsets p { color: rgba(255, 255, 255, 0.62); } .interactive-materials .materials-column .material-highlight .material-highlight-body a { font-weight: bold; color: #4F90E2; } .interactive-materials .materials-column .material-highlight .material-image-wrapper { position: relative; } .interactive-materials .materials-column .material-highlight img, .interactive-materials .materials-column .material-highlight .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .interactive-materials .materials-column .material-highlight .cnc-img { border-radius: 0; height: 225px; width: 100%; object-fit: cover; background-color: white; } .ordering-container { max-width: 72rem; } .ordering-container .features { display: flex; flex-direction: row; justify-content: space-between; } .ordering-container .features .feature { flex: 1; margin-right: 2.8rem; } .ordering-container .features .feature .feature-icon { margin-bottom: 0.5rem; } .ordering-container .features .feature .feature-description { color: rgba(0, 0, 0, 0.56); } .ordering-container .features .feature h3 { font-size: 1.125rem; } .ordering-container .features .feature:last-child { margin-right: 0; } .ordering-container .flow-board { margin-top: 4rem; border-radius: 1rem; background-color: rgba(0, 0, 0, 0.03); } .ordering-container .flow-board .navigation { display: flex; justify-content: space-between; overflow: hidden; } .ordering-container .flow-board .navigation h3 { padding: 2rem 0 0 2rem; font-size: 1.375rem; } .ordering-container .flow-board .navigation .ordering-steps { display: flex; max-width: 41.5rem; border: 1px solid rgba(0, 0, 0, 0.85); border-radius: 4rem; margin: 2rem 1.5rem; transition: all 0.3s ease-in-out; } .ordering-container .flow-board .navigation .ordering-steps .step { padding: 0.625rem 1.313rem; cursor: pointer; border-radius: 20px; font-size: 0.875rem; white-space: nowrap; -webkit-tap-highlight-color: transparent; } .ordering-container .flow-board .navigation .ordering-steps .step:hover { color: rgba(0, 0, 0, 0.56); } .ordering-container .flow-board .navigation .ordering-steps .step.active { background-color: black; color: white; } .ordering-container .flow-board .step-content { margin: 2.2rem 6.56rem 0 6.56rem; overflow: hidden; border-top-left-radius: 3px; border-top-right-radius: 3px; } .ordering-container .flow-board .step-content img, .ordering-container .flow-board .step-content .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .ordering-container .flow-board .step-content .cnc-img { object-fit: cover; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease-in-out; border: 1px solid #EDEDED; border-bottom: 0; } .ordering-container .flow-board .step-content img.visible, .ordering-container .flow-board .step-content .content-cards-gallery .content-cards-gallery__slide .visible.cnc-img, .content-cards-gallery .content-cards-gallery__slide .ordering-container .flow-board .step-content .visible.cnc-img { opacity: 1; } .ordering-container .button-wrapper { margin-top: 3.5rem; display: flex; justify-content: center; } @media (max-width: 1060px) { .ordering-container .features { flex-direction: column; } .ordering-container .features .feature { display: flex; flex-direction: row; margin-bottom: 1rem; } .ordering-container .features .feature h3 { font-size: 1rem; } .ordering-container .features .feature .feature-icon { margin-right: 1rem; } .ordering-container .features .feature .feature-icon img, .ordering-container .features .feature .feature-icon .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .ordering-container .features .feature .feature-icon .cnc-img { max-width: none; } .ordering-container .flow-board { border-radius: 0; } .ordering-container .flow-board .navigation { flex-direction: column; align-items: flex-start; } .ordering-container .flow-board .navigation h3 { padding: 1rem; font-size: 1.25rem; } .ordering-container .flow-board .navigation .ordering-steps { display: flex; justify-content: space-between; overflow: hidden; margin: 0 1.5rem 1rem; } } @media (max-width: 1060px) and (max-width: 1064px) { .ordering-container .flow-board .navigation .ordering-steps { border: none; position: relative; --step-width: 20px; } .ordering-container .flow-board .navigation .ordering-steps .step { border: 1px solid #000; padding: 0.25rem 0.5rem; margin: 0 var(--step-width); font-size: 12px; background-color: #f8f8f8; z-index: 1; } .ordering-container .flow-board .navigation .ordering-steps .step.active { background-color: #000; color: #fff; } .ordering-container .flow-board .navigation .ordering-steps:after { content: ""; position: absolute; top: 50%; left: var(--step-width); right: var(--step-width); height: 1px; background-color: rgba(0, 0, 0, 0.85); z-index: 0; } } @media (max-width: 1060px) { .ordering-container .flow-board .step-content { margin: 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .ordering-container .flow-board .step-content #mobile-dots { display: flex; margin: 1rem; } .ordering-container .flow-board .step-content #mobile-dots .dot { width: 10px; height: 10px; border-radius: 50%; background-color: #DEDEDE; margin: 0 5px; } .ordering-container .flow-board .step-content #mobile-dots .dot.active { background-color: #707070; } .ordering-container .button-wrapper { margin-top: 1.5rem; } .ordering-container .button-wrapper a { width: 100%; font-size: 14px; } } .first-selector { padding-bottom: 0rem; } .first-selector button { background-color: transparent; border: none; padding: 1.5rem; font-weight: 700; color: rgba(0, 0, 0, 0.56); cursor: pointer; } .first-selector button.active { border-bottom: 4px solid #0071E3; color: rgba(0, 0, 0, 0.85); } .type-of-materials-selector { width: 100%; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.13); padding: 1rem; display: none; } .type-of-materials-selector.active { display: block; } .type-of-materials-selector button { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.13); padding: 0.375rem 1rem; border-radius: 2rem; cursor: pointer; } .type-of-materials-selector button:hover:not(.active) { color: rgba(0, 0, 0, 0.85); background-color: rgba(0, 0, 0, 0.13); } .type-of-materials-selector button.active { background-color: #0071E3; color: white; } .materials-dashboard { width: 100%; height: 35.5rem; margin-top: 2.25rem; justify-content: space-between; display: none; } .materials-dashboard.active { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; } .materials-dashboard .materials-column { display: grid; grid-template-rows: auto 1fr; min-height: 100%; } .materials-dashboard .materials-column > .material-type-title { font-size: 0.875rem; padding-bottom: 0.5rem; color: rgba(0, 0, 0, 0.56); } .materials-dashboard .materials-column .materials { height: 100%; overflow: auto; } .materials-dashboard .materials-column .material { padding: .25rem .5rem; margin-bottom: 0.5rem; border-radius: 3px; color: rgba(0, 0, 0, 0.69); display: flex; justify-content: space-between; align-items: center; } .materials-dashboard .materials-column .material .badge { white-space: nowrap; padding: 0.25rem; height: 27px; border-radius: 2px; font-size: 14px; } .materials-dashboard .materials-column .material:not(.active) .badge { color: #0071E3; background-color: #E6F1FC; } .materials-dashboard .materials-column .material:not(.active) .badge.badge-noncosmetic { color: rgba(0, 0, 0, 0.69); background: rgba(0, 0, 0, 0.03); } .materials-dashboard .materials-column .material:hover { cursor: pointer; background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.85); } .materials-dashboard .materials-column .material.active { color: #0071E3; background-color: #E6F1FC; } .materials-dashboard .materials-column .material:first-child { margin-top: 1.25rem; } .materials-dashboard .alloys { min-height: 100%; } .materials-dashboard .alloys > .material-highlight { display: none; height: 100%; overflow: hidden; } .materials-dashboard .alloys > .material-highlight .material-highlight-body { height: 100%; } .materials-dashboard .alloys > .material-highlight .subsets { display: grid; grid-template-rows: auto 1fr; height: 100%; } .materials-dashboard .alloys > .material-highlight .subsets > .title { font-size: 0.875rem; padding-bottom: 0.5rem; color: rgba(0, 0, 0, 0.56); } .materials-dashboard .alloys > .material-highlight .subsets p { overflow: auto; cursor: pointer; padding-right: 1rem; margin-top: 0.75rem; } .materials-dashboard .alloys > .material-highlight .subsets p > span { display: flex; align-items: center; justify-content: space-between; position: relative; border-radius: 3px; margin: 0.5rem; padding: 0.25rem; color: rgba(0, 0, 0, 0.69); } .materials-dashboard .alloys > .material-highlight .subsets p > span::after { content: ''; display: block; position: absolute; left: -0.5rem; width: 4px; height: 70%; border-radius: 4px; } .materials-dashboard .alloys > .material-highlight .subsets p > span:hover:not(.active) { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.85); } .materials-dashboard .alloys > .material-highlight .subsets p > span:hover:not(.active)::after { background-color: rgba(0, 0, 0, 0.05); } .materials-dashboard .alloys > .material-highlight .subsets p > span.active { color: rgba(0, 0, 0, 0.85); } .materials-dashboard .alloys > .material-highlight .subsets p > span.active::after { background-color: #006fff; } .materials-dashboard .alloys > .material-highlight.active { display: block; } .materials-dashboard .description { min-height: 100%; color: rgba(0, 0, 0, 0.56); } .materials-dashboard .description > .title { font-size: 0.875rem; padding-bottom: 0.5rem; color: rgba(0, 0, 0, 0.56); } .materials-dashboard .description > .material-highlight { display: none; } .materials-dashboard .description > .material-highlight .img { margin-top: 1.25rem; } .materials-dashboard .description > .material-highlight .subsets .learn-more-link { display: flex; width: 7.5625rem; padding: 0.625rem 1rem; justify-content: center; align-items: center; gap: 0.5rem; border-radius: 0.1875rem; background: var(--Grey_Overlay-200, rgba(0, 0, 0, 0.05)); color: var(--Grey_Overlay-800, rgba(0, 0, 0, 0.69)); font-weight: 700; margin-top: 1rem; } .materials-dashboard .description > .material-highlight .subsets > span { display: none; } .materials-dashboard .description > .material-highlight .subsets > span > .title { font-size: 1.375rem; font-style: normal; font-weight: 700; line-height: 1.625rem; padding: 1.25rem 0; color: rgba(0, 0, 0, 0.85); } .materials-dashboard .description > .material-highlight .subsets > span.active { display: block; } .materials-dashboard .description > .material-highlight.active { display: block; } @media (max-width: 480px) { .materials-dashboard .materials-column .material-type-title { display: none; } .materials-dashboard .materials-column .material { padding: 1.5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.13); position: relative; } .materials-dashboard .materials-column .material .badge { display: none; } .materials-dashboard .materials-column .material::after { content: ''; display: block; width: 16px; height: 22px; background-image: url("/images/icons/keyboard_arrow_right.svg"); } .materials-dashboard .materials-column .material:first-child { margin-top: 0; } .materials-dashboard .materials-column .material > a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .alloys, .description { display: none; } } .finishes-block { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1rem; } @media (max-width: 1024px) { .finishes-block { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 768px) { .finishes-block { grid-template-columns: 1fr; } } .finishes-block .finish { display: flex; flex-direction: column; } @media (min-width: 769px) { .finishes-block .finish { margin-bottom: 2.5rem; } } .finishes-block .finish .img { width: 100%; height: 130px; background-color: rgba(0, 0, 0, 0.03); } @media (max-width: 768px) { .finishes-block .finish .img { display: none; } } .finishes-block .finish .img img, .finishes-block .finish .img .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .finishes-block .finish .img .cnc-img { width: 100%; height: 130px; object-fit: cover; border-radius: 0; } .finishes-block .finish .title { font-size: 1rem; font-weight: bold; color: rgba(0, 0, 0, 0.85); margin-top: 1.5rem; margin-bottom: .5rem; } @media (max-width: 768px) { .finishes-block .finish .title { display: none; } } .finishes-block .finish .description { flex: 1; color: rgba(0, 0, 0, 0.56); } @media (max-width: 768px) { .finishes-block .finish .description { display: none; } } .finishes-block .finish a { display: block; margin-top: .5rem; font-weight: bold; } @media (max-width: 768px) { .finishes-block .finish a { display: none; } } .finishes-block .finish .mobile-link { font-size: 1rem; display: none; font-weight: normal; text-align: left; border-radius: 0; line-height: 121%; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.13); } @media (max-width: 768px) { .finishes-block .finish .mobile-link { padding-top: 0; display: block; } } .expanding-resources__title { margin-bottom: 4rem; text-align: center; } @media screen and (max-width: 767px) { .expanding-resources__title { margin-bottom: 2rem; } } @media screen and (max-width: 767px) { .expanding-resources__section.section--tall { margin: 3.5rem 1rem; } } @media screen and (max-width: 1024px) { .expanding-resources { display: block; } } .expanding-resources .articles, .expanding-resources .articles-mobile { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1rem; } .expanding-resources .articles .article, .expanding-resources .articles-mobile .article { flex-direction: column; } .expanding-resources .articles .article img, .expanding-resources .articles .article .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .expanding-resources .articles .article .cnc-img, .expanding-resources .articles-mobile .article img, .expanding-resources .articles-mobile .article .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .expanding-resources .articles-mobile .article .cnc-img { display: block; width: 100%; min-height: 11rem; object-fit: cover; border-radius: 0; } .expanding-resources .articles .article .article-body, .expanding-resources .articles-mobile .article .article-body { background-color: rgba(0, 0, 0, 0.03); padding: 1rem 1rem 1.5rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .expanding-resources .articles .article .article-body .title, .expanding-resources .articles-mobile .article .article-body .title { font-size: 1.125rem; color: #000; } .expanding-resources .articles .article .article-body .description, .expanding-resources .articles-mobile .article .article-body .description { color: rgba(0, 0, 0, 0.56); margin-bottom: 2rem; flex: 1; } .expanding-resources .articles .article .article-body .h3d-button, .expanding-resources .articles-mobile .article .article-body .h3d-button { align-self: self-start; } .expanding-resources .articles .article { display: none; } .expanding-resources .articles .article:nth-child(-n + 4) { display: flex; } .expanding-resources .articles .article:last-child { margin-right: 1rem; margin-left: 0.75rem; } .expanding-resources .articles-mobile .article { margin-bottom: 3rem; } .expanding-resources .articles-mobile .siema__arrow { display: none; } .expanding-resources .articles-mobile { display: none; } @media screen and (max-width: 1024px) { .expanding-resources .articles-mobile { display: block; } } .expanding-resources .articles.articles--expanded .article { display: flex; } @media screen and (max-width: 1024px) { .expanding-resources .articles { display: none; } } .expand-button, .contract-button { color: black; cursor: pointer; font-weight: 500; margin-top: 3rem; margin-bottom: 1rem; text-align: center; } @media screen and (max-width: 1024px) { .expand-button, .contract-button { display: none; } } .expand-button .icon, .contract-button .icon { font-size: 1.5rem; font-family: "Material Icons", sans-serif; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; font-size: 16px; background-color: rgba(0, 0, 0, 0.03); border-radius: 50%; color: #000; padding: 0.75rem; } .expand-button .text, .contract-button .text { margin-top: 1rem; } .technology-hero { position: relative; background-color: rgba(0, 0, 0, 0.56); } .technology-hero__background { position: absolute; height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 0; } .technology-hero__overlay { position: relative; z-index: 0; overflow: hidden; height: auto; } .technology-hero__panel { background: #fff; padding: 2rem; margin: 2rem; width: 500px; min-height: 460px; display: flex; flex-direction: column; } .technology-hero__panel-cta { color: rgba(0, 0, 0, 0.56); margin-top: 1rem; margin-bottom: 2rem; max-width: 90%; font-weight: 100; line-height: 140%; } .technology-hero__after-cta { color: rgba(0, 0, 0, 0.56); display: flex; align-items: center; } .technology-hero__after-cta .material-icons-outlined { fill: rgba(0, 0, 0, 0.56); margin-right: 0.25rem; width: 1rem; } .technology-hero__panel-usps { color: rgba(0, 0, 0, 0.56); font-weight: 500; margin-bottom: 0; } .technology-hero__panel-usps-dot { margin-left: 0.2rem; margin-right: 0.2rem; } .technology-hero__cta { vertical-align: middle; margin-bottom: 0.5rem; } .technology-hero__cta--primary { margin-right: 1rem; } .technology-hero__cta--secondary { margin-bottom: 1rem; white-space: nowrap; display: inline-block; } .technology-hero__panel-main { margin: 1rem 0; } @media (max-width: 480px) { .technology-hero__panel { margin: 0; } .technology-hero__panel-main { margin: 2rem 0; } } @media (min-width: 1440px) { .technology-hero__panel { width: 650px; height: 600px; padding: 3rem; margin-left: 10%; } .technology-hero__panel-usps-dot { margin-left: 0.5rem; margin-right: 0.5rem; } } @media (max-width: 600px) { .technology-hero__panel { width: auto; height: auto; } } .technology-hero__panel-title { line-height: 120%; margin: 0; } @media (max-width: 480px) { .technology-hero__panel-cta { max-width: none; } .technology-hero__cta { width: 100%; } .technology-hero__cta--primary { margin-right: 0; } .technology-hero__cta--secondary { text-align: center; } } .technology-hero__panel--transparent { padding-top: 2rem; } @media (max-width: 768px) { .technology-hero__panel--transparent { padding-top: 0; padding-bottom: 20rem; } } .technology-hero__panel--transparent h1 { font-size: 2.5rem; color: #fff; max-width: 46rem; } .technology-hero__panel--transparent h2 { font-size: 1.125rem; margin-top: 1rem; color: rgba(255, 255, 255, 0.62); } .technology-hero__panel--transparent p, .technology-hero__panel--transparent ul { font-size: 1.125rem; margin-top: 1rem; color: rgba(255, 255, 255, 0.62); } .technology-hero__panel--transparent ul { margin-left: 1.5rem; } .landingpagehero__full-size-video { position: relative; height: 35rem; background-color: #191919; z-index: 0; } .landingpagehero__full-size-video .background-video, .landingpagehero__full-size-video .background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .landingpagehero__full-size-video .background-video { z-index: 2; opacity: 0; transition: opacity .5s; } @media (max-width: 768px) { .landingpagehero__full-size-video .background-video { display: none; } } .landingpagehero__full-size-video .background-image { z-index: 1; } .landingpagehero__full-size-video .content { z-index: 3; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .landingpagehero__full-size-video .content h1 { text-align: center; color: white; width: 100%; max-width: 54rem; margin: 0 2.5rem; } .landingpagehero__just-text { position: relative; height: 24rem; background-color: #fff; z-index: 0; } .landingpagehero__just-text .content { position: absolute; top: 10%; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .landingpagehero__just-text .content h1 { text-align: center; width: 100%; max-width: 44.5rem; margin: 0 2.5rem; } .landingpagehero__just-text .content p { font-size: 1.5rem; text-align: center; margin-top: 2rem; } .content-cards--usps { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; } @media (max-width: 768px) { .content-cards--usps { grid-template-columns: repeat(auto-fit, calc(50% - 12px)); } } .content-cards--usps .card { padding: 1.5rem 1.5rem 1.5rem 0; background: rgba(0, 0, 0, 0.03); display: flex; align-items: center; flex: 1 1 13rem; max-width: 17.25rem; } @media (max-width: 768px) { .content-cards--usps .card { max-width: 100%; } } .content-cards--usps .card .title { font-size: 0.875rem; color: rgba(0, 0, 0, 0.85); text-align: left; } .content-cards--usps .card img, .content-cards--usps .card .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .content-cards--usps .card .cnc-img { height: 34px; flex: 0 0 64px; display: block; object-fit: contain; object-position: center center; } .content-cards--capabilities { display: flex; gap: 1rem; justify-content: center; } .content-cards--capabilities.mb-1 { margin-bottom: 1rem; } @media (max-width: 768px) { .content-cards--capabilities { flex-direction: column; } } .content-cards--capabilities .card { min-height: 21.5rem; flex: 1 1 0px; background: rgba(0, 0, 0, 0.03); display: flex; align-items: flex-end; flex-direction: column; border-radius: 1rem; overflow: hidden; max-width: 25rem; flex-wrap: wrap; position: relative; } .content-cards--capabilities .card:hover { background-color: rgba(0, 0, 0, 0.08); } @media (max-width: 768px) { .content-cards--capabilities .card { margin: 0 auto; min-height: unset; flex: 1 0 100%; } } .content-cards--capabilities .card img, .content-cards--capabilities .card .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .content-cards--capabilities .card .cnc-img { border-radius: 0; width: 100%; aspect-ratio: 8.4/5; object-fit: cover; object-position: top; } .content-cards--capabilities .card .text { z-index: 1; position: relative; width: 100%; padding: 2rem; display: flex; flex-direction: column; flex: 1; } @media (max-width: 1023px) { .content-cards--capabilities .card .text { padding: 1rem; } } .content-cards--capabilities .card .title { font-weight: bold; color: #000; margin-bottom: 1rem; display: block; text-align: left; } @media (min-width: 0px) { .content-cards--capabilities .card .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) { .content-cards--capabilities .card .title { font-size: 1.375rem; line-height: 1.625rem; } } .content-cards--capabilities .card .subtitle { margin-bottom: 1.5rem; color: rgba(0, 0, 0, 0.85); display: block; text-align: left; } @media (min-width: 0px) { .content-cards--capabilities .card .subtitle { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { .content-cards--capabilities .card .subtitle { font-size: 1.125rem; line-height: unset; } } .content-cards--capabilities .card .body-text { font-size: 0.875rem; color: rgba(0, 0, 0, 0.56); margin-bottom: 1.5rem; text-align: left; } .content-cards--capabilities .card .body-text ul { padding-left: 1rem; } .content-cards--capabilities .card a { margin-top: auto; } @media (min-width: 0px) { .content-cards--capabilities .card a { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { .content-cards--capabilities .card a { font-size: 1.125rem; line-height: unset; } } .content-cards--progress { background-color: #E6F1FC; padding: 2.5rem; } @media (max-width: 768px) { .content-cards--progress { padding: 1.5rem; } } .content-cards--progress .title { color: rgba(0, 0, 0, 0.85); margin: 0; } @media (min-width: 0px) { .content-cards--progress .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) { .content-cards--progress .title { font-size: 1.375rem; line-height: 1.625rem; } } .content-cards--progress .cards { display: flex; grid-gap: 3rem; margin-top: 4rem; position: relative; } @media (max-width: 1200px) { .content-cards--progress .cards { grid-gap: 2rem; } } @media (max-width: 768px) { .content-cards--progress .cards { margin-top: 0; flex-direction: column; } } .content-cards--progress .cards:before { content: ' '; width: 100%; height: 3px; background-color: #0071E3; position: absolute; top: -1.5rem; left: 0; } @media (max-width: 768px) { .content-cards--progress .cards:before { height: calc(100% - 4rem); width: 3px; top: 3rem; left: calc(1rem - 4px); } } .content-cards--progress .card { flex: 2; position: relative; } @media (max-width: 768px) { .content-cards--progress .card { padding-left: 2rem; padding-right: 0; } } .content-cards--progress .card:before { content: ' '; width: 13px; height: 13px; background: white; border-radius: 50%; border: 3px solid #0071E3; position: absolute; top: -1.75rem; left: 0; } @media (max-width: 768px) { .content-cards--progress .card:before { top: 2.375rem; left: calc(1rem - 9px); } } .content-cards--progress .card:last-of-type:before { width: 21px; height: 21px; top: -2rem; left: unset; right: 0; } @media (max-width: 768px) { .content-cards--progress .card:last-of-type:before { top: 2rem; left: calc(1rem - 13px); right: unset; } } .content-cards--progress .card:last-of-type { flex: 1; padding-right: 0; text-align: right; } @media (max-width: 768px) { .content-cards--progress .card:last-of-type { text-align: left; } } .content-cards--progress .card .card-title { font-size: 1rem; font-weight: bold; color: #262626; } @media (max-width: 768px) { .content-cards--progress .card .card-title { margin-top: 2rem; } } .content-cards--progress .card .card-subtitle { font-size: 0.75rem; color: rgba(0, 0, 0, 0.85); margin-top: .5rem; } .content-cards--left-aligned { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1rem; } @media (max-width: 1024px) { .content-cards--left-aligned { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .content-cards--left-aligned { grid-template-columns: 1fr; } } .content-cards--left-aligned .card { padding: 2rem; background: rgba(0, 0, 0, 0.03); position: relative; overflow: hidden; display: flex; flex-direction: column; } @media (max-width: 1024px) { .content-cards--left-aligned .card { padding: 1rem; } } .content-cards--left-aligned .card.card--clickable { border-radius: 1rem; } .content-cards--left-aligned .card.card--clickable:hover { cursor: pointer; background-color: rgba(0, 0, 0, 0.08); } .content-cards--left-aligned .card img, .content-cards--left-aligned .card .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .content-cards--left-aligned .card .cnc-img { height: 6.5rem; max-width: 9rem; display: block; margin-bottom: 2rem; object-fit: contain; object-position: top left; } .content-cards--left-aligned .card .text { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .content-cards--left-aligned .card .text .title { color: #000; font-weight: bold; } @media (min-width: 0px) { .content-cards--left-aligned .card .text .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) { .content-cards--left-aligned .card .text .title { font-size: 1.375rem; line-height: 1.625rem; } } .content-cards--left-aligned .card .text .subtitle { color: #262626; margin-top: 1rem; margin-bottom: auto; } @media (min-width: 0px) { .content-cards--left-aligned .card .text .subtitle { font-size: 1rem; } } @media (min-width: 768px) { .content-cards--left-aligned .card .text .subtitle { font-size: 1.125rem; } } .content-cards--left-aligned .card .text .subtitle em { font-size: 0.875rem; margin-top: 1rem; display: block; color: rgba(0, 0, 0, 0.56); } .content-cards--left-aligned .card .text a { margin-top: .5rem; font-weight: bold; display: inline-flex; } @media (min-width: 0px) { .content-cards--left-aligned .card .text a { font-size: 1rem; } } @media (min-width: 768px) { .content-cards--left-aligned .card .text a { font-size: 1.125rem; } } .content-cards-gallery { overflow: visible !important; width: 25rem; max-width: calc(100vw - 5rem); height: 23.4375rem; margin: 2rem auto 0; } .content-cards-gallery.loading { opacity: 0; pointer-events: none; } .content-cards-gallery .content-cards-gallery__slide { display: flex; flex-direction: column; background-color: rgba(0, 0, 0, 0.03); position: relative; overflow: hidden; width: calc(100% - 1rem); margin-left: .5rem; } .content-cards-gallery .content-cards-gallery__slide svg { position: absolute; top: 0; right: 0; margin: 1rem; } @media (min-width: 1001px) { .content-cards-gallery .content-cards-gallery__slide svg { display: none; } } .content-cards-gallery .content-cards-gallery__slide img, .content-cards-gallery .content-cards-gallery__slide .cnc-img { border-radius: 0; height: 100%; padding-bottom: 3.5rem; display: block; object-fit: cover; object-position: center center; } .content-cards-gallery .content-cards-gallery__slide .cnc-img { height: 65%; } .content-cards-gallery .content-cards-gallery__slide .overlay { position: absolute; top: calc(100% - 3.5rem); left: 0; transition: top .25s; width: 100%; background: #f2f2f2; height: 100%; color: rgba(0, 0, 0, 0.85); padding: 0 1rem; display: flex; flex-direction: column; } .content-cards-gallery .content-cards-gallery__slide .overlay .title { font-size: 0.875rem; font-weight: bold; flex: 0 0 3.5rem; display: flex; align-items: center; justify-content: space-between; } .content-cards-gallery .content-cards-gallery__slide .overlay .content { overflow-y: auto; max-height: 17rem; } .content-cards-gallery .content-cards-gallery__slide .overlay .content p { font-size: 0.875rem; } .content-cards-gallery .content-cards-gallery__slide .overlay .content a { font-size: 0.875rem; display: inline-block; margin-top: 1rem; } .content-cards-gallery .content-cards-gallery__slide .overlay .content tr td a { margin-top: 0; } .content-cards-gallery .content-cards-gallery__slide .overlay i { padding: .5rem; font-size: 1.125rem; transform: rotate(-90deg); } .content-cards-gallery .content-cards-gallery__slide .overlay table { margin: 0; table-layout: fixed; } .content-cards-gallery .content-cards-gallery__slide .overlay table tr:not(:last-of-type) td { border-bottom: 1px solid rgba(0, 0, 0, 0.13); } .content-cards-gallery .content-cards-gallery__slide .overlay table td { font-size: 0.875rem; padding: .5rem 0; vertical-align: baseline; border: none; } @media (max-width: 768px) { .content-cards-gallery .content-cards-gallery__slide .overlay table td { font-size: 0.75rem; } } .content-cards-gallery .content-cards-gallery__slide .overlay table td:first-of-type { color: rgba(0, 0, 0, 0.56); width: 110px; } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay { position: absolute; top: 50%; left: 0; transition: top .25s; width: 100%; background: #f2f2f2; height: 100%; color: rgba(0, 0, 0, 0.85); padding: 1rem; display: flex; flex-direction: column; } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay .title { font-size: 0.875rem; font-weight: bold; flex: 0 0 3.5rem; display: flex; align-items: center; justify-content: space-between; } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay .content { overflow-y: auto; max-height: 17rem; } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay .content p { font-size: 0.875rem; } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay .content a { font-size: 0.875rem; display: inline-block; margin-top: 1rem; } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay .content tr td a { margin-top: 0; } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay i { padding: .5rem; font-size: 1.125rem; transform: rotate(-90deg); } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay table { margin: 0; table-layout: auto; } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay table tr:first-child td { border-bottom: 1px solid rgba(0, 0, 0, 0.13); } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay table td { font-size: 0.875rem; padding: .5rem 0; vertical-align: baseline; border: none; } @media (max-width: 768px) { .content-cards-gallery .content-cards-gallery__slide .cnc-overlay table td { font-size: 0.75rem; } } .content-cards-gallery .content-cards-gallery__slide .cnc-overlay table td:first-of-type { color: rgba(0, 0, 0, 0.56); width: auto; } .content-cards-gallery .content-cards-gallery__slide.open .overlay { top: 10%; } .content-cards-gallery .content-cards-gallery__slide.open i { transform: rotate(90deg); } .content-cards-gallery .content-cards-gallery__slide .overlay.active { top: 0; } .content-cards-gallery__controls, .cnc-controls { display: flex; justify-content: center; margin-top: 2rem; } .content-cards-gallery__controls span, .cnc-controls span { display: flex; background: #f2f2f2; border-radius: 24px; padding: .75rem; } .content-cards-gallery__controls .prev, .cnc-controls .prev { margin-right: .75rem; width: 1.5rem; cursor: pointer; transform: rotate(180deg); } .content-cards-gallery__controls .prev i, .cnc-controls .prev i, .content-cards-gallery__controls .prev i:after, .cnc-controls .prev i:after { display: block; } .content-cards-gallery__controls .next, .cnc-controls .next { margin-left: .75rem; width: 1.5rem; cursor: pointer; } .content-cards-gallery__controls .next i, .cnc-controls .next i, .content-cards-gallery__controls .next i:after, .cnc-controls .next i:after { display: block; } .cnc-controls { margin-top: 6rem; } .comparer__container { width: 100%; display: flex; justify-content: center; } .comparer__main { max-width: 700px; } .comparer__image-wrapper::before { content: attr(data-alt); position: absolute; top: 1rem; background: #ffffff; max-width: 40%; padding: 0.25rem 0.5rem; font-size: 0.875rem; } .comparer__image-wrapper[slot=before]::before { right: 1rem; } .comparer__image-wrapper[slot=after]::before { left: 1rem; } .content-cards--wrap { flex-wrap: wrap; } .content-cards--wrap::after { content: ""; flex-basis: 33%; } .content-cards { margin-top: 1rem; } @media screen and (min-width: 768px) { .content-cards--break-mobile, .content-cards--break-tablet { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; grid-gap: 1rem; } .content-cards--break-mobile, .content-cards--break-tablet > * { margin: 0 !important; } } @media screen and (min-width: 1224px) { .content-cards--break-mobile, .content-cards--break-tablet { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; grid-gap: 1rem; } .content-cards--break-mobile, .content-cards--break-tablet > * { margin: 0 !important; } } .content-image-with-text.content-image-with-text--thirds-image-right { display: flex; } @media (max-width: 1024px) { .content-image-with-text.content-image-with-text--thirds-image-right { flex-direction: column; } .content-image-with-text.content-image-with-text--thirds-image-right .text { margin-bottom: 2rem; } } @media (max-width: 768px) { .content-image-with-text.content-image-with-text--thirds-image-right { margin-right: 0; } } .content-image-with-text.content-image-with-text--thirds-image-right .text { flex: 0 0 50%; padding-right: 7rem; } @media (max-width: 768px) { .content-image-with-text.content-image-with-text--thirds-image-right .text { padding-right: 0; } } .content-image-with-text.content-image-with-text--thirds-image-right .text h2 { text-align: left; margin-bottom: 1.5rem; } .content-image-with-text.content-image-with-text--thirds-image-right .text p { color: rgba(0, 0, 0, 0.85); margin-top: 1rem; } @media (min-width: 0px) { .content-image-with-text.content-image-with-text--thirds-image-right .text p { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { .content-image-with-text.content-image-with-text--thirds-image-right .text p { font-size: 1.125rem; line-height: unset; } } .content-image-with-text.content-image-with-text--thirds-image-right .text p em { font-size: 0.875rem; color: rgba(0, 0, 0, 0.56); font-style: normal; display: inline-block; line-height: 1.25rem; } .content-image-with-text.content-image-with-text--thirds-image-right .text p ~ ul { margin-top: 2rem; margin-bottom: 2rem; } .content-image-with-text.content-image-with-text--thirds-image-right .text li { text-indent: unset; list-style-position: outside; margin-left: 1rem; padding-left: 0; } .content-image-with-text.content-image-with-text--thirds-image-right .text li:not(:first-of-type) { margin-top: 1rem; } .content-image-with-text.content-image-with-text--thirds-image-right .text li::marker { content: "✓"; font-weight: bold; padding-right: 3.5rem; } .content-image-with-text.content-image-with-text--thirds-image-right .text li p { display: block; padding-left: .5rem; } @media (min-width: 0px) { .content-image-with-text.content-image-with-text--thirds-image-right .text li p { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { .content-image-with-text.content-image-with-text--thirds-image-right .text li p { font-size: 1.125rem; line-height: unset; } } .content-image-with-text.content-image-with-text--thirds-image-right .text a { margin-top: 2rem; display: block; } .content-image-with-text.content-image-with-text--thirds-image-right .image { aspect-ratio: 16/9; max-width: 50rem; } @media (max-width: 767px) { .content-image-with-text.content-image-with-text--thirds-image-right .image { margin-left: -2rem; margin-right: -2rem; } } @media (max-width: 1024px) { .content-image-with-text.content-image-with-text--thirds-image-right .image { margin-left: -4rem; margin-right: -4rem; } } @media (min-width: 1025px) { .content-image-with-text.content-image-with-text--thirds-image-right .image { margin-right: calc((100vw - 72rem)/-2); } } @media (min-width: 1325px) { .content-image-with-text.content-image-with-text--thirds-image-right .image.contains-video { padding: 2rem; } } .content-image-with-text.content-image-with-text--thirds-image-right .image video, .content-image-with-text.content-image-with-text--thirds-image-right .image img, .content-image-with-text.content-image-with-text--thirds-image-right .image .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .content-image-with-text.content-image-with-text--thirds-image-right .image .cnc-img { display: block; } @media (max-width: 767px) { .content-image-with-text.content-image-with-text--thirds-image-right .image { margin-top: 2rem; } } .content-image-with-text--cta-block { display: flex; background: #E6F1FC; width: 48rem; max-width: 100%; margin: 0 auto; } @media (max-width: 768px) { .content-image-with-text--cta-block { width: 100%; margin: 0; } } @media (max-width: 480px) { .content-image-with-text--cta-block { flex-direction: column; } } .content-image-with-text--cta-block .content { padding: 2rem; } .content-image-with-text--cta-block .content .rich-text { margin-bottom: 4rem; } .content-image-with-text--cta-block .content .rich-text h2 { margin-bottom: 1rem; } @media (min-width: 0px) { .content-image-with-text--cta-block .content .rich-text h2 { font-size: 1rem; line-height: 120%; } } @media (min-width: 768px) { .content-image-with-text--cta-block .content .rich-text h2 { font-size: 1.5rem; line-height: 120%; } } .content-image-with-text--cta-block .content .rich-text p { color: #262626; } @media (min-width: 0px) { .content-image-with-text--cta-block .content .rich-text p { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { .content-image-with-text--cta-block .content .rich-text p { font-size: 1.125rem; line-height: unset; } } .content-image-with-text--cta-block .content .rich-text a { font-weight: bold; } .content-image-with-text--cta-block .image { flex: 1 0 13rem; background-color: #f2f2f2; } @media (max-width: 768px) { .content-image-with-text--cta-block .image { flex: 1 0 12rem; } } @media (max-width: 480px) { .content-image-with-text--cta-block .image { flex: 1 0 auto; } .content-image-with-text--cta-block .image img, .content-image-with-text--cta-block .image .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .content-image-with-text--cta-block .image .cnc-img { margin: 0 auto; } } .content-image-with-text--cta-block .image img, .content-image-with-text--cta-block .image .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .content-image-with-text--cta-block .image .cnc-img { display: block; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 769px) { .content-image-with-text--cta-block .image img, .content-image-with-text--cta-block .image .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .content-image-with-text--cta-block .image .cnc-img { max-width: unset; } } .image-with-text { display: flex; } @media screen and (max-width: 1000px) { .image-with-text { flex-direction: column; } } .image-with-text .image { flex: 0 0 50%; } @media screen and (max-width: 1000px) { .image-with-text .image { margin-top: 2rem; } } .image-with-text .content { flex: 0 1 50%; padding-right: 8rem; align-self: center; } .image-with-text .content h2 { margin-bottom: 2rem; } .image-with-text .content em { font-size: 0.875rem; color: rgba(0, 0, 0, 0.56); font-style: normal; line-height: 1.4; display: block; } .image-with-text .content .cta { margin-top: 2rem; } @media screen and (max-width: 1000px) { .image-with-text .content { padding-right: 0; } } @media screen and (min-width: 1000px) { .image-with-text .content-text--right { padding-left: 8rem; padding-right: 0rem; } } .content-image-with-text { align-items: center; display: flex; justify-content: center; width: 100%; } @media (min-width: 0px) { .content-image-with-text { font-size: 1rem; line-height: 22px; } } @media (min-width: 768px) { .content-image-with-text { font-size: 1.125rem; line-height: unset; } } .content-image-with-text__content { margin-right: 0; flex: 1 1; max-width: 100%; } .content-image-with-text__content a { margin-top: 2rem; } .content-table-with-text { background-color: #F7F7F7; padding: 0 1rem; margin-bottom: 1rem; } .content-table-with-text th { padding: 0 1rem 1rem 0; font-weight: 700; } .content-table-with-text tr { font-size: 1rem; word-wrap: unset; } .content-image-with-text__content h2, .content-image-with-text__content h3, .content-image-with-text__content h4 { text-align: center; margin-top: 1rem; } .content-image-with-text li { list-style-position: inside; text-indent: -1.4rem; padding-left: 1.5rem; margin-top: .5rem; } .content-image-with-text__image-container { flex: 1 1; position: relative; } @media (min-width: 769px) { .content-image-with-text__image-container { max-width: 50%; } } .content-image-with-text__image--small { max-height: 19rem; width: auto; } .content-image-with-text__image-container--small .content-image-with-text__image { width: 100%; height: auto; } .content-image-with-text--right .content-image-with-text__image-container--small .content-image-with-text__image { margin-left: 0; margin-right: auto; } .content-image-with-text--landscape { min-height: 19rem; } .content-image-with-text--portrait { min-height: 40rem; } .content-image-with-text__image-label { font-size: 0.75rem; display: none; font-weight: bold; margin-top: 0.25rem; position: absolute; left: 0; } .content-image-with-text { flex-direction: column-reverse; } @media screen and (max-width: 768px) { .content-image-with-text.content-image-with-text--tablet { flex-direction: column-reverse; justify-content: center; } .content-image-with-text.content-image-with-text--tablet .content-image-with-text__content, .content-image-with-text.content-image-with-text--tablet .content-image-with-text__image-container { max-width: 100%; margin: 2rem 0; } } @media only screen and (min-width: 768px) { .content-image-with-text__content h2, .content-image-with-text__content h3, .content-image-with-text__content h4 { text-align: left; } } @media only screen and (max-width: 479px) { .content-image-with-text .h3d-button { margin: 2rem auto 0; display: block; } } @media only screen and (min-width: 1000px) { .content-image-with-text--right { flex-direction: row-reverse; } } @media only screen and (min-width: 480px) { .content-image-with-text--mobile { justify-content: center; } .content-image-with-text { flex-direction: row; justify-content: flex-start; } .content-image-with-text__content { margin-right: 3.5rem; } .content-image-with-text--right .content-image-with-text__content { margin-right: 0; } .content-image-with-text__content h2, .content-image-with-text__content h3, .content-image-with-text__content h4 { margin-top: 0; } .content-image-with-text--right .content-image-with-text__image-container { margin-right: 3.5rem; } .content-image-with-text__image-container--small .content-image-with-text__image { display: block; margin-left: auto; max-width: 25rem; width: auto; } .content-image-with-text--no-contain .content-image-with-text__content { max-width: 50%; } .content-image-with-text--no-contain .content-image-with-text__image-container { width: 25vw; max-width: 25vw; position: absolute; right: 12.5vw; flex: 1 1 50%; } .content-image-with-text--no-contain .content-image-with-text__image-container--left { left: 12.5vw; } .content-image-with-text--no-contain .content-image-with-text__image-label { display: block; position: absolute; left: -1rem; right: unset; transform: rotate(-90deg); transform-origin: center left; bottom: -0.4rem; } .content-image-with-text--no-contain .content-image-with-text__image-label--right { left: -3rem; right: unset; } .content-image-with-text--no-contain .content-image-with-text__image-label--landscape { transform: rotate(0deg); left: 0; bottom: -1.5rem; } .content-image-with-text__image-container--portrait { height: auto; max-width: 100%; } .content-image-with-text__image-container--portrait .content-image-with-text__image { height: auto; width: auto; } .content-image-with-text__image-container--landscape { width: 40rem; } } .content-image-with-text--header h3 { max-width: 13rem; color: rgba(255, 255, 255, 0.77); text-align: left; } .content-image-with-text--header h1 { margin: 2rem 0; } @media screen and (max-width: 768px) { .content-image-with-text--header h1 { margin: 1rem 0; } } .content-image-with-text--header .content-image-with-text__image-container img, .content-image-with-text--header .content-image-with-text__image-container .content-cards-gallery .content-cards-gallery__slide .cnc-img, .content-cards-gallery .content-cards-gallery__slide .content-image-with-text--header .content-image-with-text__image-container .cnc-img { vertical-align: bottom; } .content-image-with-text--header .content-image-with-text__content { align-self: stretch; display: flex; flex-flow: column nowrap; } .content-image-with-text--header .content-image-with-text__content .cta-imgwithtext { margin-top: auto; } @media only screen and (max-width: 1375px) { .content-image-with-text--header .cta-imgwithtext { margin-top: 0; } } @media only screen and (min-width: 1224px) { .content-image-with-text__image-label--landscape { display: block; } .content-image-with-text--no-contain { padding: 3rem 0; } .content-image-with-text__image { max-height: 38rem; width: auto; } } @media only screen and (max-width: 480px) { .content-image-with-text--header .content-image-with-text { flex-direction: column-reverse; justify-content: left; } .content-image-with-text--header .content-image-with-text .content-image-with-text__content, .content-image-with-text--header .content-image-with-text .content-image-with-text__image-container { width: 100%; max-width: 100%; } .content-image-with-text--header h3 { margin-top: 2rem; margin-bottom: 0; } .content-image-with-text--header h1 { margin-top: 1rem; margin-bottom: 4rem; } } @media only screen and (max-width: 375px) { .section--dark-grey.content-image-with-text--header { padding-bottom: 3rem; } .section--dark-grey.content-image-with-text--header .cta-imgwithtext { bottom: -18rem; } } @media only screen and (max-width: 335px) { .section--dark-grey.content-image-with-text--header .cta-imgwithtext { bottom: -16rem; } } .about-page__hero { text-align: center; padding: 14rem 0; background: url("/images/about/header.jpg") center no-repeat; background-size: cover; } .about-page__hero h1 { width: 70%; max-width: 53.75rem; margin: 0 auto; color: #fff; } @media (min-width: 0px) { .about-page__hero h1 { font-size: 1.5rem; line-height: 120%; } } @media (min-width: 768px) { .about-page__hero h1 { font-size: 3rem; line-height: 120%; } } @media screen and (max-width: 768px) { .about-page__hero h1 { width: 85%; } } @media screen and (max-width: 767px) { .about-page__hero { max-height: 15.5rem; padding: 5rem 0; } } .about-page__instant h2 { width: 85%; } @media (min-width: 0px) { .about-page__instant h2 { font-size: 1.5rem; line-height: 120%; } } @media (min-width: 768px) { .about-page__instant h2 { font-size: 3rem; line-height: 120%; } } @media screen and (max-width: 767px) { .about-page__instant h2 { width: 100%; } } .about-page__instant a { text-decoration: none; } .about-page__instant a:visited { color: #0071E3; } .about-page__instant .content-image-with-text__content { margin-left: 4rem; margin-right: 0; } @media screen and (max-width: 767px) { .about-page__instant.section--tall { margin: 1.5rem 2rem 0 2rem; } } .qa-page .section--dark-grey { color: rgba(255, 255, 255, 0.62); } .qa-page { color: rgba(0, 0, 0, 0.56); } .qa-hero__sections.content-image-with-text { display: flex; justify-content: space-between; margin: 4rem auto; max-width: 80rem; } .qa-hero__panel.content-image-with-text__content { max-width: 40%; } .qa-hero__image-container { text-align: right; } .content-image-with-text__image.qa-hero__image { max-height: 34rem; } .qa-hero__text { max-width: 34rem; margin-bottom: 3rem; } .qa-hero__primary-cta { margin-right: 1rem; } .qa-hero__secondary-cta { margin-top: 1rem; } .qa-hero--mobile { display: none; } .qa-hero--mobile .qa-hero--mobile-title { padding: 1.3125rem 1rem; margin: 0; color: #fff; } .qa-hero--mobile .qa-hero__image { width: 100%; border-radius: 0; } .qa-hero--mobile .qa-hero--mobile-panel { margin: 2rem 1.5rem; } .qa-hero--mobile .qa-hero__cta { text-align: center; display: block; width: 16.5rem; margin: 0.5rem auto; } .qa-hero--mobile .qa-hero__cta.h3d-button:nth-of-type(2) { margin: 0.5rem auto; color: rgba(0, 0, 0, 0.69); border: solid 1px rgba(0, 0, 0, 0.21); } @media only screen and (max-width: 1812px) { .qa-hero .content-image-with-text__image-container { max-width: 40%; } } @media only screen and (min-width: 1822px) { .content-image-with-text__image.qa-hero__image { max-height: 34.0625rem; max-width: 49.625rem; } } @media only screen and (min-width: 1812px) { .qa-hero__sections.content-image-with-text { margin: 4rem auto; } } @media only screen and (max-width: 1440px) { .qa-hero__sections.content-image-with-text { margin: 4rem auto; } } @media only screen and (max-width: 1391px) { .qa-hero__sections.content-image-with-text { margin: 4rem 3.5rem; } } @media only screen and (max-width: 968px) { .qa-hero__panel.content-image-with-text__content { max-width: 43%; } } @media only screen and (max-width: 919px) { .qa-hero--mobile { display: block; } .qa-hero { display: none; } } @media only screen and (max-width: 768px) { .qa-hero--mobile .qa-hero__cta { width: 80%; padding: 0; } } .qa-summaries__list { display: flex; list-style: none; justify-content: center; align-items: flex-start; text-align: center; } .qa-summaries__item .qa-summaries__item-title { margin: 0; padding: 1rem 0; } @media (min-width: 0px) { .qa-summaries__item .qa-summaries__item-title { font-size: 1rem; line-height: 120%; } } @media (min-width: 768px) { .qa-summaries__item .qa-summaries__item-title { font-size: 1.5rem; line-height: 120%; } } .qa-summaries__item:hover .qa-summaries__item-title { background-color: #E6F1FC; color: #2563BE; } .qa-summaries__link { text-decoration: none; } .qa-summaries__icon.content-image-with-text__image { width: 16rem; height: auto; margin-top: 1rem; } .qa-summaries__number { display: none; text-align: left; color: #0071E3; font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 500; margin-bottom: 0.25rem; } @media only screen and (max-width: 768px) { .qa-summaries__list { flex-direction: column; align-items: center; } .qa-summaries__item { width: 100%; border-radius: 0.1875rem; border: solid 1px rgba(0, 0, 0, 0.13); margin-bottom: 0.5rem; padding: 0.8rem 0.8rem 0 0.8rem; } .qa-summaries__item-title { width: 50%; text-align: left; margin-right: 1rem; float: left; } .qa-summaries__icon.content-image-with-text__image { max-width: 40%; height: auto; position: relative; top: -1rem; margin: 0; } .qa-summaries__number { display: block; } } .kb-navbar { cursor: pointer; width: 100%; background-color: #191919; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kb-navbar.is-fixed { position: fixed; z-index: 1; transition: top 0.2s linear; } .kb-navbar__container { display: flex; justify-content: space-between; } .kb-navbar__icon { color: rgba(255, 255, 255, 0.86); user-select: none; line-height: 1em; margin-bottom: 0.125rem; margin-left: 0.5rem; vertical-align: middle; } .kb-navbar--open .kb-navbar__icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .kb-navbar__title { font-size: 1.125rem; font-weight: 500; padding: 1rem 0; color: rgba(255, 255, 255, 0.86); } .kb-navbar__body { display: flex; flex-wrap: wrap; height: 0; transition: height 0.2s ease; overflow: hidden; } .kb-navbar--open .kb-navbar__body { height: auto; padding-top: 1rem; padding-bottom: 5rem; } .kb-navbar__chapter { padding: 1rem 1.5rem 1.5rem 1.5rem; background-color: #191919; transition: background-color 0.2s ease; flex-basis: 25%; text-decoration: none; } .kb-navbar__chapter:hover { background-color: #000; } .kb-navbar__chapter:hover .kb-navbar__chapter-title { color: #fff; } .kb-navbar__chapter-number { font-family: 'IBM Plex Mono', monospace; font-size: 0.875rem; line-height: 1em; color: #0071E3; font-weight: 500; } .kb-navbar.is-fixed { top: 64px; } .kb-navbar__chapter-title { color: #E6F1FC; margin-top: 0.4rem; font-weight: 500; } @media (min-width: 0px) { .kb-navbar__chapter-title { font-size: 1rem; } } @media (min-width: 768px) { .kb-navbar__chapter-title { font-size: 1.25rem; } } #breadcrumbs.breadcrumbs--kb { margin-top: 1.5rem; margin-bottom: 0; } @media screen and (max-width: 1024px) { .kb-navbar__chapter { flex-basis: 33%; } } @media screen and (max-width: 786px) { .kb-navbar__body { display: block; margin: 0; } .kb-navbar { top: 64px; display: flex; flex-direction: column-reverse; max-height: calc(100vh - (64px + 48px)); } .kb-navbar.is-fixed { max-height: calc(100vh - 64px); } .kb-navbar--open .kb-navbar__body { top: 0; height: 100%; background-color: #191919; overflow: scroll; padding: 0; } .kb-navbar__chapter-number { margin-top: 0.375rem; margin-right: 1rem; } .kb-navbar__chapter-title { margin-top: 0; } .kb-navbar__chapter { width: 100vw; height: auto; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.38); padding: 1rem 1rem; display: flex; } .kb-navbar__chapter-description { display: none; } .kb-navbar__title { color: #fff; } } .h3d-navbar.is-fixed + #content { padding-top: 96px; } .kb-navbar.is-fixed + #breadcrumbs { padding-top: 96px; } @media (max-width: 1200px) { .h3d-navbar.is-fixed + #content { padding-top: 87px; } } .kb-hero__title { margin: 0; color: #fff; } @media (min-width: 0px) { .kb-hero__title { font-size: 2.25rem; line-height: 120%; } } @media (min-width: 768px) { .kb-hero__title { font-size: 3rem; line-height: 120%; } } .kb-hero { padding: 4rem 5.5rem 4.5rem 5.5rem; background-color: #191919; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kb-hero__subtitle { color: rgba(255, 255, 255, 0.62); margin-top: 1.5rem; max-width: 34rem; } @media (min-width: 0px) { .kb-hero__subtitle { font-size: 0.6875rem; font-family: 'IBM Plex Mono', monospace; } } @media (min-width: 768px) { .kb-hero__subtitle { font-size: 1.25rem; font-family: unset; } } @media only screen and (min-width: 1440px) { .kb-hero { padding-left: 6%; } } @media only screen and (min-width: 1728px) { .kb-hero { padding-left: 15%; } } @media only screen and (max-width: 480px) { .kb-hero { padding: 0; background-color: unset; } .kb-hero__title { padding: 1rem; text-align: left; background-color: #191919; -webkit-font-smoothing: unset; -moz-osx-font-smoothing: unset; } .kb-hero__subtitle { padding: 0; margin: 1.5rem; background-color: unset; color: #0071E3; } } .kb-sharing-buttons__container { text-align: center; margin-top: 1rem; } .kb-sharing-buttons__container .h3d-button { margin-right: 0.5rem; } .kb-sharing-buttons__container p { font-size: 0.75rem; margin-bottom: 0.5rem; } .kb-sharing-buttons__container--hidden { opacity: 0; } .kb-sharing-buttons__container--floating { display: flex; flex-direction: column; position: fixed; top: 50%; right: 6rem; transform: translateY(-50%); } @media screen and (max-width: 1224px) { .kb-sharing-buttons__container--floating { display: none; } } .kb-sharing-buttons__container--floating .h3d-button:first-of-type { margin-right: 0.5rem; } .kb-sharing-buttons__container--floating .kb-sharing-buttons__buttons { text-align: center; } .kb-sharing-buttons__container--floating p { font-size: 0.75rem; margin-bottom: 0.5rem; } </style> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-KGCBN7J"); </script> <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script> <style> @font-face { font-family: 'Material Icons'; src: url(https://fonts.gstatic.com/s/materialicons/v67/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2'); font-style: normal; font-weight: 400; font-display: block; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } @media print { #popup-banner-container { display: none; } } </style> <meta name="keywords" content=""> <meta name="description" content="Choose from more than 80 high-performance metals, plastics and composites for manufacturing custom parts. Thousands more are available on request. "> <meta name="msvalidate.01" content="9472AD03D661D7C18CC41E98796B5118" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1 , "name": "All materials", "item": "https://www.hubs.com/materials/" } ] } </script> <link rel="canonical" href="https://www.hubs.com/materials/" /> <link rel="alternate" hreflang="en" href="https://www.hubs.com/materials/" /> <link rel="alternate" href="https://www.hubs.com/materials/" hreflang="x-default" /> <meta name="content-group" content="Materials"> <meta property="twitter:image" content="https://www.hubs.com/images/social-snippet-image.jpg"> <meta property="twitter:description" content="Choose from more than 80 high-performance metals, plastics and composites for manufacturing custom parts. Thousands more are available on request. "> <meta property="twitter:title" content="All materials | Protolabs Network"> <meta property="twitter:url" content="https://www.hubs.com/materials/"> <meta property="twitter:site" content="@ProtoLabs"> <meta property="twitter:card" content="summary_large_image"> <meta property="og:type" content="website"> <meta property="og:description" content="Choose from more than 80 high-performance metals, plastics and composites for manufacturing custom parts. Thousands more are available on request. "> <meta property="og:title" content="All materials | Protolabs Network"> <meta property="og:image" content="https://www.hubs.com/images/social-snippet-image.jpg"> <meta property="og:site_name" content="Protolabs Network"> <meta property="og:url" content="https://www.hubs.com/materials/"> <meta property="fb:app_id" content="233195526783964"> <link rel="apple-touch-icon" sizes="57x57" href="/images/icons/apple-icon-57x57.png?14564794"> <link rel="apple-touch-icon" sizes="60x60" href="/images/icons/apple-icon-60x60.png?14564794"> <link rel="apple-touch-icon" sizes="72x72" href="/images/icons/apple-icon-72x72.png?14564794"> <link rel="apple-touch-icon" sizes="76x76" href="/images/icons/apple-icon-76x76.png?14564794"> <link rel="apple-touch-icon" sizes="114x114" href="/images/icons/apple-icon-114x114.png?14564794"> <link rel="apple-touch-icon" sizes="120x120" href="/images/icons/apple-icon-120x120.png?14564794"> <link rel="apple-touch-icon" sizes="144x144" href="/images/icons/apple-icon-144x144.png?14564794"> <link rel="apple-touch-icon" sizes="152x152" href="/images/icons/apple-icon-152x152.png?14564794"> <link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-icon-180x180.png?14564794"> <link rel="icon" type="image/png" sizes="192x192" href="/images/icons/android-icon-192x192.png?14564794"> <link rel="icon" type="image/png" sizes="32x32" href="/images/icons/favicon-32x32.png?14564794"> <link rel="icon" type="image/png" sizes="96x96" href="/images/icons/favicon-96x96.png?14564794"> <link rel="icon" type="image/png" sizes="16x16" href="/images/icons/favicon-16x16.png?14564794"> <script type="text/javascript"> if(!NodeList.prototype.forEach) { var script = document.createElement("script"); script.src = "https://polyfill.io/v3/polyfill.min.js?features=Array.prototype.filter%2CArray.prototype.find%2CArray.prototype.forEach%2CArray.prototype.includes%2CArray.prototype.indexOf%2CArray.prototype.map%2CDate.now%2CElement.prototype.closest%2CArray.prototype.every%2CNodeList.prototype.forEach%2CURLSearchParams%2CURL%2Cdocument.getElementsByClassName%2Cdocument.querySelector%2CinnerHeight%2CinnerWidth%2CpageYOffset%2CscrollY%2Cscroll%2Cwindow.scroll"; document.head.appendChild(script); } </script> <noscript> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> </noscript> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> const TRANSLATIONS = JSON.parse("\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n{\n\n\n\n\"en\": \n{\n\n \"popup-banner-migration-secondary-cta\": \"Close\",\n\n \"popup-banner-migration-cta\": \"Start building your quote\",\n\n \"popup-banner-migration-text\": \"New customers receive 20% discount (max. $1,000/€1,000) on custom part orders. Discount automatically applied at the checkout until 30 November 2024.\",\n\n \"popup-banner-migration-title\": \"Get 20% off your first order\",\n\n \"top-banner-migration-cta\": \"Get a quote\",\n\n \"top-banner-migration-info\": \"20% off your first order. Save up to $1,000/€1,000. Ends 30 Nov 2024.\",\n\n \"cs-hub-title\": \"Case studies\",\n\n \"cs-filter-success-stories\": \"Success stories:\",\n\n \"cs-filter-industries\": \"Industries:\",\n\n \"cs-filter-technologies\": \"Technologies:\",\n\n \"main-nav-user-hft\": \"Create a team\",\n\n \"main-nav-user-quotes\": \"Quotes\",\n\n \"main-nav-user-hiw\": \"How it works\",\n\n \"h3d-redirect-link-text\": \"Read more here\",\n\n \"h3d-redirect-link\": \"/blog/3dhubs-is-now-hubs/\",\n\n \"h3d-redirect-copy\": \"Protolabs Network is now Protolabs Network. Custom parts manufacturing for engineers worldwide.\",\n\n \"parallax-3dp-prototyping-link\": \"/manufacture/?technology=3d-printing\",\n\n \"parallax-3dp-prototyping-technology\": \"SLS\",\n\n \"parallax-3dp-prototyping-material\": \"Nylon 12\",\n\n \"parallax-3dp-prototyping-cta\": \"See our price\",\n\n \"3dp-materials-sidebar-close\": \"Close\",\n\n \"3dp-materials-sidebar-quote\": \"Get instant quote\",\n\n \"3dp-materials-sidebar-learn\": \"Learn more\",\n\n \"3dp-materials-fdm\": \"FDM (Fused deposition modeling)\",\n\n \"3dp-materials-sls\": \"SLS (Selective laser sintering)\",\n\n \"3dp-materials-mjf\": \"MJF (MultiJet fusion)\",\n\n \"3dp-materials-sla\": \"SLA (Stereolithography)\",\n\n \"3dp-materials-dmls\": \"DMLS (Direct metal laser sintering)\",\n\n \"3dp-materials-title\": \"3D printing materials\",\n\n \"parallax-3dp-moonbase-cta\": \"See our price\",\n\n \"parallax-3dp-moonbase-material\": \"Nylon 12\",\n\n \"parallax-3dp-moonbase-technology\": \"SLS\",\n\n \"parallax-3dp-moonbase-link\": \"/manufacture/?technology=3d-printing\",\n\n \"cnc-materials-type\": \"type\",\n\n \"message-banner-oceania\": \"We currently do not deliver 3D printed parts to your country. We offer \\u003ca href=\\\"https://www.hubs.com/cnc-machining/\\\" title=\\\"Link to CNC machining page\\\"\\u003eCNC machining\\u003c/a\\u003e, \\u003ca href=\\\"https://www.hubs.com/sheet-metal-fabrication/\\\" title=\\\"Link to Sheet Metal fabrication page\\\"\\u003esheet metal fabrication\\u003c/a\\u003e and \\u003ca href=\\\"https://www.hubs.com/injection-molding/\\\" title=\\\"Link to Injection Molding page\\\"\\u003einjection molding\\u003c/a\\u003e.\",\n\n \"parallax-cnc-batch-technology\": \"CNC milling\",\n\n \"parallax-cnc-batch-finish\": \"Anodised\",\n\n \"parallax-cnc-batch-link\": \"/manufacture/\",\n\n \"parallax-cnc-batch-material\": \"Aluminum 6061\",\n\n \"cnc-materials-subsets-common-applications\": \"Common applications\",\n\n \"cnc-materials-subsets-uv\": \"UV resistance\",\n\n \"cnc-materials-subsets-esd\": \"ESD Safety\",\n\n \"cnc-materials-subsets-elongation\": \"Elongation at break\",\n\n \"cnc-materials-subsets-service-temp\": \"Maximum service temperature\",\n\n \"cnc-materials-subsets-weldability\": \"Weldability\",\n\n \"cnc-materials-subsets-corrosion\": \"Corrosion resistance\",\n\n \"cnc-materials-subsets-hardness\": \"Hardness\",\n\n \"cnc-materials-subsets-magnetism\": \"Magnetism\",\n\n \"cnc-materials-subsets-modulus\": \"Young modulus\",\n\n \"cnc-materials-subsets-tensile\": \"Ultimate Tensile Strength\",\n\n \"cnc-materials-types\": \"types\",\n\n \"cnc-materials-metals\": \"Metals\",\n\n \"cnc-materials-plastics\": \"Plastics\",\n\n \"cnc-materials-sidebar-learn\": \"Learn more\",\n\n \"cnc-materials-sidebar-quote\": \"Get instant quote\",\n\n \"cnc-materials-sidebar-close\": \"Close\",\n\n \"knowledge-hub-search-placeholder\": \"Search through our content\",\n\n \"parallax-overlay-cta\": \"See our price\",\n\n \"parallax-overlay-finish\": \"Finish\",\n\n \"parallax-overlay-material\": \"Material\",\n\n \"parallax-overlay-technology\": \"Technology\",\n\n \"parallax-cnc-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/cnc_machining_sample_part/load\",\n\n \"parallax-cnc-finish\": \"As machined\",\n\n \"parallax-cnc-material\": \"Aluminium 6061\",\n\n \"parallax-cnc-technology\": \"CNC milling\",\n\n \"parallax-3dprinting-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/3d_printing_sample_part/load\",\n\n \"parallax-3dprinting-material\": \"Nylon 12\",\n\n \"parallax-3dprinting-technology\": \"SLS\",\n\n \"parallax-sheetmetal-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/sheet_metal_sample_part/load\",\n\n \"parallax-sheetmetal-finish\": \"As machined\",\n\n \"parallax-sheetmetal-material\": \"Copper C110\",\n\n \"parallax-sheetmetal-technology\": \"Sheet metal\",\n\n \"knowledge-hub-filter-categories\": \"Categories\",\n\n \"knowledge-hub-filter-topics\": \"Topics\",\n\n \"knowledge-hub-clear\": \"Clear all\",\n\n \"knowledge-hub-filters\": \"Filters\",\n\n \"knowledge-hub-all-articles\": \"All articles\",\n\n \"knowledge-hub-title\": \"Blog\",\n\n \"status-message-banner\": \"Through the global COVID-19 crisis, we continue to operate as usual. We\\u0026rsquo;ve also started a Protolabs Network COVID-19 Manufacturing fund. Learn more \\u003ca href=\\\"/covid-19-fund/\\\"\\u003ehere\\u003c/a\\u003e.\",\n\n \"share-via-email-to-placeholder\": \"\\u003ca href=\\\"mailto:john@company.com\\\"\\u003ejohn@company.com\\u003c/a\\u003e, \\u003ca href=\\\"mailto:emma@company.com\\\"\\u003eemma@company.com\\u003c/a\\u003e\",\n\n \"share-via-email-to-label\": \"To:\",\n\n \"share-via-email-to-explanation\": \"To add multiple emails separate them with a comma.\",\n\n \"share-via-email-to-error\": \"Please enter one or more email addresses\",\n\n \"share-via-email-success-message\": \"We successfully emailed this article. Thanks for sharing our content!\",\n\n \"share-via-email-success-cta\": \"Thanks for sharing!\",\n\n \"share-via-email-success-close-cta\": \"Back to article\",\n\n \"share-via-email-primary-cta\": \"Send email\",\n\n \"share-via-email-name-placeholder\": \"Enter your name\",\n\n \"share-via-email-name-label\": \"Your name:\",\n\n \"share-via-email-name-error\": \"Please enter your name\",\n\n \"share-via-email-message-placeholder\": \"Enter a personal message. (optional)\",\n\n \"share-via-email-message-label\": \"Message:\",\n\n \"share-via-email-header\": \"Share this page\",\n\n \"share-via-email-cta\": \"Your message will include a link to this page and a PDF of Protolabs Network professional services.\",\n\n \"share-via-email-close-cta\": \"Close\",\n\n \"checkout-email-capture-success-secondary-cta\": \"Go back\",\n\n \"checkout-email-capture-success-cta\": \"Continue to get quote\",\n\n \"checkout-email-capture-success-body\": \"\\u003cp\\u003eWe have emailed you more information about our quoting tool.\\u003c/p\\u003e\\u003cbr\\u003e\\u003cp\\u003eIf you would like to get in touch with us, you can also \\u003ca href=\\\"#\\\" data-phonenumber-href-geolocated\\u003ecall us directly\\u003c/a\\u003e or \\u003ca href=\\\"/talk-with-an-expert/\\\"\\u003ebook a meeting\\u003c/a\\u003e.\\u003c/p\\u003e\",\n\n \"checkout-email-capture-success-header\": \"Thanks!\",\n\n \"checkout-email-capture-secondary-cta\": \"Continue to get quote\",\n\n \"checkout-email-capture-primary-cta\": \"Email me\",\n\n \"checkout-email-capture-email-invalid-error\": \"Please enter a valid email address.\",\n\n \"checkout-email-capture-email\": \"Email address:\",\n\n \"checkout-email-capture-cta\": \"Leave your email and we will send you a reminder along with product updates and industry news\",\n\n \"checkout-email-capture-header\": \"Our quoting tool works much better on desktop\",\n\n \"cookie-consent-policy\": \"Cookie Policy\",\n\n \"cookie-consent-message\": \"This website uses cookies to ensure you get the best experience and to personalize our offerings, on and off this site, specifically for you.\",\n\n \"cookie-consent-learn-more\": \"Learn more\",\n\n \"cookie-consent-allow\": \"Allow cookies\",\n\n \"main-nav-user-hub-dashboard\": \"Hub Dashboard\",\n\n \"language-banner-switch\": \"Go to the English version\",\n\n \"language-banner-stay\": \"Keep reading the current version\",\n\n \"language-banner-language-available\": \"This website is also available in English\",\n\n \"language-banner-alternative\": \"or\",\n\n \"main-nav-user-orders\": \"Orders\",\n\n \"main-nav-user-account-settings\": \"Account Settings\",\n\n \"main-nav-user-logout\": \"Log out\",\n\n \"main-nav-go-home\": \"Go to homepage\",\n\n \"block-phone-banner-cta-call\": \"For any questions about our services you can call us at:\"\n\n}\n,\n\n\n\n \n \n \n\n \"de\": \n{\n\n \"popup-banner-migration-secondary-cta\": \"Schließen\",\n\n \"popup-banner-migration-cta\": \"Sofortangebot anfordern\",\n\n \"popup-banner-migration-text\": \"Neukunden erhalten 20% Rabatt (max. 1.000 €/$) auf Aufträge für benutzerdefinierte Teile. Der Rabatt wird bis zum 30 November 2024 automatisch während der Kaufabwicklung angewendet.\",\n\n \"popup-banner-migration-title\": \"20% Rabatt auf Ihren ersten Auftrag\",\n\n \"top-banner-migration-cta\": \"Angebot anfordern\",\n\n \"top-banner-migration-info\": \"20% Rabatt auf Ihre erste Bestellung. Sparen bis zum 30. November 2024 bis zu 1 000 €/$.\",\n\n \"cs-hub-title\": \"Case studies\",\n\n \"cs-filter-success-stories\": \"Success stories:\",\n\n \"cs-filter-industries\": \"Industries:\",\n\n \"cs-filter-technologies\": \"Technologies:\",\n\n \"main-nav-user-hft\": \"Team erstellen\",\n\n \"main-nav-user-quotes\": \"Angebote\",\n\n \"main-nav-user-hiw\": \"So funktioniert es\",\n\n \"h3d-redirect-link-text\": \"Lesen Sie hier mehr\",\n\n \"h3d-redirect-link\": \"/de/blog/3dhubs-ist-jetzt-hubs/\",\n\n \"h3d-redirect-copy\": \"Protolabs Network ist jetzt Protolabs Network. Kundenspezifische Teilefertigung für Ingenieure auf der ganzen Welt.\",\n\n \"parallax-3dp-prototyping-link\": \"/manufacture/?technology=3d-printing\",\n\n \"parallax-3dp-prototyping-technology\": \"SLS\",\n\n \"parallax-3dp-prototyping-material\": \"Nylon 12\",\n\n \"parallax-3dp-prototyping-cta\": \"See our price\",\n\n \"3dp-materials-sidebar-close\": \"schließen\",\n\n \"3dp-materials-sidebar-quote\": \"Sofortangebot erhalten\",\n\n \"3dp-materials-sidebar-learn\": \"Mehr Informationen\",\n\n \"3dp-materials-fdm\": \"FDM (Fused deposition modeling)\",\n\n \"3dp-materials-sls\": \"SLS (Selectives Lasersintern)\",\n\n \"3dp-materials-mjf\": \"MJF (MultiJet fusion)\",\n\n \"3dp-materials-sla\": \"SLA (Stereolithography)\",\n\n \"3dp-materials-dmls\": \"DMLS (Direct metal laser sintering)\",\n\n \"3dp-materials-title\": \"3D-Druck-Materialien\",\n\n \"parallax-3dp-moonbase-cta\": \"See our price\",\n\n \"parallax-3dp-moonbase-material\": \"Nylon 12\",\n\n \"parallax-3dp-moonbase-technology\": \"SLS\",\n\n \"parallax-3dp-moonbase-link\": \"/manufacture/?technology=3d-printing\",\n\n \"cnc-materials-type\": \"Typ\",\n\n \"message-banner-oceania\": \"We currently do not deliver 3D printed parts to your country. We offer \\u003ca href=\\\"https://www.hubs.com/cnc-machining/\\\" title=\\\"Link to CNC machining page\\\"\\u003eCNC machining\\u003c/a\\u003e, \\u003ca href=\\\"https://www.hubs.com/sheet-metal-fabrication/\\\" title=\\\"Link to Sheet Metal fabrication page\\\"\\u003esheet metal fabrication\\u003c/a\\u003e and \\u003ca href=\\\"https://www.hubs.com/injection-molding/\\\" title=\\\"Link to Injection Molding page\\\"\\u003einjection molding\\u003c/a\\u003e.\",\n\n \"parallax-cnc-batch-technology\": \"CNC-Fräsen\",\n\n \"parallax-cnc-batch-finish\": \"Eloxiertes\",\n\n \"parallax-cnc-batch-link\": \"/manufacture/\",\n\n \"parallax-cnc-batch-material\": \"Aluminium 6061\",\n\n \"cnc-materials-subsets-common-applications\": \"Gängige Anwendungen\",\n\n \"cnc-materials-subsets-uv\": \"UV-Beständigkeit\",\n\n \"cnc-materials-subsets-esd\": \"ESD-Sicherheit\",\n\n \"cnc-materials-subsets-elongation\": \"Bruchdehnung\",\n\n \"cnc-materials-subsets-service-temp\": \"Maximale Gebrauchstemperatur\",\n\n \"cnc-materials-subsets-weldability\": \"Schweißbarkeit\",\n\n \"cnc-materials-subsets-corrosion\": \"Korrosionsbeständigkeit\",\n\n \"cnc-materials-subsets-hardness\": \"Härte\",\n\n \"cnc-materials-subsets-magnetism\": \"Magnetismus\",\n\n \"cnc-materials-subsets-modulus\": \"E-Modul\",\n\n \"cnc-materials-subsets-tensile\": \"Zugfestigkeit\",\n\n \"cnc-materials-types\": \"Arten\",\n\n \"cnc-materials-metals\": \"Metalle\",\n\n \"cnc-materials-plastics\": \"Kunststoffe\",\n\n \"cnc-materials-sidebar-learn\": \"Erfahren Sie mehr\",\n\n \"cnc-materials-sidebar-quote\": \"Sofortangebot erhalten\",\n\n \"cnc-materials-sidebar-close\": \"Schließen\",\n\n \"knowledge-hub-search-placeholder\": \"Search through our content\",\n\n \"parallax-overlay-cta\": \"Sehen Sie unseren Preis\",\n\n \"parallax-overlay-finish\": \"Finish\",\n\n \"parallax-overlay-material\": \"Material\",\n\n \"parallax-overlay-technology\": \"Technologie\",\n\n \"parallax-cnc-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/cnc_machining_sample_part/load\",\n\n \"parallax-cnc-finish\": \"Wie bearbeitet\",\n\n \"parallax-cnc-material\": \"Aluminium 6061\",\n\n \"parallax-cnc-technology\": \"CNC-Fräsen\",\n\n \"parallax-3dprinting-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/3d_printing_sample_part/load\",\n\n \"parallax-3dprinting-material\": \"Nylon 12\",\n\n \"parallax-3dprinting-technology\": \"SLS\",\n\n \"parallax-sheetmetal-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/sheet_metal_sample_part/load\",\n\n \"parallax-sheetmetal-finish\": \"As machined\",\n\n \"parallax-sheetmetal-material\": \"Copper C110\",\n\n \"parallax-sheetmetal-technology\": \"Sheet metal\",\n\n \"knowledge-hub-filter-categories\": \"Categories\",\n\n \"knowledge-hub-filter-topics\": \"Topics\",\n\n \"knowledge-hub-clear\": \"Clear all\",\n\n \"knowledge-hub-filters\": \"Filters\",\n\n \"knowledge-hub-all-articles\": \"All articles\",\n\n \"knowledge-hub-title\": \"Blog\",\n\n \"status-message-banner\": \"Protolabs Network produziert während der COVID-19-Pandemie weiterhin mit gewohnter Kapazität und gleichem Tempo. Wir haben ebenfalls einen Fonds zur Fertigung kritischer Teile für COVID-19-Initiativen gelauncht. Erfahren Sie \\u003ca href=\\\"https://www.hubs.com/dehttps://www.hubs.com/de/covid-19-fund/\\\"\\u003ehier\\u003c/a\\u003e mehr.\",\n\n \"share-via-email-to-placeholder\": \"\\u003ca href=\\\"mailto:john@company.com\\\"\\u003ejohn@company.com\\u003c/a\\u003e, \\u003ca href=\\\"mailto:emma@company.com\\\"\\u003eemma@company.com\\u003c/a\\u003e\",\n\n \"share-via-email-to-label\": \"To:\",\n\n \"share-via-email-to-explanation\": \"To add multiple emails separate them with a comma.\",\n\n \"share-via-email-to-error\": \"Please enter one or more email addresses\",\n\n \"share-via-email-success-message\": \"We successfully emailed this article. Thanks for sharing our content!\",\n\n \"share-via-email-success-cta\": \"Thanks for sharing!\",\n\n \"share-via-email-success-close-cta\": \"Back to article\",\n\n \"share-via-email-primary-cta\": \"Send email\",\n\n \"share-via-email-name-placeholder\": \"Enter your name\",\n\n \"share-via-email-name-label\": \"Your name:\",\n\n \"share-via-email-name-error\": \"Please enter your name\",\n\n \"share-via-email-message-placeholder\": \"Enter a personal message. (optional)\",\n\n \"share-via-email-message-label\": \"Message:\",\n\n \"share-via-email-header\": \"Share this page\",\n\n \"share-via-email-cta\": \"Your message will include a link to this page and a PDF of Protolabs Network professional services.\",\n\n \"share-via-email-close-cta\": \"Close\",\n\n \"checkout-email-capture-success-secondary-cta\": \"Go back\",\n\n \"checkout-email-capture-success-cta\": \"Continue to get quote\",\n\n \"checkout-email-capture-success-body\": \"\\u003cp\\u003eWe have emailed you more information about our quoting tool.\\u003c/p\\u003e\\u003cbr\\u003e\\u003cp\\u003eIf you would like to get in touch with us, you can also \\u003ca href=\\\"#\\\" data-phonenumber-href-geolocated\\u003ecall us directly\\u003c/a\\u003e or \\u003ca href=\\\"/talk-with-an-expert/\\\"\\u003ebook a meeting\\u003c/a\\u003e.\\u003c/p\\u003e\",\n\n \"checkout-email-capture-success-header\": \"Thanks!\",\n\n \"checkout-email-capture-secondary-cta\": \"Continue to get quote\",\n\n \"checkout-email-capture-primary-cta\": \"Email me\",\n\n \"checkout-email-capture-email-invalid-error\": \"Please enter a valid email address.\",\n\n \"checkout-email-capture-email\": \"Email address:\",\n\n \"checkout-email-capture-cta\": \"Leave your email and we will send you a reminder along with product updates and industry news\",\n\n \"checkout-email-capture-header\": \"Our quoting tool works much better on desktop\",\n\n \"cookie-consent-policy\": \"Cookie Richtlinien\",\n\n \"cookie-consent-message\": \"Diese Website verwendet Cookies, um Ihnen die bestmögliche Erfahrung zu bieten.\",\n\n \"cookie-consent-learn-more\": \"Erfahren Sie mehr\",\n\n \"cookie-consent-allow\": \"Cookies zulassen\",\n\n \"main-nav-user-hub-dashboard\": \"Hub Dashboard\",\n\n \"language-banner-switch\": \"Gehen Sie auf die Englische Version\",\n\n \"language-banner-stay\": \"Auf der deutschen Website bleiben\",\n\n \"language-banner-language-available\": \"Diese Webseite gibt es auch auf Deutsch\",\n\n \"language-banner-alternative\": \"oder\",\n\n \"main-nav-user-orders\": \"Aufträge\",\n\n \"main-nav-user-account-settings\": \"Kontoeinstellungen\",\n\n \"main-nav-user-logout\": \"Ausloggen\",\n\n \"main-nav-go-home\": \"Zur Startseite\",\n\n \"block-phone-banner-cta-call\": \"Rufen Sie uns an:\"\n\n}\n,\n\n \n \n \n\n \"fr\": \n{\n\n \"popup-banner-migration-secondary-cta\": \"Fermer\",\n\n \"popup-banner-migration-cta\": \"Commencer votre devis\",\n\n \"popup-banner-migration-text\": \"Les nouveaux clients bénéficient d\\u0026rsquo;une remise de 20% (max. 1 000 €/$) sur les commandes de pièces personnalisées. La remise, valable jusqu\\u0026rsquo;au 30 novembre 2024, est automatiquement appliquée au moment du paiement.\",\n\n \"popup-banner-migration-title\": \"Moins 20% sur la première commande\",\n\n \"top-banner-migration-cta\": \"Obtenir un devis\",\n\n \"top-banner-migration-info\": \"Remise de 20% sur votre première commande. Économisez jusqu\\u0026rsquo;à 1 000 €/$. Valable jusqu\\u0026rsquo;au 30 nov 2024.\",\n\n \"cs-hub-title\": \"Case studies\",\n\n \"cs-filter-success-stories\": \"Success stories:\",\n\n \"cs-filter-industries\": \"Industries:\",\n\n \"cs-filter-technologies\": \"Technologies:\",\n\n \"main-nav-user-hft\": \"Créer une équipe\",\n\n \"main-nav-user-quotes\": \"Devis\",\n\n \"main-nav-user-hiw\": \"Comment ça marche\",\n\n \"h3d-redirect-link-text\": \"Lire la suite ici\",\n\n \"h3d-redirect-link\": \"/fr/blog/3dhubs-devient-hubs/\",\n\n \"h3d-redirect-copy\": \"Protolabs Network devient Protolabs Network. Un fabricant de pièces personnalisées pour les ingénieurs du monde entier.\",\n\n \"parallax-3dp-prototyping-link\": \"/manufacture/?technology=3d-printing\",\n\n \"parallax-3dp-prototyping-technology\": \"SLS\",\n\n \"parallax-3dp-prototyping-material\": \"Nylon 12\",\n\n \"parallax-3dp-prototyping-cta\": \"See our price\",\n\n \"3dp-materials-sidebar-close\": \"Fermer\",\n\n \"3dp-materials-sidebar-quote\": \"Obtenez un devis instantané\",\n\n \"3dp-materials-sidebar-learn\": \"En savoir plus\",\n\n \"3dp-materials-fdm\": \"FDM (Dépôt de Fil Fondu)\",\n\n \"3dp-materials-sls\": \"SLS (Frittage Sélectif par Laser)\",\n\n \"3dp-materials-mjf\": \"MJF (MultiJet Fusion)\",\n\n \"3dp-materials-sla\": \"SLA (Stéréolithographie)\",\n\n \"3dp-materials-dmls\": \"DMLS (Frittage Laser Direct de Métal)\",\n\n \"3dp-materials-title\": \"Matériaux pour impression 3D\",\n\n \"parallax-3dp-moonbase-cta\": \"See our price\",\n\n \"parallax-3dp-moonbase-material\": \"Nylon 12\",\n\n \"parallax-3dp-moonbase-technology\": \"SLS\",\n\n \"parallax-3dp-moonbase-link\": \"/manufacture/?technology=3d-printing\",\n\n \"cnc-materials-type\": \"type\",\n\n \"message-banner-oceania\": \"We currently do not deliver 3D printed parts to your country. We offer \\u003ca href=\\\"https://www.hubs.com/cnc-machining/\\\" title=\\\"Link to CNC machining page\\\"\\u003eCNC machining\\u003c/a\\u003e, \\u003ca href=\\\"https://www.hubs.com/sheet-metal-fabrication/\\\" title=\\\"Link to Sheet Metal fabrication page\\\"\\u003esheet metal fabrication\\u003c/a\\u003e and \\u003ca href=\\\"https://www.hubs.com/injection-molding/\\\" title=\\\"Link to Injection Molding page\\\"\\u003einjection molding\\u003c/a\\u003e.\",\n\n \"parallax-cnc-batch-technology\": \"Fraisage CNC\",\n\n \"parallax-cnc-batch-finish\": \"Anodisé\",\n\n \"parallax-cnc-batch-link\": \"/manufacture/\",\n\n \"parallax-cnc-batch-material\": \"Aluminium 6061\",\n\n \"cnc-materials-subsets-common-applications\": \"Applications courantes\",\n\n \"cnc-materials-subsets-uv\": \"Résistance aux UV\",\n\n \"cnc-materials-subsets-esd\": \"Sécurité ESD\",\n\n \"cnc-materials-subsets-elongation\": \"Allongement à la rupture\",\n\n \"cnc-materials-subsets-service-temp\": \"Température maximale de service\",\n\n \"cnc-materials-subsets-weldability\": \"Soudabilité\",\n\n \"cnc-materials-subsets-corrosion\": \"Résistance à la corrosion\",\n\n \"cnc-materials-subsets-hardness\": \"Dureté\",\n\n \"cnc-materials-subsets-magnetism\": \"Magnétisme\",\n\n \"cnc-materials-subsets-modulus\": \"Module d’élasticité\",\n\n \"cnc-materials-subsets-tensile\": \"Résistance à la rupture par traction\",\n\n \"cnc-materials-types\": \"types\",\n\n \"cnc-materials-metals\": \"Métaux\",\n\n \"cnc-materials-plastics\": \"Plastiques\",\n\n \"cnc-materials-sidebar-learn\": \"En savoir plus\",\n\n \"cnc-materials-sidebar-quote\": \"Devis instantané\",\n\n \"cnc-materials-sidebar-close\": \"Fermer\",\n\n \"knowledge-hub-search-placeholder\": \"Search through our content\",\n\n \"parallax-overlay-cta\": \"Voir nos prix\",\n\n \"parallax-overlay-finish\": \"Finition\",\n\n \"parallax-overlay-material\": \"Matériel\",\n\n \"parallax-overlay-technology\": \"Technologie\",\n\n \"parallax-cnc-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/cnc_machining_sample_part/load\",\n\n \"parallax-cnc-finish\": \"Surface usinée (standard)\",\n\n \"parallax-cnc-material\": \"Aluminium 6061\",\n\n \"parallax-cnc-technology\": \"Fraisage CNC\",\n\n \"parallax-3dprinting-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/3d_printing_sample_part/load\",\n\n \"parallax-3dprinting-material\": \"Nylon 12\",\n\n \"parallax-3dprinting-technology\": \"SLS\",\n\n \"parallax-sheetmetal-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/sheet_metal_sample_part/load\",\n\n \"parallax-sheetmetal-finish\": \"As machined\",\n\n \"parallax-sheetmetal-material\": \"Copper C110\",\n\n \"parallax-sheetmetal-technology\": \"Sheet metal\",\n\n \"knowledge-hub-filter-categories\": \"Categories\",\n\n \"knowledge-hub-filter-topics\": \"Topics\",\n\n \"knowledge-hub-clear\": \"Clear all\",\n\n \"knowledge-hub-filters\": \"Filters\",\n\n \"knowledge-hub-all-articles\": \"All articles\",\n\n \"knowledge-hub-title\": \"Blog\",\n\n \"status-message-banner\": \"Malgré l\\u0026rsquo;épidemie mondiale de COVID-19, nous maintenons notre activité habituelle. Nous avons également lancé le \\u0026ldquo;COVID-19 Manufacturing fund\\u0026rdquo;. Pour en savoir plus, cliquez \\u003ca href=\\\"/fr/covid-19-fond/\\\"\\u003eici\\u003c/a\\u003e.\",\n\n \"share-via-email-to-placeholder\": \"\\u003ca href=\\\"mailto:john@company.com\\\"\\u003ejohn@company.com\\u003c/a\\u003e, \\u003ca href=\\\"mailto:emma@company.com\\\"\\u003eemma@company.com\\u003c/a\\u003e\",\n\n \"share-via-email-to-label\": \"To:\",\n\n \"share-via-email-to-explanation\": \"To add multiple emails separate them with a comma.\",\n\n \"share-via-email-to-error\": \"Please enter one or more email addresses\",\n\n \"share-via-email-success-message\": \"We successfully emailed this article. Thanks for sharing our content!\",\n\n \"share-via-email-success-cta\": \"Thanks for sharing!\",\n\n \"share-via-email-success-close-cta\": \"Back to article\",\n\n \"share-via-email-primary-cta\": \"Send email\",\n\n \"share-via-email-name-placeholder\": \"Enter your name\",\n\n \"share-via-email-name-label\": \"Your name:\",\n\n \"share-via-email-name-error\": \"Please enter your name\",\n\n \"share-via-email-message-placeholder\": \"Enter a personal message. (optional)\",\n\n \"share-via-email-message-label\": \"Message:\",\n\n \"share-via-email-header\": \"Share this page\",\n\n \"share-via-email-cta\": \"Your message will include a link to this page and a PDF of Protolabs Network professional services.\",\n\n \"share-via-email-close-cta\": \"Close\",\n\n \"checkout-email-capture-success-secondary-cta\": \"Go back\",\n\n \"checkout-email-capture-success-cta\": \"Continue to get quote\",\n\n \"checkout-email-capture-success-body\": \"\\u003cp\\u003eWe have emailed you more information about our quoting tool.\\u003c/p\\u003e\\u003cbr\\u003e\\u003cp\\u003eIf you would like to get in touch with us, you can also \\u003ca href=\\\"#\\\" data-phonenumber-href-geolocated\\u003ecall us directly\\u003c/a\\u003e or \\u003ca href=\\\"/talk-with-an-expert/\\\"\\u003ebook a meeting\\u003c/a\\u003e.\\u003c/p\\u003e\",\n\n \"checkout-email-capture-success-header\": \"Thanks!\",\n\n \"checkout-email-capture-secondary-cta\": \"Continue to get quote\",\n\n \"checkout-email-capture-primary-cta\": \"Email me\",\n\n \"checkout-email-capture-email-invalid-error\": \"Please enter a valid email address.\",\n\n \"checkout-email-capture-email\": \"Email address:\",\n\n \"checkout-email-capture-cta\": \"Leave your email and we will send you a reminder along with product updates and industry news\",\n\n \"checkout-email-capture-header\": \"Our quoting tool works much better on desktop\",\n\n \"cookie-consent-policy\": \"Politique concernant les cookies\",\n\n \"cookie-consent-message\": \"Ce site utilise des cookies pour vous garantir la meilleure expérience.\",\n\n \"cookie-consent-learn-more\": \"En savoir plus\",\n\n \"cookie-consent-allow\": \"Autoriser les cookies\",\n\n \"main-nav-user-hub-dashboard\": \"Hub Dashboard\",\n\n \"language-banner-switch\": \"Aller à la version française\",\n\n \"language-banner-stay\": \"Continuez à lire la version française\",\n\n \"language-banner-language-available\": \"Ce site est également disponible en français\",\n\n \"language-banner-alternative\": \"ou\",\n\n \"main-nav-user-orders\": \"Commandes\",\n\n \"main-nav-user-account-settings\": \"Paramètres du compte\",\n\n \"main-nav-user-logout\": \"Déconnexion\",\n\n \"main-nav-go-home\": \"Se rendre sur la page d’accueil\",\n\n \"block-phone-banner-cta-call\": \"Nous contacter par telephone au:\"\n\n}\n,\n\n \n \n \n\n \"nl\": \n{\n\n \"popup-banner-migration-secondary-cta\": \"Sluiten\",\n\n \"popup-banner-migration-cta\": \"Nu je prijsopgave aanvragen\",\n\n \"popup-banner-migration-text\": \"Nieuwe klanten krijgen 20% korting (max. €/$ 1,000) op bestellingen voor custom onderdelen. Deze korting wordt automatisch verrekend bij het betalen en is geldig t/m 30 november 2024.\",\n\n \"popup-banner-migration-title\": \"20% korting op je eerste bestelling\",\n\n \"top-banner-migration-cta\": \"Ontvang een prijsopgave\",\n\n \"top-banner-migration-info\": \"20% korting op je eerste bestelling. Bespaar tot €/$ 1,000. Eindigt op 30 nov 2024.\",\n\n \"cs-hub-title\": \"Case studies\",\n\n \"cs-filter-success-stories\": \"Success stories:\",\n\n \"cs-filter-industries\": \"Industries:\",\n\n \"cs-filter-technologies\": \"Technologies:\",\n\n \"main-nav-user-hft\": \"Create a team\",\n\n \"main-nav-user-quotes\": \"Quotes\",\n\n \"main-nav-user-hiw\": \"Hoe het werkt\",\n\n \"h3d-redirect-link-text\": \"Read more here\",\n\n \"h3d-redirect-link\": \"/blog/3dhubs-is-now-hubs/\",\n\n \"h3d-redirect-copy\": \"Protolabs Network is now Protolabs Network. Custom parts manufacturing for engineers worldwide.\",\n\n \"parallax-3dp-prototyping-link\": \"/manufacture/?technology=3d-printing\",\n\n \"parallax-3dp-prototyping-technology\": \"SLS\",\n\n \"parallax-3dp-prototyping-material\": \"Nylon 12\",\n\n \"parallax-3dp-prototyping-cta\": \"See our price\",\n\n \"3dp-materials-sidebar-close\": \"Sluiten\",\n\n \"3dp-materials-sidebar-quote\": \"Ontvang direct een offerte\",\n\n \"3dp-materials-sidebar-learn\": \"Meer informatie\",\n\n \"3dp-materials-fdm\": \"FDM (Fused Deposition Modeling)\",\n\n \"3dp-materials-sls\": \"SLS (selectief lasersinteren)\",\n\n \"3dp-materials-mjf\": \"MJF (MultiJet fusion)\",\n\n \"3dp-materials-sla\": \"SLA (stereolithografie)\",\n\n \"3dp-materials-dmls\": \"DMLS (Direct metaallasersinteren)\",\n\n \"3dp-materials-title\": \"3D-printmaterialen\",\n\n \"parallax-3dp-moonbase-cta\": \"See our price\",\n\n \"parallax-3dp-moonbase-material\": \"Nylon 12\",\n\n \"parallax-3dp-moonbase-technology\": \"SLS\",\n\n \"parallax-3dp-moonbase-link\": \"/manufacture/?technology=3d-printing\",\n\n \"cnc-materials-type\": \"type\",\n\n \"message-banner-oceania\": \"We currently do not deliver 3D printed parts to your country. We offer \\u003ca href=\\\"https://www.hubs.com/cnc-machining/\\\" title=\\\"Link to CNC machining page\\\"\\u003eCNC machining\\u003c/a\\u003e, \\u003ca href=\\\"https://www.hubs.com/sheet-metal-fabrication/\\\" title=\\\"Link to Sheet Metal fabrication page\\\"\\u003esheet metal fabrication\\u003c/a\\u003e and \\u003ca href=\\\"https://www.hubs.com/injection-molding/\\\" title=\\\"Link to Injection Molding page\\\"\\u003einjection molding\\u003c/a\\u003e.\",\n\n \"parallax-cnc-batch-technology\": \"CNC freeswerk\",\n\n \"parallax-cnc-batch-finish\": \"Geanodiseerd\",\n\n \"parallax-cnc-batch-link\": \"/₥áñúƒáçƭúřè/\",\n\n \"parallax-cnc-batch-material\": \"Aluminium 6061\",\n\n \"cnc-materials-subsets-common-applications\": \"Algemene toepassingen\",\n\n \"cnc-materials-subsets-uv\": \"UV-weerstand\",\n\n \"cnc-materials-subsets-esd\": \"ESD-veiligheid\",\n\n \"cnc-materials-subsets-elongation\": \"Verlenging bij breuk\",\n\n \"cnc-materials-subsets-service-temp\": \"Maximum servicetemperatuur\",\n\n \"cnc-materials-subsets-weldability\": \"Lasbaarheid\",\n\n \"cnc-materials-subsets-corrosion\": \"Corrosiebestendigheid\",\n\n \"cnc-materials-subsets-hardness\": \"Hardheid\",\n\n \"cnc-materials-subsets-magnetism\": \"Magnetisme\",\n\n \"cnc-materials-subsets-modulus\": \"Jonge modulus\",\n\n \"cnc-materials-subsets-tensile\": \"Ultieme treksterkte\",\n\n \"cnc-materials-types\": \"types\",\n\n \"cnc-materials-metals\": \"Metalen\",\n\n \"cnc-materials-plastics\": \"Plastics\",\n\n \"cnc-materials-sidebar-learn\": \"Meer informatie\",\n\n \"cnc-materials-sidebar-quote\": \"Vraag direct een offerte aan\",\n\n \"cnc-materials-sidebar-close\": \"Sluiten\",\n\n \"knowledge-hub-search-placeholder\": \"Search through our content\",\n\n \"parallax-overlay-cta\": \"Zie onze prijs\",\n\n \"parallax-overlay-finish\": \"Finish\",\n\n \"parallax-overlay-material\": \"Materiaal\",\n\n \"parallax-overlay-technology\": \"Technologie\",\n\n \"parallax-cnc-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/cnc_machining_sample_part/load\",\n\n \"parallax-cnc-finish\": \"Zoals bewerkt\",\n\n \"parallax-cnc-material\": \"Aluminium 6061\",\n\n \"parallax-cnc-technology\": \"CNC freeswerk\",\n\n \"parallax-3dprinting-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/3d_printing_sample_part/load\",\n\n \"parallax-3dprinting-material\": \"Nylon 12\",\n\n \"parallax-3dprinting-technology\": \"SLS\",\n\n \"parallax-sheetmetal-link\": \"https://www.hubs.com/api/s/cnc/demo-parts/sheet_metal_sample_part/load\",\n\n \"parallax-sheetmetal-finish\": \"As machined\",\n\n \"parallax-sheetmetal-material\": \"Copper C110\",\n\n \"parallax-sheetmetal-technology\": \"Sheet metal\",\n\n \"knowledge-hub-filter-categories\": \"Categories\",\n\n \"knowledge-hub-filter-topics\": \"Topics\",\n\n \"knowledge-hub-clear\": \"Clear all\",\n\n \"knowledge-hub-filters\": \"Filters\",\n\n \"knowledge-hub-all-articles\": \"All articles\",\n\n \"knowledge-hub-title\": \"Blog\",\n\n \"status-message-banner\": \"Ondanks de wereldwijde COVID-19-crisis blijven we gewoon doorwerken. Daarnaast zijn we begonnen met het Protolabs Network COVID-19 Productiefonds. Meer informatie \\u003ca href=\\\"/nl/covid-19-fonds/\\\"\\u003e hier\\u003c/a\\u003e .\",\n\n \"share-via-email-to-placeholder\": \"\\u003ca href=\\\"mailto:john@company.com\\\"\\u003ejohn@company.com\\u003c/a\\u003e, \\u003ca href=\\\"mailto:emma@company.com\\\"\\u003eemma@company.com\\u003c/a\\u003e\",\n\n \"share-via-email-to-label\": \"Naar:\",\n\n \"share-via-email-to-explanation\": \"Om meerdere e-mails toe te voegen, scheidt ze met een komma.\",\n\n \"share-via-email-to-error\": \"Voer één of meer e-mailadressen in\",\n\n \"share-via-email-success-message\": \"Het mailen van dit artikel is gelukt. Bedankt dat u onze content hebt gedeeld!\",\n\n \"share-via-email-success-cta\": \"Bedankt dat u dit hebt gedeeld!\",\n\n \"share-via-email-success-close-cta\": \"Terug naar artikel\",\n\n \"share-via-email-primary-cta\": \"Stuur e-mail\",\n\n \"share-via-email-name-placeholder\": \"Vul uw naam in\",\n\n \"share-via-email-name-label\": \"Uw naam:\",\n\n \"share-via-email-name-error\": \"Vul uw naam in\",\n\n \"share-via-email-message-placeholder\": \"Vul een persoonlijk bericht in. (optioneel)\",\n\n \"share-via-email-message-label\": \"Bericht:\",\n\n \"share-via-email-header\": \"Deze pagina delen\",\n\n \"share-via-email-cta\": \"Uw bericht bevat een link naar deze pagina en een pdf over de professionele services van Protolabs Network.\",\n\n \"share-via-email-close-cta\": \"Sluiten\",\n\n \"checkout-email-capture-success-secondary-cta\": \"Ga terug\",\n\n \"checkout-email-capture-success-cta\": \"Ga verder om uw offerte te ontvangen\",\n\n \"checkout-email-capture-success-body\": \"\\u003cp\\u003eWe hebben u een e-mail met meer informatie over onze offerte-tool gestuurd.\\u003c/p\\u003e\\u003cbr\\u003e\\u003cp\\u003eAls u contact met ons op wilt nemen, kunt u ons ook \\u003ca href=\\\"https://www.hubs.com/nl/ data-phonenumber-href-geolocated\\u003edirect bellen\\u003c/a\\u003e of \\u003ca href=\\\"/talk-with-an-expert/\\\"\\u003eeen afspraak maken\\u003c/a\\u003e.\\u003c/p\\u003e\",\n\n \"checkout-email-capture-success-header\": \"Bedankt!\",\n\n \"checkout-email-capture-secondary-cta\": \"Ga verder om uw offerte te ontvangen\",\n\n \"checkout-email-capture-primary-cta\": \"E-mail mij\",\n\n \"checkout-email-capture-email-invalid-error\": \"Voer a.u.b. een geldig e-mailadres in.\",\n\n \"checkout-email-capture-email\": \"E-mailadres:\",\n\n \"checkout-email-capture-cta\": \"Laat uw e-mailadres achter en we sturen u naast een herinnering ook productupdates en industrienieuws\",\n\n \"checkout-email-capture-header\": \"Onze offerte-tool werkt veel beter op een pc\",\n\n \"cookie-consent-policy\": \"Cookie beleid\",\n\n \"cookie-consent-message\": \"Deze website maakt gebruik van cookies om ervoor te zorgen dat u een zo goed mogelijke ervaring krijgt.\",\n\n \"cookie-consent-learn-more\": \"Meer informatie\",\n\n \"cookie-consent-allow\": \"Cookies toestaan\",\n\n \"main-nav-user-hub-dashboard\": \"Hub Dashboard\",\n\n \"language-banner-switch\": \"Ga naar de Nederlandse versie\",\n\n \"language-banner-stay\": \"Blijf de Nederlandse versie lezen\",\n\n \"language-banner-language-available\": \"Deze website is ook beschikbaar in het Nederlands\",\n\n \"language-banner-alternative\": \"of\",\n\n \"main-nav-user-orders\": \"Orders\",\n\n \"main-nav-user-account-settings\": \"Accountinstellingen\",\n\n \"main-nav-user-logout\": \"Log out\",\n\n \"main-nav-go-home\": \"Ga naar homepagina\",\n\n \"block-phone-banner-cta-call\": \"Neem contact op:\"\n\n}\n\n\n}\n"); </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "image": "https://www.hubs.com/images/social-snippet-image.jpg", "url": "https://www.hubs.com/materials/", "sameAs": ["https://en.wikipedia.org/wiki/Protolabs_Network","https://www.facebook.com/Protolabs/","https://www.linkedin.com/company/proto-labs/","https://www.youtube.com/channel/UC1nzmktP1usjdqewrBDN_uQ","https://twitter.com/ProtoLabs","https://www.instagram.com/protolabsmfg/"], "logo": "https://www.hubs.com/images/main-logo/png/pl_logo_forSchema.png", "name": "All materials | Protolabs Network", "description": "Protolabs Network is an online manufacturing platform that offers businesses on-demand access to a global network of manufacturing partners.", "email": "networksupport@protolabs.com", "telephone": "+31-85-888-7380", "address": { "@type": "PostalAddress", "streetAddress": "Danzigerkade 23A", "addressLocality": "Amsterdam", "addressCountry": "NL", "postalCode": "1013AP" }, "parentOrganization": [ { "@type": "Corporation", "legalName": "Proto Labs, Inc.", "name": "Protolabs", "url": "https://www.protolabs.com/" } ] } </script> </head> <body> <div class="section--align-header message-banner" id="message-banner"> <div id="message-banner__message"> <p> <span>20% off your first order. Save up to $1,000/€1,000. Ends 30 Nov 2024.</span> <a id="discount-top-cta" href="/manufacture/">Get a quote</a> </p> </div> <div id="message-banner__close" class="u-hidden"><span class="icon" data-icon="close"></span></div> <div class="message-banner__links"> <a href="/help-center/" class="message-banner__text"> <span h3d-component-name="" h3d-component-id="main-nav-help-center" h3d-component-type="Interface String">Help center</span> </a> <div class="is-clickable message-banner__text message-banner__flags"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <defs> <style> .c { fill: none; } .d { fill: #f0f0f0; } .e { fill: #d80027; } .f { fill: #2e52b2; } </style> </defs> <g id="b" data-name="c"> <rect class="d" y="123.3" width="512" height="303.4"/> <g> <rect class="e" y="161.3" width="512" height="37.9"/> <rect class="e" y="237" width="512" height="37.9"/> <rect class="e" y="313" width="512" height="37.9"/> <rect class="e" y="388.7" width="512" height="37.9"/> </g> <g> <rect class="e" y="85.4" width="512" height="37.9"/> <rect class="e" y="161.3" width="512" height="37.9"/> <rect class="e" y="237" width="512" height="37.9"/> <rect class="e" y="313" width="512" height="37.9"/> </g> <rect class="f" y="85.4" width="256" height="183.8"/> <g> <polygon class="d" points="99.8 160.7 95.7 173.4 82.4 173.4 93.2 181.2 89 193.9 99.8 186 110.6 193.9 106.5 181.2 117.3 173.4 103.9 173.4 99.8 160.7"/> <polygon class="d" points="103.9 219 99.8 206.5 95.7 219 82.4 219 93.2 227 89 239.7 99.8 231.7 110.6 239.7 106.5 227 117.3 219 103.9 219"/> <polygon class="d" points="47.6 219 43.5 206.5 39.3 219 26 219 36.8 227 32.7 239.7 43.5 231.7 54.2 239.7 50.1 227 60.9 219 47.6 219"/> <polygon class="d" points="43.5 160.7 39.3 173.4 26 173.4 36.8 181.2 32.7 193.9 43.5 186 54.2 193.9 50.1 181.2 60.9 173.4 47.6 173.4 43.5 160.7"/> <polygon class="d" points="99.8 114.9 95.7 127.6 82.4 127.6 93.2 135.4 89 148.1 99.8 140.3 110.6 148.1 106.5 135.4 117.3 127.6 103.9 127.6 99.8 114.9"/> <polygon class="d" points="43.5 114.9 39.3 127.6 26 127.6 36.8 135.4 32.7 148.1 43.5 140.3 54.2 148.1 50.1 135.4 60.9 127.6 47.6 127.6 43.5 114.9"/> <polygon class="d" points="156.2 160.7 152.1 173.4 138.7 173.4 149.5 181.2 145.4 193.9 156.2 186 167 193.9 162.8 181.2 173.6 173.4 160.3 173.4 156.2 160.7"/> <polygon class="d" points="160.3 219 156.2 206.5 152.1 219 138.7 219 149.5 227 145.4 239.7 156.2 231.7 167 239.7 162.8 227 173.6 219 160.3 219"/> <polygon class="d" points="216.7 219 212.5 206.5 208.4 219 195.1 219 205.9 227 201.8 239.7 212.5 231.7 223.3 239.7 219.2 227 230 219 216.7 219"/> <polygon class="d" points="212.5 160.7 208.4 173.4 195.1 173.4 205.9 181.2 201.8 193.9 212.5 186 223.3 193.9 219.2 181.2 230 173.4 216.7 173.4 212.5 160.7"/> <polygon class="d" points="156.2 114.9 152.1 127.6 138.7 127.6 149.5 135.4 145.4 148.1 156.2 140.3 167 148.1 162.8 135.4 173.6 127.6 160.3 127.6 156.2 114.9"/> <polygon class="d" points="212.5 114.9 208.4 127.6 195.1 127.6 205.9 135.4 201.8 148.1 212.5 140.3 223.3 148.1 219.2 135.4 230 127.6 216.7 127.6 212.5 114.9"/> </g> </g> <rect class="c" width="512" height="512"/> </svg> <strong>EN</strong> <div class="h3d-navbar__dropdown h3d-navbar__dropdown--floating is-right"> <div class="h3d-navbar__dropdown-card"> <a class="h3d-navbar__item h3d-navbar__link h3d-navbar__link--flag h3d-navbar__link--narrow" href=""> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <defs> <style> .c { fill: none; } .d { fill: #f0f0f0; } .e { fill: #d80027; } .f { fill: #2e52b2; } </style> </defs> <g id="b" data-name="c"> <rect class="d" y="123.3" width="512" height="303.4"/> <g> <rect class="e" y="161.3" width="512" height="37.9"/> <rect class="e" y="237" width="512" height="37.9"/> <rect class="e" y="313" width="512" height="37.9"/> <rect class="e" y="388.7" width="512" height="37.9"/> </g> <g> <rect class="e" y="85.4" width="512" height="37.9"/> <rect class="e" y="161.3" width="512" height="37.9"/> <rect class="e" y="237" width="512" height="37.9"/> <rect class="e" y="313" width="512" height="37.9"/> </g> <rect class="f" y="85.4" width="256" height="183.8"/> <g> <polygon class="d" points="99.8 160.7 95.7 173.4 82.4 173.4 93.2 181.2 89 193.9 99.8 186 110.6 193.9 106.5 181.2 117.3 173.4 103.9 173.4 99.8 160.7"/> <polygon class="d" points="103.9 219 99.8 206.5 95.7 219 82.4 219 93.2 227 89 239.7 99.8 231.7 110.6 239.7 106.5 227 117.3 219 103.9 219"/> <polygon class="d" points="47.6 219 43.5 206.5 39.3 219 26 219 36.8 227 32.7 239.7 43.5 231.7 54.2 239.7 50.1 227 60.9 219 47.6 219"/> <polygon class="d" points="43.5 160.7 39.3 173.4 26 173.4 36.8 181.2 32.7 193.9 43.5 186 54.2 193.9 50.1 181.2 60.9 173.4 47.6 173.4 43.5 160.7"/> <polygon class="d" points="99.8 114.9 95.7 127.6 82.4 127.6 93.2 135.4 89 148.1 99.8 140.3 110.6 148.1 106.5 135.4 117.3 127.6 103.9 127.6 99.8 114.9"/> <polygon class="d" points="43.5 114.9 39.3 127.6 26 127.6 36.8 135.4 32.7 148.1 43.5 140.3 54.2 148.1 50.1 135.4 60.9 127.6 47.6 127.6 43.5 114.9"/> <polygon class="d" points="156.2 160.7 152.1 173.4 138.7 173.4 149.5 181.2 145.4 193.9 156.2 186 167 193.9 162.8 181.2 173.6 173.4 160.3 173.4 156.2 160.7"/> <polygon class="d" points="160.3 219 156.2 206.5 152.1 219 138.7 219 149.5 227 145.4 239.7 156.2 231.7 167 239.7 162.8 227 173.6 219 160.3 219"/> <polygon class="d" points="216.7 219 212.5 206.5 208.4 219 195.1 219 205.9 227 201.8 239.7 212.5 231.7 223.3 239.7 219.2 227 230 219 216.7 219"/> <polygon class="d" points="212.5 160.7 208.4 173.4 195.1 173.4 205.9 181.2 201.8 193.9 212.5 186 223.3 193.9 219.2 181.2 230 173.4 216.7 173.4 212.5 160.7"/> <polygon class="d" points="156.2 114.9 152.1 127.6 138.7 127.6 149.5 135.4 145.4 148.1 156.2 140.3 167 148.1 162.8 135.4 173.6 127.6 160.3 127.6 156.2 114.9"/> <polygon class="d" points="212.5 114.9 208.4 127.6 195.1 127.6 205.9 135.4 201.8 148.1 212.5 140.3 223.3 148.1 219.2 135.4 230 127.6 216.7 127.6 212.5 114.9"/> </g> </g> <rect class="c" width="512" height="512"/> </svg> English </a> <a class="h3d-navbar__item h3d-navbar__link h3d-navbar__link--flag h3d-navbar__link--narrow" href="/de/"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/> <rect y="85.331" width="512" height="113.775"/> <rect y="312.882" style="fill:#FFDA44;" width="512" height="113.775"/> </svg>Deutsch </a> <a class="h3d-navbar__item h3d-navbar__link h3d-navbar__link--flag h3d-navbar__link--narrow" href="/fr/"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/> <rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/> <rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/> </svg>Francais </a> <a class="h3d-navbar__item h3d-navbar__link h3d-navbar__link--flag h3d-navbar__link--narrow" href="/nl/"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;fill:#D80027" xml:space="preserve"> <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/> <rect y="85.331" width="512" height="113.775"/> <rect y="312.882" style="fill:#0052B4;" width="512" height="113.775"/> </svg>Nederlands </a> </div> </div> </div> </div> </div> <div id="popup-banner-container"> <i id="close-icon" class="material-icons" data-icon="close" ></i> <p class="title"> Get 20% off your first order </p> <p class="text"> New customers receive 20% discount (max. $1,000/€1,000) on custom part orders. Discount automatically applied at the checkout until 30 November 2024. </p> <div class="controls"> <button id="close" class="h3d-button h3d-button--s" style="margin-right:0.5rem;"> Close </button> <a id="discount-start-building-your-quote" class="h3d-button h3d-button--s h3d-button--primary" href="/manufacture/?technology=cnc-machining">Start building your quote</a> </div> </div> </div> <header class="h3d-navbar is-fixed" id="h3d-navbar"> <div class="h3d-navbar__brand"> <a href="/" class="u-link-unstyled" style="display: flex; margin-bottom: 10.5px; margin-top: 8.5px"> <svg class="h3d-navbar__logo" height="48" width="190" viewBox="0 0 600 128.97"> <title>Go to homepage</title> <use class="h3d-navbar__logo" xlink:href="/images/main-logo/svg/pl_logo.svg#Artboard" x="0" y="5"/> </svg> </a> <a class="h3d-button h3d-button--s h3d-button--primary h3d-navbar__primary-cta" href="/manufacture/?technology=cnc-machining" e2e="static_get_quote_header" > Get <span class="h3d-navbar__item--hide">instant</span> quote </a> <span id="navbar__hamburger" class="h3d-navbar__hamburger icon"> <svg id="menu" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg> <svg id="close" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </span> </div> <div id="navbar__menu" class="h3d-navbar__menu"> <div class="navbar__menu--mobile-top"> <div class="h3d-navbar__end util-text-extra-small"> <div class="h3d-navbar__main-links"> <a href="#" data-panel="how-it-works" class="h3d-navbar__link--main-link"> <i class="material-icons before" data-icon="chevron_right"></i> <span class="title">How it works</span> <i class="material-icons after" data-icon="chevron_right"></i> <span class="subtitle">On-demand, custom manufacturing</span> </a> <div class="h3d-main-nav__panel how-it-works hidden" data-panel="how-it-works"> <div class="inner-panel inner-panel--blackbg"> <img data-src="https://images.ctfassets.net/q2hzfkp3j57e/5BoH8WHH7Q04OF8jn5jBOG/ed6e1d78936f94f7f418a2d3d6a8e345/how_it_works_navbar_3.webp?w=350" alt="Quality control check" src="/images/trans.gif" class="background-image lazy-load" > <div class="panel-title"> <div class="title">How it works</div> <div class="subtitle">On-demand, custom manufacturing</div> </div> </div> <div class="inner-panel inner-panel--border-right"> <div class="panel-body"> <div class="link-list"> <div class="title hidden-on-mobile">How Protolabs Network works</div> <a class="link" id="ordering" href="/how-ordering-works/"> <div class="link__title">How ordering works </div> <div class="link__description">Using Protolabs Network from quote to delivery</div> </a> <a class="link" id="ip-protection" href="/ip-protection/"> <div class="link__title">IP protection</div> <div class="link__description">How we guarantee security and confidentiality</div> </a> </div> </div> </div> <div class="inner-panel inner-panel--border-right"> <div class="panel-body"> <div class="link-list"> <div class="title hidden-on-mobile">Quality & consistency</div> <a class="link" id="5FsDP6nyYilsY1J1Szvycw" href="/the-protolabs-network-standard/"> <div class="link__title">Quality standards</div> <div class="link__description">Processes and systems for maintaining the highest quality</div> </a> <a class="link" id="our-platform" href="/partner-network/"> <div class="link__title">Manufacturing partners</div> <div class="link__description">How we manage our suppliers</div> </a> </div> </div> </div> <div class="inner-panel"> <div class="panel-body"> <div class="link-list"> <div class="title hidden-on-mobile">Features</div> <a class="link" id="instant-quotes" href="/team-account/"> <div class="link__title">Team Accounts</div> <div class="link__description">How to collaborate with a team account</div> </a> </div> </div> </div> </div> <a href="#" data-panel="capabilities" class="h3d-navbar__link--main-link"> <i class="material-icons before" data-icon="chevron_right"></i> <span class="title">Capabilities</span> <i class="material-icons after" data-icon="chevron_right"></i> <span class="subtitle">Prototypes and production parts</span> </a> <div class="h3d-main-nav__panel capabilities hidden" data-panel="capabilities"> <div class="inner-panel inner-panel--blackbg"> <img src="/images/trans.gif" data-src="https://images.ctfassets.net/q2hzfkp3j57e/2s4sweIabVIcxk6bimccMx/97ef28032a12be91b3909bce0c1c6581/capabilities_navbar_2.webp?w=500" alt="CNC machining, 3D printing and sheet metal fabrication parts" class="background-image lazy-load" > <div class="panel-title"> <div class="title">Capabilities</div> <div class="subtitle">Prototypes and production parts</div> </div> </div> <div class="inner-panel inner-panel--border-right inner-panel--main"> <div class="panel-body"> <div class="top--main"> <div class="panel-body"> <div class="top"> <div class="top-left"> <div class="link-list"> <div class="title hidden-on-mobile">3D printing</div> <a id="technology-3d-printing" href="/3d-printing/">3D printing service</a> <a id="materialsProcess_3d-printing_fdm" href="/3d-printing/fdm/"> Fused Deposition Modeling (FDM) </a> <a id="materialsProcess_3d-printing_sla-dlp" href="/3d-printing/sla-dlp/"> Stereolithography (SLA) </a> <a id="materialsProcess_3d-printing_sls" href="/3d-printing/sls/"> Selective Laser Sintering (SLS) </a> <a id="materialsProcess_3d-printing_mjf" href="/3d-printing/mjf/"> Multi Jet Fusion (MJF) </a> </div> </div> </div> </div> <div class="panel-body"> <div class="top"> <div class="top-right"> <div class="link-list"> <div class="title hidden-on-mobile">CNC machining</div> <a id="technology-cnc-machining" href="/cnc-machining/">CNC machining service </a> <a id="cnc-milling" href="/cnc-machining/cnc-milling-service/">CNC milling</a> <a id="cnc-turning" href="/cnc-machining/cnc-turning-service/">CNC turning</a> </div> </div> </div> </div> </div> <div class="bottom--main"> <div class="panel-body"> <div class="link-list"> </div> </div> <div class="panel-body"> <div class="link-list" style="margin-top: -4.5rem;"> <div class="title hidden-on-mobile">Additional services</div> <a id="technology-sheet-metal" style="padding-right: 0;" href="/sheet-metal-fabrication/">Sheet metal fabrication service</a> <a id="injection-molding" href="/injection-molding/">Injection molding service</a> <a id="70HAa8B4ApfelhKqsZ1ht1" href="/production-orders/"> Production orders </a> </div> </div> </div> </div> </div> <div class="inner-panel inner-panel--right"> <div class="panel-body panel-body--main"> <div class="panel-body"> <div class="link-list"> <div class="title hidden-on-mobile" style="margin-left: 0rem;">Popular finishes</div> <div class="link-list"> <a id="4oSJeXqq46d1Ytrs1hYM11" href="/surface-finishing-services/as-machined-services/"> As machined </a> <a id="1gY620JoZTD6YsDQawkHdd" href="/surface-finishing-services/smooth-machining-services/"> Smooth machining </a> <a id="5lcLsCscobajeWOu6HkTsD" href="/surface-finishing-services/aluminum-anodizing-services/"> Aluminum anodizing </a> <a id="3kMrxaBmr04x7ReYt4AKD1" href="/surface-finishing-services/bead-blasting-services/"> Bead blasting </a> <a id="6ZX6CpLBm8ALXG7Fk2xqOX" href="/surface-finishing-services/polishing-services/"> Polishing </a> <a id="7L4PBFQbekwQTRwBrxwGcA" href="/surface-finishing-services/vapor-smoothing-services/"> Vapor smoothing <span>New</span> </a> <a id="2N8gzMbkQpg0MSZRpMtK7E" href="/surface-finishing-services/black-oxide-services/"> Black oxide </a> <a id="3gSYh4qY1rqOjctR3yYH43" href="/surface-finishing-services/powder-coating-services/"> Powder coating </a> <a id="surface-finishing" style="margin-top: 1.25rem;" href="/surface-finishing-services/">View all surface finishes</a> </div> </div> </div> </div> </div> </div> <a href="#" data-panel="industry" class="h3d-navbar__link--main-link"> <i class="material-icons before" data-icon="chevron_right"></i> <span class="title">Industries</span> <i class="material-icons after" data-icon="chevron_right"></i> <span class="subtitle">Join thousands of industry leaders developing revolutionary products with Protolabs Network</span> </a> <div class="h3d-main-nav__panel industry hidden" data-panel="industry"> <div class="inner-panel inner-panel--blackbg"> <img data-src="https://images.ctfassets.net/q2hzfkp3j57e/6u6gZCEjS93Nn0QBjPmyRy/067bbc402a5f9af4c5aada2478970732/aviation_aerospace_kepler_hero.webp" alt="Kepler satellite image in orbit around the earth" src="/images/trans.gif" class="background-image lazy-load" > <div class="panel-title"> <div class="title">Industries</div> <div class="subtitle">Join thousands of industry leaders developing revolutionary products with Protolabs Network</div> </div> </div> <div class="inner-panel"> <div class="panel-body"> <a class="link" id="contact" href="/industries/aerospace-manufacturing/"> <div class="link__title">Aerospace & aviation manufacturing </div> <div class="link__description">Go from development to launch faster</div> </a> <a class="link" id="jobs" href="/industries/automotive-manufacturing/"> <div class="link__title">Automotive</div> <div class="link__description">Drive product development and speed up innovation</div> </a> <a class="link" id="jobs" href="/industries/industrial-machinery/"> <div class="link__title">Industrial machinery</div> <div class="link__description">Power your machines with cutting-edge technologies</div> </a> <a class="link" id="jobs" href="/industries/electronics-manufacturing/"> <div class="link__title">Consumer electronics</div> <div class="link__description">From prototype to production to homes around the world</div> </a> <a class="link" id="jobs" href="/industries/robotics-automation/"> <div class="link__title">Robotics & automation</div> <div class="link__description">Build the most complex automated systems with ease</div> </a> <a class="link" id="jobs" href="/industries/medical/"> <div class="link__title">Medical</div> <div class="link__description">Get the next healthcare innovation to market</div> </a> <a class="link" id="jobs" href="/industries/"> <div class="link__title">All industries</div> <div class="link__description"></div> </a> </div> </div> </div> <a href="#" data-panel="materials" class="h3d-navbar__link--main-link"> <i class="material-icons before" data-icon="chevron_right"></i> <span class="title">Materials</span> <i class="material-icons after" data-icon="chevron_right"></i> <span class="subtitle">Protoypes and production parts</span> </a> <div class="h3d-main-nav__panel materials hidden" data-panel="materials"> <div class="inner-panel inner-panel--blackbg"> <img src="/images/trans.gif" data-src="https://images.ctfassets.net/q2hzfkp3j57e/4YS2NWMKShUhMo34dWJ8nw/83dd1c70321134ab46aa26b82cbefec7/Main_Nav_Materials.webp?w=500" alt="Close up image of CNC machining material" class="background-image lazy-load" > <div class="panel-title"> <div class="title">Materials</div> <div class="subtitle">Protoypes and production parts</div> </div> </div> <div class="inner-panel inner-panel--double grow inner-panel--border-right"> <div class="panel-body"> <div class="link-list"> <div class="title hidden-on-mobile">CNC machining materials</div> <a id="materialsType_cnc-machining_metal" class="subtitle-link" href="/cnc-machining/metal/"> All CNC metals </a> <a id="materialsMaterial_cnc-machining_alloy-steel" href="/cnc-machining/metal/alloy-steel/">Alloy steel </a> <a id="materialsMaterial_cnc-machining_aluminum" href="/cnc-machining/metal/aluminum/">Aluminum <span>Popular</span></a> <a id="materialsMaterial_cnc-machining_brass" href="/cnc-machining/metal/brass/">Brass </a> <a id="materialsMaterial_cnc-machining_copper" href="/cnc-machining/metal/copper/">Copper </a> <a id="materialsMaterial_cnc-machining_nickel" href="/cnc-machining/metal/nickel/">Inconel </a> <a id="materialsMaterial_cnc-machining_invar" href="/cnc-machining/metal/invar/">Invar 36 </a> <a id="materialsMaterial_cnc-machining_mild-steel" href="/cnc-machining/metal/mild-steel/">Mild steel <span>Popular</span></a> <a id="materialsMaterial_cnc-machining_stainless-steel" href="/cnc-machining/metal/stainless-steel/">Stainless steel <span>Popular</span></a> <a id="materialsMaterial_cnc-machining_titanium" href="/cnc-machining/metal/titanium/">Titanium </a> <a id="materialsMaterial_cnc-machining_tool-steel" href="/cnc-machining/metal/tool-steel/">Tool steel </a> </div> </div> <div class="panel-body"> <div class="link-list"> <div class="title"> </div> <a id="materialsType_cnc-machining_plastic" class="subtitle-link" href="/cnc-machining/plastic/"> All CNC plastics </a> <a id="materialsMaterial_cnc-machining_abs" href="/cnc-machining/plastic/abs/">ABS <span>Popular</span></a> <a id="materialsMaterial_cnc-machining_fr4" href="/cnc-machining/plastic/fr4/">FR4 </a> <a id="materialsMaterial_cnc-machining_g-10" href="/cnc-machining/plastic/g-10/">G-10 </a> <a id="materialsMaterial_cnc-machining_nylon" href="/cnc-machining/plastic/nylon/">Nylon <span>Popular</span></a> <a id="materialsMaterial_cnc-machining_peek" href="/cnc-machining/plastic/peek/">PEEK </a> <a id="materialsMaterial_cnc-machining_pei" href="/cnc-machining/plastic/pei/">PEI </a> <a id="materialsMaterial_cnc-machining_pet" href="/cnc-machining/plastic/pet/">PET </a> <a id="materialsMaterial_cnc-machining_pmma" href="/cnc-machining/plastic/pmma/">PMMA (Acrylic) </a> <a id="materialsMaterial_cnc-machining_polycarbonate" href="/cnc-machining/plastic/polycarbonate/">Polycarbonate </a> <a id="materialsMaterial_cnc-machining_hdpe" href="/cnc-machining/plastic/hdpe/">Polyethylene </a> <a id="materialsMaterial_cnc-machining_polypropylene" href="/cnc-machining/plastic/polypropylene/">Polypropylene </a> <a id="materialsMaterial_cnc-machining_pom-delrin" href="/cnc-machining/plastic/pom-delrin/">POM (Delrin/Acetal) <span>Popular</span></a> <a id="materialsMaterial_cnc-machining_ppsu" href="/cnc-machining/plastic/ppsu/">PPSU </a> <a id="materialsMaterial_cnc-machining_ptfe-teflon" href="/cnc-machining/plastic/ptfe-teflon/">PTFE (Teflon) </a> <a id="materialsMaterial_cnc-machining_pvc" href="/cnc-machining/plastic/pvc/">PVC </a> </div> </div> </div> <div class="inner-panel inner-panel--border-right"> <div class="panel-body"> <div class="link-list"> <div class="title hidden-on-mobile">3D printing materials</div> <a id="materialsType_3d-printing_plastic" class="subtitle-link" href="/3d-printing/plastic/"> All 3D printing plastics </a> <div class="h3d-navbar__link--pre-title"></div> <a id="materialsMaterial_3d-printing_abs" href="/3d-printing/plastic/abs/">ABS </a> <a id="materialsMaterial_3d-printing_asa" href="/3d-printing/plastic/asa/">ASA </a> <a id="materialsMaterial_3d-printing_nylon" href="/3d-printing/plastic/nylon/">Nylon <span>Popular</span></a> <a id="materialsMaterial_3d-printing_pei" href="/3d-printing/plastic/pei/">PEI </a> <a id="materialsMaterial_3d-printing_petg" href="/3d-printing/plastic/petg/">PETG </a> <a id="materialsMaterial_3d-printing_pla" href="/3d-printing/plastic/pla/">PLA <span>Popular</span></a> <a id="materialsMaterial_3d-printing_resin" href="/3d-printing/plastic/resin/">resin <span>Popular</span></a> <a id="materialsMaterial_3d-printing_tpu" href="/3d-printing/plastic/tpu/">TPU </a> </div> </div> </div> <div class="inner-panel--top-bottom"> <div class="panel-body"> <div class="link-list"> <div class="title hidden-on-mobile">Injection molding materials</div> <a id="79YMcHGJqH1JEQqNasSOP" href="/injection-molding/plastic/"> All injection molding plastics </a> </div> </div> <div class="panel-body"> <div class="link-list"> <div class="title hidden-on-mobile">Sheet metal materials</div> <a id="1e7yzskb5MZCX2xZrLDGSh" href="/sheet-metal-fabrication/metal/"> All sheet metals </a> </div> </div> <div class="panel-body" style="padding-bottom: 0rem; padding-top: 5.9rem;"> <div class="link-list"> <a id="1MXtUounAIhC4klRKguCY7" href="/materials/"> All materials </a> </div> </div> </div> </div> <a href="#" data-panel="resources" class="h3d-navbar__link--main-link"> <i class="material-icons before" data-icon="chevron_right"></i> <span class="title">Resources</span> <i class="material-icons after" data-icon="chevron_right"></i> <span class="subtitle">All you need to know about digital manufacturing</span> </a> <div class="h3d-main-nav__panel how-it-works hidden" data-panel="resources"> <div class="inner-panel inner-panel--blackbg"> <img src="/images/trans.gif" data-src="https://images.ctfassets.net/q2hzfkp3j57e/1lrrRBIH7tnUCdC0Bg0WMD/aa830dd8a0e7e5c885cda3cba1dbaf87/Main_Nav_Resources.webp?w=500" alt="Close up image of CNC machining material" class="background-image lazy-load" > <div class="panel-title"> <div class="title">Resources</div> <div class="subtitle">All you need to know about digital manufacturing</div> </div> </div> <div class="inner-panel inner-panel--border-right"> <div class="panel-body"> <a class="link" id="kb" href="/knowledge-base/"> <div class="link__title">Knowledge base</div> <div class="link__description">Product development, design and manufacturing</div> </a> <a class="link" id="videos" href="/blog/?category=Videos"> <div class="link__title">Watch and learn</div> <div class="link__description">A large collection of educational videos and tutorials</div> </a> <a class="link" id="help-center" href="/help-center/"> <div class="link__title"> <span h3d-component-name="" h3d-component-id="main-nav-help-center" h3d-component-type="Interface String">Help center</span> </div> <div class="link__description">Expert advice for getting the most out of the Protolabs Network platform</div> </a> <a class="link" id="guides" href="/guides/"> <div class="link__title"> <span h3d-component-name="" h3d-component-id="main-nav-guides" h3d-component-type="Interface String">Guides</span> </div> <div class="link__description">Comprehensive guides for designers and engineers</div> </a> </div> </div> <div class="inner-panel"> <div class="panel-body"> <a class="link" id="case-studies" href="/case-studies/"> <div class="link__title">Case studies</div> <div class="link__description">Success stories from innovative companies using Protolabs Network</div> </a> <a class="link" id="blog" href="/blog/"> <div class="link__title">Blog</div> <div class="link__description">Industry trends, company news and product updates</div> </a> <a class="link" id="newsletter" href="/newsletter/"> <div class="link__title">Newsletter</div> <div class="link__description">Sign up for Protolabs Network tips, news and insights</div> </a> <a class="link" id="downloadable-content" href="/get/"> <div class="link__title">Reports and downloads</div> <div class="link__description">Annual trend reports, posters and other downloadable content</div> </a> </div> </div> </div> <a href="#" data-panel="about" class="h3d-navbar__link--main-link"> <i class="material-icons before" data-icon="chevron_right"></i> <span class="title">Company</span> <i class="material-icons after" data-icon="chevron_right"></i> <span class="subtitle">Learn about who we are and how it all started</span> </a> <div class="h3d-main-nav__panel about hidden" data-panel="about"> <div class="inner-panel inner-panel--blackbg"> <img data-src="https://images.ctfassets.net/q2hzfkp3j57e/3E7Rja1E57711eco31pjVd/a2e6dc5e2001504f9b60ff6eca66e214/company_navbar.webp?w=350" alt="Close up image of Hubs logo object" src="/images/trans.gif" class="background-image lazy-load" > <div class="panel-title"> <div class="title">Company</div> <div class="subtitle">Learn about who we are and how it all started</div> </div> </div> <div class="inner-panel"> <div class="panel-body"> <a class="link" id="about-us" href="/about/"> <div class="link__title">About us</div> <div class="link__description">The Protolabs Network story</div> </a> <a class="link" id="jobs" href="/become-a-manufacturing-partner/"> <div class="link__title">Become a partner</div> <div class="link__description">How joining our manufacturing network grows your business</div> </a> <a class="link" id="contact" href="/contact/"> <div class="link__title">Contact us</div> <div class="link__description">We have offices in the United States and Europe</div> </a> <a class="link" id="jobs" href="/jobs/"> <div class="link__title">Jobs</div> <div class="link__description">Join our team</div> </a> <a class="link" id="jobs" href="/protolabs-network/"> <div class="link__title">Protolabs Network</div> <div class="link__description">Big news! We changed our name to Protolabs Network</div> </a> <a class="link" id="jobs" href="/sustainability/"> <div class="link__title">Sustainability</div> <div class="link__description">Reducing emissions in manufacturing</div> </a> <a class="link" id="team" href="/team/"> <div class="link__title">Team</div> <div class="link__description">The people behind the platform</div> </a> </div> </div> </div> </div> <div class="h3d-navbar__item h3d-navbar__item--cta2"> <a class="h3d-navbar__link h3d-navbar__link--button h3d-button h3d-button--s h3d-button--primary" href="/manufacture/?technology=cnc-machining" e2e="static_get_quote_header" style="height: 40px;" > <p>Get <span class="h3d-navbar__item--hide">instant</span> quote</p> </a> </div> </div> </div> <div class="navbar__menu--mobile-bottom h3d-navbar__end"> <div class="h3d-navbar__item is-clickable" id="h3d-navbar__user" style='z-index: 3;'> <span class="h3d-navbar__account"> <span class="material-icons h3d-navbar__user-avatar" data-icon="account_circle"></span> </span> <div class="h3d-navbar__dropdown h3d-navbar__dropdown--floating h3d-navbar__dropdown--offset-top is-right"> <div class="h3d-navbar__dropdown-card"> <a href="/manufacture/login" class="h3d-navbar__item h3d-navbar__link"> Sign in </a> <a href="/manufacture/sign-up" class="h3d-navbar__item h3d-navbar__link"> Create an account </a> </div> </div> </div> <div class="message-banner"> <div class="message-banner__text message-banner__text--phone util-text-small"> <p class="u-text-white"> <span data-phonebanner-content-geolocated></span> <span data-phonenumber-geolocated></span> </p> </div> <div class="h3d-navbar__banner-wrapper"> <div class="h3d-navbar__dropdown-panel is-clickable"> <a class="h3d-navbar__link h3d-navbar__link--flag" data-toggle-navbar-item="lang-item" href="#"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <defs> <style> .c { fill: none; } .d { fill: #f0f0f0; } .e { fill: #d80027; } .f { fill: #2e52b2; } </style> </defs> <g id="b" data-name="c"> <rect class="d" y="123.3" width="512" height="303.4"/> <g> <rect class="e" y="161.3" width="512" height="37.9"/> <rect class="e" y="237" width="512" height="37.9"/> <rect class="e" y="313" width="512" height="37.9"/> <rect class="e" y="388.7" width="512" height="37.9"/> </g> <g> <rect class="e" y="85.4" width="512" height="37.9"/> <rect class="e" y="161.3" width="512" height="37.9"/> <rect class="e" y="237" width="512" height="37.9"/> <rect class="e" y="313" width="512" height="37.9"/> </g> <rect class="f" y="85.4" width="256" height="183.8"/> <g> <polygon class="d" points="99.8 160.7 95.7 173.4 82.4 173.4 93.2 181.2 89 193.9 99.8 186 110.6 193.9 106.5 181.2 117.3 173.4 103.9 173.4 99.8 160.7"/> <polygon class="d" points="103.9 219 99.8 206.5 95.7 219 82.4 219 93.2 227 89 239.7 99.8 231.7 110.6 239.7 106.5 227 117.3 219 103.9 219"/> <polygon class="d" points="47.6 219 43.5 206.5 39.3 219 26 219 36.8 227 32.7 239.7 43.5 231.7 54.2 239.7 50.1 227 60.9 219 47.6 219"/> <polygon class="d" points="43.5 160.7 39.3 173.4 26 173.4 36.8 181.2 32.7 193.9 43.5 186 54.2 193.9 50.1 181.2 60.9 173.4 47.6 173.4 43.5 160.7"/> <polygon class="d" points="99.8 114.9 95.7 127.6 82.4 127.6 93.2 135.4 89 148.1 99.8 140.3 110.6 148.1 106.5 135.4 117.3 127.6 103.9 127.6 99.8 114.9"/> <polygon class="d" points="43.5 114.9 39.3 127.6 26 127.6 36.8 135.4 32.7 148.1 43.5 140.3 54.2 148.1 50.1 135.4 60.9 127.6 47.6 127.6 43.5 114.9"/> <polygon class="d" points="156.2 160.7 152.1 173.4 138.7 173.4 149.5 181.2 145.4 193.9 156.2 186 167 193.9 162.8 181.2 173.6 173.4 160.3 173.4 156.2 160.7"/> <polygon class="d" points="160.3 219 156.2 206.5 152.1 219 138.7 219 149.5 227 145.4 239.7 156.2 231.7 167 239.7 162.8 227 173.6 219 160.3 219"/> <polygon class="d" points="216.7 219 212.5 206.5 208.4 219 195.1 219 205.9 227 201.8 239.7 212.5 231.7 223.3 239.7 219.2 227 230 219 216.7 219"/> <polygon class="d" points="212.5 160.7 208.4 173.4 195.1 173.4 205.9 181.2 201.8 193.9 212.5 186 223.3 193.9 219.2 181.2 230 173.4 216.7 173.4 212.5 160.7"/> <polygon class="d" points="156.2 114.9 152.1 127.6 138.7 127.6 149.5 135.4 145.4 148.1 156.2 140.3 167 148.1 162.8 135.4 173.6 127.6 160.3 127.6 156.2 114.9"/> <polygon class="d" points="212.5 114.9 208.4 127.6 195.1 127.6 205.9 135.4 201.8 148.1 212.5 140.3 223.3 148.1 219.2 135.4 230 127.6 216.7 127.6 212.5 114.9"/> </g> </g> <rect class="c" width="512" height="512"/> </svg> <p>EN</p> </a> <div class="h3d-navbar__panel-detail"> <div class="detail__item language-picker" data-item-id="lang-item"> <div class="h3d-navbar__item--flex"> <div class="h3d-navbar__link h3d-navbar__link--title close">Language</div> <div class="h3d-navbar__dropdown"> <div class="h3d-navbar__dropdown-card"> <a class="h3d-navbar__item h3d-navbar__link" href=""> English </a> <a class="h3d-navbar__item h3d-navbar__link" href="/de/"> Deutsch </a> <a class="h3d-navbar__item h3d-navbar__link" href="/fr/"> Francais </a> <a class="h3d-navbar__item h3d-navbar__link" href="/nl/"> Nederlands </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </header> <div id="content"> <div class="container"> <div class="section--dark-grey"> <div class="section section--extra-large"> <div class="content"> <h1 style="max-width: 715px; margin-top: 12px">Materials we offer</h1> <div class="cta-subtitle"> <p>Better parts start with the right material for the job. Protolabs Network offers more than 80 metals and plastics suitable for a wide range of manufacturing processes.</p> </div> </div> </div> </div> <div class="u-prevent-collapse"></div> <div class="section--background-light"> <section id="materials-guides" class="section__landing-page "> <div class="content-cards content-cards--capabilities" id="" h3d-component-name="" h3d-component-id="HP0f6suP3agpNwKFgQdEs" h3d-component-type="Content Cards" > <div class="card"> <a id="" href="/cnc-machining/metal/" class="u-anchor-overlay" >CNC machining metals</a > <img class="lazy-load" alt='CNC machining guide cover image' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/1ymZWakNbuCelYyJDYMpCY/6934f1566acf4d03e93b4c6279a6f1a5/cnc_machining_guide.webp?fit=thumb&fm=png&q=82" /> <div class="text"> <div class="title">CNC machining metals</div> <a id="" href="/cnc-machining/metal/" class="u-text-strong" >See details</a > </div> </div> <div class="card"> <a id="" href="/cnc-machining/plastic/" class="u-anchor-overlay" >CNC machining plastics</a > <img class="lazy-load" alt='Guide to plastics cover image' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/IHuCBSmYamUHogwRLfKfC/b4ab27593902973051fb8a00b838f360/plastics_guide.webp?fit=thumb&fm=png&q=82" /> <div class="text"> <div class="title">CNC machining plastics</div> <a id="" href="/cnc-machining/plastic/" class="u-text-strong" >See details</a > </div> </div> <div class="card"> <a id="" href="/3d-printing/plastic/" class="u-anchor-overlay" >3D printing plastics</a > <img class="lazy-load" alt='3D printing guide cover image' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/5Elq5s5Fadc1HaxYe4d2Fl/338685acc2ab985d547a3a36ae01aee5/3d_printing_guide.webp?fit=thumb&fm=png&q=82" /> <div class="text"> <div class="title">3D printing plastics</div> <a id="" href="/3d-printing/plastic/" class="u-text-strong" >See details</a > </div> </div> </div> <div class="content-cards content-cards--capabilities" id="" h3d-component-name="" h3d-component-id="64mXxJNhQAam1cRymkRX3o" h3d-component-type="Content Cards" > <div class="card"> <a id="" href="/injection-molding/plastic/" class="u-anchor-overlay" >Injection molding plastics</a > <img class="lazy-load" alt='Injection molding guide cover image' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/2kjoF4f4EzdUrADKhxjOcs/430c20b587395d4d5d5d1a0b41db0f65/im_guide.webp?fit=thumb&fm=png&q=82" /> <div class="text"> <div class="title">Injection molding plastics</div> <a id="" href="/injection-molding/plastic/" class="u-text-strong" >See details</a > </div> </div> <div class="card"> <a id="" href="/sheet-metal-fabrication/metal/" class="u-anchor-overlay" >Sheet metals</a > <img class="lazy-load" alt='Sheet metal fabrication guide cover image' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/4A25j0QsIuTJo8E5okhuUS/f6bfde57dbf064630547a62d313929be/smf_guide.webp?fit=thumb&fm=png&q=82" /> <div class="text"> <div class="title">Sheet metals</div> <a id="" href="/sheet-metal-fabrication/metal/" class="u-text-strong" >See details</a > </div> </div> </div> </section> </div> <div class="u-prevent-collapse"></div> <div class="section section--extra-large section--tall expanding-resources__section" h3d-component-name="expanding-resources" h3d-component-id="3jDL9JywHD277wTjbSDNfX" h3d-component-type="Content Predefined Block"> <h2 class="expanding-resources__title u-text-center">Expanding resources</h2> <div class="expanding-resources"> <div class="articles"> <div class="article"> <img class="lazy-load" alt='CNC'd nylon 6 part' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/4KxaYEcvM4W4EOwkGCa042/ca204e8bd17afa4987273f7326762978/cnc-materials-Nylon_-2.webp?w=300&h=170&fit=thumb&fm=jpg&q=82" data-srcset=" //images.ctfassets.net/q2hzfkp3j57e/4KxaYEcvM4W4EOwkGCa042/ca204e8bd17afa4987273f7326762978/cnc-materials-Nylon_-2.webp?w=600&h=340&fm=jpg&q=82 400w" sizes="100vw" height="176" /> <div class="article-body"> <h3 class="title">What are the best materials for chemical-resistant parts?</h3> <a href="/knowledge-base/what-are-the-best-materials-for-chemical-resistant-parts/" id="resources_click_what-are-the-best-materials-for-chemical-resistant-parts" class="h3d-button h3d-button--xs">Read article</a> </div> </div> <div class="article"> <img class="lazy-load" alt='Example of a black oxide part in mild steel' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/6fTKiZRzNSxZJBYsLR8vpp/b2e0baf6651aedb78aee951691305624/DSC00172.webp?w=300&h=170&fit=thumb&fm=jpg&q=82" data-srcset=" //images.ctfassets.net/q2hzfkp3j57e/6fTKiZRzNSxZJBYsLR8vpp/b2e0baf6651aedb78aee951691305624/DSC00172.webp?w=600&h=340&fm=jpg&q=82 400w" sizes="100vw" height="176" /> <div class="article-body"> <h3 class="title">What is black oxide coating? </h3> <a href="/knowledge-base/what-is-black-oxide-coating/" id="resources_click_what-is-black-oxide-coating" class="h3d-button h3d-button--xs">Read article</a> </div> </div> <div class="article"> <img class="lazy-load" alt='3D printed Injection Molds: Materials Compared' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/3dc1b24d12e43ba953e3e806ab2b5d18d4a89378/66ca8506e661ec8db2fb7cac9a5d69d2/dsc01525-edit.webp?w=300&h=170&fit=thumb&fm=jpg&q=82" data-srcset=" //images.ctfassets.net/q2hzfkp3j57e/3dc1b24d12e43ba953e3e806ab2b5d18d4a89378/66ca8506e661ec8db2fb7cac9a5d69d2/dsc01525-edit.webp?w=600&h=340&fm=jpg&q=82 400w" sizes="100vw" height="176" /> <div class="article-body"> <h3 class="title">3D printed injection molds: Materials compared</h3> <a href="/knowledge-base/3d-printed-injection-molds-materials-compared/" id="resources_click_3d-printed-injection-molds-materials-compared" class="h3d-button h3d-button--xs">Read article</a> </div> </div> <div class="article"> <img class="lazy-load" alt='CNC materials poster mockup' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/6sXYumxs1HZn1hNYk3MohZ/131eee9c073c545ae9383b5981b35129/PL_CNC_materials_poster_mockup_DEF.webp?w=300&h=170&fit=thumb&fm=jpg&q=82" data-srcset=" //images.ctfassets.net/q2hzfkp3j57e/6sXYumxs1HZn1hNYk3MohZ/131eee9c073c545ae9383b5981b35129/PL_CNC_materials_poster_mockup_DEF.webp?w=600&h=340&fm=jpg&q=82 400w" sizes="100vw" height="176" /> <div class="article-body"> <h3 class="title">What materials do we offer for CNC machining?</h3> <a href="/knowledge-base/materials-for-cnc-machining/" id="resources_click_what-materials-do-we-offer-for-cnc-machining" class="h3d-button h3d-button--xs">Read article</a> </div> </div> <div class="article"> <img class="lazy-load" alt='FDM 3D Printing materials compared' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/5fb296e08ad13147c2b90973b54ff4b67470fedf/578dd56bbcc96e545fbd16e9c2a9ce32/dsc09985_1.webp?w=300&h=170&fit=thumb&fm=jpg&q=82" data-srcset=" //images.ctfassets.net/q2hzfkp3j57e/5fb296e08ad13147c2b90973b54ff4b67470fedf/578dd56bbcc96e545fbd16e9c2a9ce32/dsc09985_1.webp?w=600&h=340&fm=jpg&q=82 400w" sizes="100vw" height="176" /> <div class="article-body"> <h3 class="title">What’s the ideal filament for FDM 3D printing? 3D printing materials compared </h3> <a href="/knowledge-base/fdm-3d-printing-materials-compared/" id="resources_click_whats-the-ideal-filament-for-fdm-3d-printing-3d-printing-materials-compared" class="h3d-button h3d-button--xs">Read article</a> </div> </div> </div> <div class="articles-mobile"> <div class="siema siema--with-controls"> <div class="article"> <img class="lazy-load" alt='CNC'd nylon 6 part' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/4KxaYEcvM4W4EOwkGCa042/ca204e8bd17afa4987273f7326762978/cnc-materials-Nylon_-2.webp?w=300&h=170&fit=thumb&fm=jpg&q=82" data-srcset=" //images.ctfassets.net/q2hzfkp3j57e/4KxaYEcvM4W4EOwkGCa042/ca204e8bd17afa4987273f7326762978/cnc-materials-Nylon_-2.webp?w=600&h=340&fm=jpg&q=82&fit=thumb 400w" sizes="100vw" height="300" /> <div class="article-body"> <h3 class="title">What are the best materials for chemical-resistant parts?</h3> <p class="description">Want to learn more about chemically resistant parts? Find out about common chemical-resistant materials, their advantages, disadvantages, and industrial applications. </p> <a href="/knowledge-base/what-are-the-best-materials-for-chemical-resistant-parts/" id="resources_click_what-are-the-best-materials-for-chemical-resistant-parts" class="h3d-button h3d-button--xs">Read article</a> </div> </div> <div class="article"> <img class="lazy-load" alt='Example of a black oxide part in mild steel' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/6fTKiZRzNSxZJBYsLR8vpp/b2e0baf6651aedb78aee951691305624/DSC00172.webp?w=300&h=170&fit=thumb&fm=jpg&q=82" data-srcset=" //images.ctfassets.net/q2hzfkp3j57e/6fTKiZRzNSxZJBYsLR8vpp/b2e0baf6651aedb78aee951691305624/DSC00172.webp?w=600&h=340&fm=jpg&q=82&fit=thumb 400w" sizes="100vw" height="300" /> <div class="article-body"> <h3 class="title">What is black oxide coating? </h3> <p class="description">Want to learn more about black oxide coating? In this article, we’ll take a look at black oxide as a surface finish, its history, common applications, and more</p> <a href="/knowledge-base/what-is-black-oxide-coating/" id="resources_click_what-is-black-oxide-coating" class="h3d-button h3d-button--xs">Read article</a> </div> </div> <div class="article"> <img class="lazy-load" alt='3D printed Injection Molds: Materials Compared' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/3dc1b24d12e43ba953e3e806ab2b5d18d4a89378/66ca8506e661ec8db2fb7cac9a5d69d2/dsc01525-edit.webp?w=300&h=170&fit=thumb&fm=jpg&q=82" data-srcset=" //images.ctfassets.net/q2hzfkp3j57e/3dc1b24d12e43ba953e3e806ab2b5d18d4a89378/66ca8506e661ec8db2fb7cac9a5d69d2/dsc01525-edit.webp?w=600&h=340&fm=jpg&q=82&fit=thumb 400w" sizes="100vw" height="300" /> <div class="article-body"> <h3 class="title">3D printed injection molds: Materials compared</h3> <p class="description">We compare critically two industrial 3D printing materials used for low-run injection mold manufacturing.</p> <a href="/knowledge-base/3d-printed-injection-molds-materials-compared/" id="resources_click_3d-printed-injection-molds-materials-compared" class="h3d-button h3d-button--xs">Read article</a> </div> </div> <div class="article"> <img class="lazy-load" alt='CNC materials poster mockup' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/6sXYumxs1HZn1hNYk3MohZ/131eee9c073c545ae9383b5981b35129/PL_CNC_materials_poster_mockup_DEF.webp?w=300&h=170&fit=thumb&fm=jpg&q=82" data-srcset=" //images.ctfassets.net/q2hzfkp3j57e/6sXYumxs1HZn1hNYk3MohZ/131eee9c073c545ae9383b5981b35129/PL_CNC_materials_poster_mockup_DEF.webp?w=600&h=340&fm=jpg&q=82&fit=thumb 400w" sizes="100vw" height="300" /> <div class="article-body"> <h3 class="title">What materials do we offer for CNC machining?</h3> <p class="description">What’s the best material for machining your parts? Check out this side-by-side comparison of the strength, price and application for CNC plastics and metals (in a handy, printable poster).</p> <a href="/knowledge-base/materials-for-cnc-machining/" id="resources_click_what-materials-do-we-offer-for-cnc-machining" class="h3d-button h3d-button--xs">Read article</a> </div> </div> <div class="article"> <img class="lazy-load" alt='FDM 3D Printing materials compared' src="/images/trans.gif" data-src="//images.ctfassets.net/q2hzfkp3j57e/5fb296e08ad13147c2b90973b54ff4b67470fedf/578dd56bbcc96e545fbd16e9c2a9ce32/dsc09985_1.webp?w=300&h=170&fit=thumb&fm=jpg&q=82" data-srcset=" //images.ctfassets.net/q2hzfkp3j57e/5fb296e08ad13147c2b90973b54ff4b67470fedf/578dd56bbcc96e545fbd16e9c2a9ce32/dsc09985_1.webp?w=600&h=340&fm=jpg&q=82&fit=thumb 400w" sizes="100vw" height="300" /> <div class="article-body"> <h3 class="title">What’s the ideal filament for FDM 3D printing? 3D printing materials compared </h3> <p class="description">What’s the ideal material to use when 3D printing parts with FDM? This article compares the most common FDM 3D printing filaments, including PLA, ABS, PET, Nylon, TPU (Flexible) and PC, by their material properties to help you find the best option for your application.</p> <a href="/knowledge-base/fdm-3d-printing-materials-compared/" id="resources_click_whats-the-ideal-filament-for-fdm-3d-printing-3d-printing-materials-compared" class="h3d-button h3d-button--xs">Read article</a> </div> </div> </div> </div> <div class="expand-button"> <span class="icon"> <i class="material-icons" data-icon="arrow_downward"></i> </span> <p class="text"></p> </div> <div class="contract-button u-hidden"> <span class="icon"> <i class="material-icons" data-icon="arrow_upward"></i> </span> <p class="text"></p> </div> </div> </div> <script src="/expanding-resources.js" defer></script> <div class="u-prevent-collapse"></div> <div class="section--background-light"> <section id="materials-faqs" class="section__landing-page "> <div class="section-faq" h3d-component-name="landing-page-faqs" h3d-component-id="3QJKXCxYcu2g0K2WTAMyj0" h3d-component-type="Content Predefined Block"> <h3 class="faq_sectiontitle"></h3> <div class="faq" id="faq"> <div class="faq-item "> <h2 class="faq_title open"> Which materials are best for CNC machining? </h2> <div class="faq_body process-comparison-table process-comparison-table--show-mobile u-table-style--narrow list-with-checks"> <p>We offer CNC machining using many different metals and plastics. Read a guide to <a href="https://www.hubs.com/knowledge-base/selecting-right-cnc-material/" ><u>selecting the right material</u></a> for your project.</p> </div> </div> <div class="faq-item "> <h2 class="faq_title "> Which plastics are best for injection molding? </h2> <div class="faq_body process-comparison-table process-comparison-table--show-mobile u-table-style--narrow list-with-checks"> <p>See a full list of the <a href="https://www.hubs.com/injection-molding/plastic/" ><u>materials we offer for injection molding</u></a> and their properties.</p> </div> </div> <div class="faq-item "> <h2 class="faq_title "> Which materials are best for chemical resistance? </h2> <div class="faq_body process-comparison-table process-comparison-table--show-mobile u-table-style--narrow list-with-checks"> <p>PP, PVDF, Nylon and PA. <a href="https://www.hubs.com/knowledge-base/what-are-the-best-materials-for-chemical-resistant-parts/" ><u>See an overview</u></a> containing a full list and more advice for applications.</p> </div> </div> <div class="faq-item "> <h2 class="faq_title "> Can you source custom materials beyond those listed here? </h2> <div class="faq_body process-comparison-table process-comparison-table--show-mobile u-table-style--narrow list-with-checks"> <p>Yes! Through our network of manufacturing partners, we can source almost any manufacturing material on request. Contact <a href="mailto:networksales@protolabs.com" target="_blank"><u>networksales@protolabs.com</u></a> to speak to our experts. </p> </div> </div> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "Which materials are best for CNC machining?", "acceptedAnswer": { "@type": "Answer", "text": " We offer CNC machining using many different metals and plastics. Read a guide to selecting the right material for your project.\n" } }, { "@type": "Question", "name": "Which plastics are best for injection molding?", "acceptedAnswer": { "@type": "Answer", "text": " See a full list of the materials we offer for injection molding and their properties.\n" } }, { "@type": "Question", "name": " Which materials are best for chemical resistance?", "acceptedAnswer": { "@type": "Answer", "text": " PP, PVDF, Nylon and PA. See an overview containing a full list and more advice for applications.\n" } }, { "@type": "Question", "name": "Can you source custom materials beyond those listed here?", "acceptedAnswer": { "@type": "Answer", "text": " Yes! Through our network of manufacturing partners, we can source almost any manufacturing material on request. Contact networksales@protolabs.com to speak to our experts. " } } ] } </script> </div> </section> </div> <div class="u-prevent-collapse"></div> <div class="section--dark-grey" h3d-component-name="Put your parts into production today" h3d-component-id="1KJTf6Fu4IFJgToxvCqMC7" id="" h3d-component-type="Content CTA Block" > <div class="section section--tall content-cta-block content-cta-block--full-width-dark"> <p class="content-cta-block__title">Put your parts into production today</p> <a href="https://www.hubs.com/manufacture/" class="h3d-button h3d-button--primary " > Get instant quote </a> </div> </div> </div> </div> <footer class="section--black"> <hr class="panel__separator panel__separator-grey panel__separator-bold"> <section class="section section--extra-large section--no-margin u-margin-top-2 u-margin-bottom-2 footer-menu util-text-extra-small"> <div class="footer-menu__logo-container"> <svg class="h3d-navbar__logo" height="40" width="150" viewBox="0 0 600 128.97"> <use class="h3d-navbar__logo" xlink:href="/images/main-logo/svg/pl_logo.svg#Artboard" x="0" y="5"/> </svg> </div> <div class="footer-menu__container"> <ul class="footer-menu__list"> <li class="footer-menu__title u-text-white">About</li> <li><a class="footer-menu__link " href="/about/">About us</a></li> <li><a class="footer-menu__link " href="/how-ordering-works/">How ordering works</a></li> <li><a class="footer-menu__link" href="/quality-assurance/" data-show-difflang="true">Quality Assurance</a></li> <li><a class="footer-menu__link" href="/ip-protection/" data-show-difflang="true">IP Protection</a></li> <li><a class="footer-menu__link" href="https://www.protolabs.com/">A Protolabs company</a></li> </ul> </div> <div class="footer-menu__container"> <ul class="footer-menu__list"> <li class="footer-menu__title u-text-white">Capabilities</li> <li><a class="footer-menu__link" href="/3d-printing/" data-show-difflang="true">3D Printing Service</a></li> <li><a class="footer-menu__link" href="/cnc-machining/" data-show-difflang="true">CNC Machining Service</a></li> <li><a class="footer-menu__link" href="/cnc-machining/cnc-milling-service/" data-show-difflang="true">CNC Milling</a></li> <li><a class="footer-menu__link" href="/cnc-machining/cnc-turning-service/" data-show-difflang="true">CNC Turning</a></li> <li><a class="footer-menu__link" href="/surface-finishing-services/" data-show-difflang="true">CNC Surface Finishing</a></li> <li><a class="footer-menu__link" href="/cnc-machining/part-marking-service/" data-show-difflang="true">CNC Part Marking</a></li> <li><a class="footer-menu__link" href="/sheet-metal-fabrication/" data-show-difflang="true">Sheet Metal Fabrication Services</a></li> <li><a class="footer-menu__link" href="/rapid-prototyping-service/" data-show-difflang="true">Rapid Prototyping Service</a></li> </ul> </div> <div class="footer-menu__container"> <ul class="footer-menu__list"> <li class="footer-menu__title u-text-white">Resources</li> <li><a class="footer-menu__link" href="/knowledge-base/" data-show-difflang="true">Knowledge base</a></li> <li><a class="footer-menu__link" href="/3d-printing-handbook/" data-show-difflang="true">The 3D printing Handbook</a></li> <li><a class="footer-menu__link" href="/guides/3d-printing/" data-show-difflang="true">3D printing guide</a></li> <li><a class="footer-menu__link" href="/guides/cnc-machining/" data-show-difflang="true">CNC machining guide</a></li> <li><a class="footer-menu__link" href="/guides/injection-molding/" data-show-difflang="true">Injection molding guide</a></li> <li><a class="footer-menu__link" href="/guides/metal-3d-printing/" data-show-difflang="true">Metal 3D printing guide</a></li> <li><a class="footer-menu__link" href="/order-from-anywhere/">Order from anywhere</a></li> <li><a class="footer-menu__link" href="/roi/" data-show-difflang="true">ROI calculator</a></li> </ul> </div> <div class="footer-menu__container"> <ul class="footer-menu__list"> <li class="footer-menu__title u-text-white">Company</li> <li><a class="footer-menu__link" href="/jobs/" data-show-difflang="true">Jobs</a></li> <li><a class="footer-menu__link" href="/team/" data-show-difflang="true">Team</a></li> <li><a class="footer-menu__link" href="/become-a-manufacturing-partner/" data-show-difflang="true">Become a Manufacturing Partner</a></li> <li><a class="footer-menu__link" href="/privacy-policy/" data-show-difflang="true">Privacy Policy</a></li> <li><a class="footer-menu__link" href="/terms-of-use/" data-show-difflang="true">Terms of Use</a></li> <li><a class="footer-menu__link" href="https://www.hubs.com/blog" data-show-difflang="true" hreflang="en">Blog</a></li> </ul> </div> <div class="footer-menu__container"> <ul class="footer-menu__list"> <li class=" footer-menu__title u-text-white">Contact</li> <li><a class="footer-menu__link" href="/contact/" data-show-difflang="true">Offices</a></li> <li><a href="#" class="footer-menu__link" hreflang="en" data-show-difflang="true" data-modal-trigger="support-modal">Email us</a></li> <div class="modal-overlay" data-modal="support-modal"> <a class="modal-overlay__close-button icon">close</a> <div class="modal-body"> <p class="h3">Protolabs Network Support</p> <div class="footer__contact-form" id="hubspot-form-1732799145218796575" data-hubspot-form-id="adb7765b-a109-405c-856c-def9ca0bf3f9"></div> </div> </div> <li><p class="footer-menu__link footer-menu__link--phone u-hidden" data-phonenumber-cta="">Call us on <span data-phonenumber-geolocated></span></p></li> <li><a class="footer-menu__link" href="https://help.hubs.com/en/help-center" data-show-difflang="true" hreflang="en">Help center</a></li> <li><a class="footer-menu__link" href="/manufacture/" data-show-difflang="true" hreflang="en">Get Instant Quote</a></li> <li class="footer-menu__socials-list"> <a class="footer-menu__link footer-menu__link--social" href="https://www.facebook.com/Protolabs/" target="_blank" rel="noopener nofollow noreferrer"> <svg viewBox="2 2 20 20"> <title>Visit our Facebook page</title> <path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z"></path> </svg> </a> <a class="footer-menu__link footer-menu__link--social" href="https://www.linkedin.com/company/proto-labs/" target="_blank" rel="noopener nofollow noreferrer"> <svg viewBox="2 2 20 20"> <title>Visit our LinkedIn page</title> <path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z" /> </svg> </a> <a class="footer-menu__link footer-menu__link--social" href="https://www.youtube.com/channel/UC1nzmktP1usjdqewrBDN_uQ" target="_blank" rel="noopener nofollow noreferrer"> <svg viewBox="0 4 24 16"> <title>Visit our Youtube page</title> <path d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z" /> </svg> </a> <a class="footer-menu__link footer-menu__link--social" href="https://twitter.com/ProtoLabs" target="_blank" rel="noopener nofollow noreferrer"> <svg id="a" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="5.5mm" height="4.9mm" viewBox="0 0 15.5 14"> <defs> <style> .b { stroke-width: 0px; } </style> </defs> <title>Visit our X page</title> <path class="b" d="m12.2,0h2.4l-5.2,5.9,6.1,8.1h-4.8l-3.7-4.9-4.3,4.9H.3l5.5-6.3L0,0h4.9l3.4,4.5L12.2,0Zm-.8,12.6h1.3L4.2,1.3h-1.4l8.6,11.2Z"/> </svg> </a> <a class="footer-menu__link footer-menu__link--social" href="https://www.instagram.com/protolabsmfg/" target="_blank" rel="noopener nofollow noreferrer"> <svg viewBox="0 0 24 24"> <title>Visit our Instagram page</title> <path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /> </svg> </a> </li> </ul> </div> </section> <section class="section section--extra-large section--no-margin u-margin-top-2 u-margin-bottom-2 footer-menu util-text-extra-small footer-newsletter-section"> <div class="footer-menu__logo-container"></div> <div> <!-- hugo: enter hubspot-embed-form.html --> <div class="footer__newsletter" id="hubspot-form-1732799305377464534" data-hubspot-form-id="719a5815-86a7-41fe-b982-ed00df6c6618"></div> </div> </section> <section class="section section--extra-large section--no-margin u-margin-bottom-4"> <hr class="panel__separator panel__separator-grey u-margin-top-4 footer__separator"> <div class="footer__bottom"> <label class="footer__copyright">Copyright © 2024 3D HUBS B.V. All rights reserved.</label> <div class="language-switcher"> <ul> <li class="util-text-extra-small"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <defs> <style> .c { fill: none; } .d { fill: #f0f0f0; } .e { fill: #d80027; } .f { fill: #2e52b2; } </style> </defs> <g id="b" data-name="c"> <rect class="d" y="123.3" width="512" height="303.4"/> <g> <rect class="e" y="161.3" width="512" height="37.9"/> <rect class="e" y="237" width="512" height="37.9"/> <rect class="e" y="313" width="512" height="37.9"/> <rect class="e" y="388.7" width="512" height="37.9"/> </g> <g> <rect class="e" y="85.4" width="512" height="37.9"/> <rect class="e" y="161.3" width="512" height="37.9"/> <rect class="e" y="237" width="512" height="37.9"/> <rect class="e" y="313" width="512" height="37.9"/> </g> <rect class="f" y="85.4" width="256" height="183.8"/> <g> <polygon class="d" points="99.8 160.7 95.7 173.4 82.4 173.4 93.2 181.2 89 193.9 99.8 186 110.6 193.9 106.5 181.2 117.3 173.4 103.9 173.4 99.8 160.7"/> <polygon class="d" points="103.9 219 99.8 206.5 95.7 219 82.4 219 93.2 227 89 239.7 99.8 231.7 110.6 239.7 106.5 227 117.3 219 103.9 219"/> <polygon class="d" points="47.6 219 43.5 206.5 39.3 219 26 219 36.8 227 32.7 239.7 43.5 231.7 54.2 239.7 50.1 227 60.9 219 47.6 219"/> <polygon class="d" points="43.5 160.7 39.3 173.4 26 173.4 36.8 181.2 32.7 193.9 43.5 186 54.2 193.9 50.1 181.2 60.9 173.4 47.6 173.4 43.5 160.7"/> <polygon class="d" points="99.8 114.9 95.7 127.6 82.4 127.6 93.2 135.4 89 148.1 99.8 140.3 110.6 148.1 106.5 135.4 117.3 127.6 103.9 127.6 99.8 114.9"/> <polygon class="d" points="43.5 114.9 39.3 127.6 26 127.6 36.8 135.4 32.7 148.1 43.5 140.3 54.2 148.1 50.1 135.4 60.9 127.6 47.6 127.6 43.5 114.9"/> <polygon class="d" points="156.2 160.7 152.1 173.4 138.7 173.4 149.5 181.2 145.4 193.9 156.2 186 167 193.9 162.8 181.2 173.6 173.4 160.3 173.4 156.2 160.7"/> <polygon class="d" points="160.3 219 156.2 206.5 152.1 219 138.7 219 149.5 227 145.4 239.7 156.2 231.7 167 239.7 162.8 227 173.6 219 160.3 219"/> <polygon class="d" points="216.7 219 212.5 206.5 208.4 219 195.1 219 205.9 227 201.8 239.7 212.5 231.7 223.3 239.7 219.2 227 230 219 216.7 219"/> <polygon class="d" points="212.5 160.7 208.4 173.4 195.1 173.4 205.9 181.2 201.8 193.9 212.5 186 223.3 193.9 219.2 181.2 230 173.4 216.7 173.4 212.5 160.7"/> <polygon class="d" points="156.2 114.9 152.1 127.6 138.7 127.6 149.5 135.4 145.4 148.1 156.2 140.3 167 148.1 162.8 135.4 173.6 127.6 160.3 127.6 156.2 114.9"/> <polygon class="d" points="212.5 114.9 208.4 127.6 195.1 127.6 205.9 135.4 201.8 148.1 212.5 140.3 223.3 148.1 219.2 135.4 230 127.6 216.7 127.6 212.5 114.9"/> </g> </g> <rect class="c" width="512" height="512"/> </svg> EN<span class="language-switcher_caret"></span></li> <li class="util-text-extra-small"> <a href="/de/"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/> <rect y="85.331" width="512" height="113.775"/> <rect y="312.882" style="fill:#FFDA44;" width="512" height="113.775"/> </svg> DE</a> </li> <li class="util-text-extra-small"> <a href="/fr/"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/> <rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/> <rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/> </svg> FR</a> </li> <li class="util-text-extra-small"> <a href="/nl/"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;fill:#D80027" xml:space="preserve"> <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/> <rect y="85.331" width="512" height="113.775"/> <rect y="312.882" style="fill:#0052B4;" width="512" height="113.775"/> </svg> NL</a> </li> </ul> </div> </div> </section> </footer> <script type="text/javascript"> window.siteSettings = { "languagesAvailable": ["en","de","fr","nl"] } </script> <script type="text/javascript"> const deferredStylesheets = [ 'https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css', ]; for (let i = 0; i < deferredStylesheets.length; i++) { const stylesheet = document.createElement('link'); stylesheet.rel = 'stylesheet'; stylesheet.href = deferredStylesheets[i]; const linkNodes = document.getElementsByTagName('link'); const referenceNode = linkNodes[linkNodes.length - 1]; referenceNode.parentNode.insertBefore(stylesheet, referenceNode.nextSibling); } </script> <link href="https://www.hubs.com/scss/deferred.min.09044b8c6493b3603c634ebbd7483cef8bb6b447dc15616765fd077601ce3a33.css" rel="preload" integrity="sha256-CQRLjGSTs2A8Y06710g874u2tEfcFWFnZf0HdgHOOjM=" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="relURL $webpack.deferred.css"></noscript> <script type="text/javascript" src='/js/critical.b1588.js'></script> <script type="text/javascript" src='/js/vendor.86a81.js'></script> <link rel="preload" href="https://www.hubs.com/scss/optional.min.d81ada69771e600bffd481bfb630ad4d0ae12b3bb1885b981b8225b419cb4f44.css" as="style" onload="this.onload=null;this.rel='stylesheet'" integrity="sha256-2BraaXceYAv/1IG/tjCtTQrhKzuxiFuYG4IltBnLT0Q="> <noscript><link rel="stylesheet" href="https://www.hubs.com/scss/optional.min.d81ada69771e600bffd481bfb630ad4d0ae12b3bb1885b981b8225b419cb4f44.css"></noscript> <script src="https://js.sentry-cdn.com/2ce40c5c256f41db841f152848b291a5.min.js" crossorigin="anonymous" ></script> <script> Sentry.init({ dsn: 'https:\/\/2ce40c5c256f41db841f152848b291a5@sentry.io\/1396588', release: 'static-web@' }) </script> <script> window.onload = function() { setTimeout(function () { const hubspotScript = document.createElement("script"); hubspotScript.src = "https://js.hs-scripts.com/4075618.js"; hubspotScript.id = "hs-script-loader" hubspotScript.setAttribute("defer", "defer"); const firstScriptElement = document.getElementsByTagName("script")[0]; const blockedUAs = [] if (!blockedUAs.find(ua => navigator.userAgent.indexOf(ua) !== -1)) { firstScriptElement.parentNode.insertBefore(hubspotScript, firstScriptElement); } }, 100) } </script> <div id="modal" class="modal"> <span id="modal-close" class="modal-close">×</span> <img id="modal-content" class="modal-content"> <div id="modal-caption" class="modal-caption"></div> </div> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGCBN7J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </body> </html>