html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } @font-face { font-family: "Helvetica Normal"; src: local("Helvetica Normal"), local("Helvetica Normal"), url(/assets/fonts/helvetica.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "Helvetica Light"; src: local("Helvetica Light"), local("Helvetica Light"), url(/assets/fonts/helvetica_light.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "Helvetica Light Oblique"; src: local("Helvetica Light Oblique"), local("Helvetica Light Oblique"), url(/assets/fonts/helvetica_light_oblique.woff2) format("woff2"); font-display: swap; } @font-face { font-family: "Helvetica Bold"; src: local("Helvetica Bold"), local("Helvetica Bold"), url(/assets/fonts/helvetica_bold.woff2) format("woff2"); font-display: swap; } html, body, div, span, applet, object, iframe, h1, body#manufacturing .section .panel-content h2, h2, h3, body#index .index-maintext h1, body#index .index-maintext body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content body#index .index-maintext h2, body#productdetail .section.section-overview .panel-content h1, body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#productdetail .section.section-overview .panel-content .text h2, h4, body#index .index-maintext h2, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } [ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { height: 100%; } body { min-height: 100%; font-family: "Helvetica Light", sans-serif; font-weight: 100; opacity: 0; transition: 0.3s opacity ease-in-out; } body.loaded { opacity: 1; } a { color: #14377d; } a, a:hover, a:active, a:focus { text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 0; border: none; } button { background: #14377d; border: none; padding: 8px 20px 10px 20px; color: #fff; font-size: 15px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } button:focus { outline: 0; } button.ot-floating-button__open { padding: 0; } a.btn { display: inline-block; height: 40px; line-height: 40px; text-align: center; background: #ddd; color: #fff; padding: 2px 10px; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; font-weight: 700; } a.btn.btn-yellow { background: #fab819; } a.btn.btn-yellow:hover { background: #14377d; } a.btn.btn-blue { background: #14377d; } a.btn.btn-blue:hover { background: #1aa0e0; } a.btn.btn-lightblue { background: #1aa0e0; } a.btn.btn-lightblue:hover { background: #14377d; } h1, body#manufacturing .section .panel-content h2 { font-size: 30px; margin-bottom: 22px; color: #14377d; } h2 { font-size: 26px; color: #1aa0e0; margin-bottom: 22px; } h2.inversed { color: #fff; } h3, body#index .index-maintext h1, body#index .index-maintext body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content body#index .index-maintext h2, body#productdetail .section.section-overview .panel-content h1, body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#productdetail .section.section-overview .panel-content .text h2 { font-size: 16px; color: #1aa0e0; font-family: "Helvetica Bold", sans-serif; margin-bottom: 22px; } h3.light, body#index .index-maintext h1.light, body#index .index-maintext body#manufacturing .section .panel-content h2.light, body#manufacturing .section .panel-content body#index .index-maintext h2.light, body#productdetail .section.section-overview .panel-content h1.light, body#productdetail body#manufacturing .section.section-overview .panel-content h2.light, body#manufacturing body#productdetail .section.section-overview .panel-content h2.light, body#productdetail .section.section-overview .panel-content .text h2.light { font-family: "Helvetica Light", sans-serif; } h3.light strong, body#index .index-maintext h1.light strong, body#index .index-maintext body#manufacturing .section .panel-content h2.light strong, body#manufacturing .section .panel-content body#index .index-maintext h2.light strong, body#productdetail .section.section-overview .panel-content h1.light strong, body#productdetail body#manufacturing .section.section-overview .panel-content h2.light strong, body#manufacturing body#productdetail .section.section-overview .panel-content h2.light strong, body#productdetail .section.section-overview .panel-content .text h2.light strong { font-family: "Helvetica Bold", sans-serif; } h4, body#index .index-maintext h2 { font-size: 15px; color: #14377d; margin-bottom: 5px; } .content-wrap h3, .content-wrap body#index .index-maintext h1, body#index .index-maintext .content-wrap h1, .content-wrap body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content .content-wrap h2, .content-wrap body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext .content-wrap h2, .content-wrap body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content .content-wrap h1, .content-wrap body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content .content-wrap h2, .content-wrap body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content .content-wrap h2, .content-wrap body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text .content-wrap h2, .two-column > div h3, .two-column > div body#index .index-maintext h1, body#index .index-maintext .two-column > div h1, .two-column > div body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content .two-column > div h2, .two-column > div body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext .two-column > div h2, .two-column > div body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content .two-column > div h1, .two-column > div body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content .two-column > div h2, .two-column > div body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content .two-column > div h2, .two-column > div body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text .two-column > div h2, .two-column > article h3, .two-column > article body#index .index-maintext h1, body#index .index-maintext .two-column > article h1, .two-column > article body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content .two-column > article h2, .two-column > article body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext .two-column > article h2, .two-column > article body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content .two-column > article h1, .two-column > article body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content .two-column > article h2, .two-column > article body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content .two-column > article h2, .two-column > article body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text .two-column > article h2 { margin-bottom: 15px; margin-top: 30px; } .content-wrap ul, .two-column > div ul, .two-column > article ul { margin-bottom: 20px; margin-left: 35px; } .content-wrap ul li, .two-column > div ul li, .two-column > article ul li { color: #505050; font-size: 15px; line-height: 24px; position: relative; margin-bottom: 15px; } .content-wrap ul li:before, .content-wrap ul li:after, .two-column > div ul li:before, .two-column > div ul li:after, .two-column > article ul li:before, .two-column > article ul li:after { content: ""; position: absolute; width: 0; height: 0; } .content-wrap ul li:before, .two-column > div ul li:before, .two-column > article ul li:before { left: -30px; top: -5px; border: 8px solid transparent; border-bottom-color: #1aa0e0; } .content-wrap ul li:after, .two-column > div ul li:after, .two-column > article ul li:after { left: -30px; top: 11px; border: 8px solid transparent; border-top-color: #1aa0e0; } ul.numbered, body#productdetail .section.section-overview ul { margin-left: 0px; } ul.numbered li, body#productdetail .section.section-overview ul li { line-height: 32px; position: relative; margin-left: 30px; } ul.numbered li:after, body#productdetail .section.section-overview ul li:after { display: none; } ul.numbered li:before, body#productdetail .section.section-overview ul li:before { position: absolute; left: -25px; top: 3px; content: url("/assets/images/bullet.svg"); border: none; z-index: 999; } hr.faint { height: 0; opacity: 0.15; width: 80%; margin-left: 10%; } .clearfix::after, body#productdetail .section.section-colours .colour-tabs::after, body#search .search-tabs::after { clear: both; content: ""; display: block; } .multi-select { width: 100%; display: block; } .multi-select > .title { white-space: normal; } .fake-select { height: 33px; line-height: 33px; background-color: #fff; border: 1px solid #14377d; margin-bottom: 10px; } .fake-select > .title { padding: 0 10px; position: relative; z-index: 11; color: #14377d; } .fake-select ul { background-color: #fff; width: 100.2%; border: 1px solid #14377d; padding: 5px 0; left: -1px; top: 31px; } .fake-select li { padding: 0 10px; } .fake-select li.selected a { padding-left: 0px; position: relative; color: #1aa0e0; } .fake-select li.selected a:before { content: url('data:image/svg+xml;utf8,'); position: absolute; left: -20px; } .fake-select a:hover { color: #14377d; } .fake-select input[type="radio"] { margin-right: 10px; } .fake-select { cursor: pointer; text-align: left; } .fake-select > .title { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fake-select a, .fake-select label { display: block; } .fake-select .disabled { opacity: 0.3; cursor: default; } .fake-select-list { position: absolute; display: none; left: 0; list-style: none; margin: 0; padding: 0; background-color: #fff; width: 100%; } .no-js .fake-select:hover .fake-select-list { display: block; } .remove-filters { text-align: right; font-size: 14px; display: block; padding: 10px 0px; } .form-modal-bg { position: fixed; z-index: 8888; left: 0px; top: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } .form-modal { position: fixed; z-index: 9999; width: 100vw; height: 100vh; overflow-y: scroll; left: 0; top: 0; background: #14377d; padding: 15px; -webkit-transition: left 0.5s ease-in-out; -moz-transition: left 0.5s ease-in-out; transition: left 0.5s ease-in-out; } .form-modal input, .form-modal textarea, .form-modal select { margin-bottom: 15px; position: relative; } .form-modal input.nobot, .form-modal textarea.nobot, .form-modal select.nobot { margin-bottom: 6px; } .form-modal input span, .form-modal textarea span, .form-modal select span { position: absolute; right: 15px; top: 8px; font-size: 12px; color: #900; } .form-modal input { width: 100%; height: 32px; } .form-modal textarea { width: 100%; font-size: 15px; padding: 5px; } .form-modal select { width: 100%; height: 32px; background: #fff; color: #505050; font-size: 15px; } .form-modal button { background: #1aa0e0; } .form-modal label { opacity: 0; font-size: 0px; } .form-modal h2 { color: #fff; } .form-modal p.intro { color: #fff; } .form-modal .closemodal { position: absolute; top: 15px; right: 15px; background: #fff; border-radius: 50%; width: 32px; height: 32px; text-align: center; font-size: 22px; font-weight: bold; line-height: 32px; } .form-modal .closemodal:hover { background: #1aa0e0; color: #fff; } .form-modal .status { padding: 8px 12px; margin-bottom: 12px; } .form-modal .status.contact-success { background: #009900; } .form-modal .status.contact-success p { color: #fff; margin-bottom: 0px; } .form-modal .status.contact-errors { background: #900; } .form-modal .status.contact-errors p { color: #fff; margin-bottom: 0px; } .form-modal.hidden, .form-modal-bg.hidden { left: -100vw; } #sample-form small { color: rgba(255, 255, 255, 0.5); margin-bottom: 10px; font-size: 12px; display: block; } #sample-form .sample-line-items { color: #fff; } #sample-form .sample-line-items li { line-height: 26px; font-size: 14px; } #sample-form .sample-line-items li:last-of-type { margin-bottom: 10px; } #sample-form .sample-line-items li a { float: right; display: inline-block; width: 22px; height: 22px; background: #fff; color: #14377d; text-align: center; line-height: 22px; border-radius: 50%; } #sample-form .sample-line-items li a:hover { background: #1aa0e0; color: #fff; } #sample-form .sample-line-items a { color: #fff; } #sample-form .sample-line-items a:hover { color: #1aa0e0; } #sample-form h4, #sample-form body#index .index-maintext h2, body#index .index-maintext #sample-form h2 { color: #fff; margin-bottom: 12px; margin-top: 20px; } #sample-form .txtSubscribe-column { position: relative; margin-bottom: 20px; display: flex; height: 30px; } #sample-form .txtSubscribe-column input { width: 10%; margin: 0 auto 0 -5px; position: relative; } #sample-form .txtSubscribe-column span { color: #fff; right: auto; left: 35px; top: 10px; font-size: 16px; width: 90%; line-height: 34px; } .two-column.form #sample-form input, .two-column.form #sample-form textarea, .two-column.form #sample-form select { margin-bottom: 15px; position: relative; } .two-column.form #sample-form input.nobot, .two-column.form #sample-form textarea.nobot, .two-column.form #sample-form select.nobot { margin-bottom: 6px; } .two-column.form #sample-form input span, .two-column.form #sample-form textarea span, .two-column.form #sample-form select span { position: absolute; right: 15px; top: 8px; font-size: 12px; color: #900; } .two-column.form #sample-form input { width: 100%; height: 32px; } .two-column.form #sample-form textarea { width: 100%; font-size: 15px; padding: 5px; } .two-column.form #sample-form select { width: 100%; height: 32px; background: #fff; color: #505050; font-size: 15px; } .two-column.form #sample-form button { background: #1aa0e0; } .two-column.form #sample-form label { opacity: 0; font-size: 0px; } .two-column.form #sample-form h4, .two-column.form #sample-form body#index .index-maintext h2, body#index .index-maintext .two-column.form #sample-form h2 { color: #14377d; margin-bottom: 12px; margin-top: 20px; } .two-column.form #sample-form small { color: rgba(0, 0, 0, 0.5); margin-bottom: 10px; font-size: 12px; display: block; } .two-column.form #sample-form .txtSubscribe-column input { width: 32px; margin: 0 24px 0 0; } .two-column.form #sample-form .txtSubscribe-column span { color: #505050; font-size: 14px; } .two-column.form #sample-form .status { padding: 8px 12px; margin-bottom: 12px; } .two-column.form #sample-form .status.contact-success { background: #009900; } .two-column.form #sample-form .status.contact-success p { color: #fff; margin-bottom: 0px; } .two-column.form #sample-form .status.contact-errors { background: #900; } .two-column.form #sample-form .status.contact-errors p { color: #fff; margin-bottom: 0px; } @media (max-width: 768px) { .two-column.form { padding: 32px; } .two-column.form #sample-form .txtSubscribe-column span { line-height: 18px; } } #contact .contact-form div, #contact .job-form div, #jobs .contact-form div, #jobs .job-form div { position: relative; display: block; width: 100%; margin-top: 10px; } #contact .contact-form .empty input, #contact .contact-form .empty textarea, #contact .contact-form .empty select, #contact .job-form .empty input, #contact .job-form .empty textarea, #contact .job-form .empty select, #jobs .contact-form .empty input, #jobs .contact-form .empty textarea, #jobs .contact-form .empty select, #jobs .job-form .empty input, #jobs .job-form .empty textarea, #jobs .job-form .empty select { border: 1px solid #ebeaf3 !important; } #contact .contact-form .valid input, #contact .contact-form .valid textarea, #contact .contact-form .valid select, #contact .job-form .valid input, #contact .job-form .valid textarea, #contact .job-form .valid select, #jobs .contact-form .valid input, #jobs .contact-form .valid textarea, #jobs .contact-form .valid select, #jobs .job-form .valid input, #jobs .job-form .valid textarea, #jobs .job-form .valid select { border: 1px solid #009900 !important; } #contact .contact-form .invalid input, #contact .contact-form .invalid textarea, #contact .contact-form .invalid select, #contact .job-form .invalid input, #contact .job-form .invalid textarea, #contact .job-form .invalid select, #jobs .contact-form .invalid input, #jobs .contact-form .invalid textarea, #jobs .contact-form .invalid select, #jobs .job-form .invalid input, #jobs .job-form .invalid textarea, #jobs .job-form .invalid select { border: 1px solid #cc0000 !important; } #contact .contact-form .success-message, #contact .job-form .success-message, #jobs .contact-form .success-message, #jobs .job-form .success-message { padding: 15px; background: #009900; color: #fff; } #contact .contact-form .error-message, #contact .job-form .error-message, #jobs .contact-form .error-message, #jobs .job-form .error-message { padding: 15px; background: #cc0000; color: #fff; } #contact .contact-form button:disabled, #contact .job-form button:disabled, #jobs .contact-form button:disabled, #jobs .job-form button:disabled { opacity: 0.5; pointer-events: none; } @media screen and (min-width: 480px) { #contact .content-wrap h1, #contact .content-wrap body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content #contact .content-wrap h2, #contact .content-wrap p, #contact .content-wrap > div, #jobs .content-wrap h1, #jobs .content-wrap body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content #jobs .content-wrap h2, #jobs .content-wrap p, #jobs .content-wrap > div { max-width: 66.6%; } } @media screen and (min-width: 480px) { .form-modal { width: 500px; right: 0; top: calc(50vh - 50%); padding: 30px; } } .accordion { background-color: #14377d; color: #fff; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; border-bottom: 1px solid #1d498a; position: relative; } .accordion:after { height: 12px; width: 12px; border-color: white; content: ""; border-left: 1px; border-bottom: 1px; border-top: 0; border-right: 0; border-style: solid; display: block; position: absolute; right: 18px; top: calc(50% - 6px); z-index: 999; transform: rotate(-135deg); transition: all 0.3s ease; } .accordion.active, .accordion:hover { background-color: #1aa0e0; border-bottom: 1px solid #1aa0e0; } .accordion.active:after, .accordion:hover:after { transform: rotate(-45deg); } .accordion.active:hover:after { transform: rotate(-225deg); } .panel { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .panel .btn { background-color: #14377d; } .panel .btn:hover { background-color: #1aa0e0; } .panel.active { max-height: 100%; padding-top: 16px; } .panel.active > .btn { margin-bottom: 32px; } .panel:last-of-type { margin-bottom: 64px; } #productcategory content-blocks.content { display: flex; flex-direction: column; background-color: #fff; } #productcategory content-blocks.content content-block { display: flex; } #productcategory content-blocks.content content-block section { max-width: 1600px; margin: 0 auto; } #productcategory content-blocks.content content-block[type="text-and-image-block"] { overflow: hidden; position: relative; } #productcategory content-blocks.content content-block[type="text-and-image-block"] > section { position: relative; } #productcategory content-blocks.content content-block[type="text-and-image-block"] > section p { color: #fff; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content { display: flex; flex-direction: column; flex-wrap: wrap; padding: 34px; width: 50%; margin: 54px 5% 54px 5%; z-index: 3; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content h2 { width: 100%; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content h3, #productcategory content-blocks.content content-block[type="text-and-image-block"] .content body#index .index-maintext h1, body#index .index-maintext #productcategory content-blocks.content content-block[type="text-and-image-block"] .content h1, #productcategory content-blocks.content content-block[type="text-and-image-block"] .content body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #productcategory content-blocks.content content-block[type="text-and-image-block"] .content h2, #productcategory content-blocks.content content-block[type="text-and-image-block"] .content body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #productcategory content-blocks.content content-block[type="text-and-image-block"] .content h2, #productcategory content-blocks.content content-block[type="text-and-image-block"] .content body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-and-image-block"] .content h1, #productcategory content-blocks.content content-block[type="text-and-image-block"] .content body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-and-image-block"] .content h2, #productcategory content-blocks.content content-block[type="text-and-image-block"] .content body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-and-image-block"] .content h2, #productcategory content-blocks.content content-block[type="text-and-image-block"] .content body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #productcategory content-blocks.content content-block[type="text-and-image-block"] .content h2 { font-family: "Helvetica", sans-serif; font-weight: 300; font-size: 20px; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content div { flex-grow: 1; width: 100%; display: flex; flex-direction: column; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content div:nth-of-type(odd) { padding-left: 0; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content div:nth-of-type(even) { padding-right: 0; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content .links { width: 100%; display: flex; flex-direction: row; padding: 0; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content .links a { height: fit-content; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content .btn { height: 100%; line-height: 36px; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content .btn + .btn { margin-left: 32px; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .blockAngleWrap { z-index: 2; position: absolute; top: 0; max-width: 45%; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .blockAngleWrap img { height: 100%; width: 100%; object-fit: cover; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-vertical { display: flex; flex-direction: row; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-horizontal { display: flex; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-horizontal .content { flex-direction: column; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-horizontal .content div { width: 100%; padding: 0; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-left .content { margin-left: 50%; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-left .blockAngleWrap { height: 100%; left: -50vw; margin-left: 50%; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .content { margin-right: 0%; width: 50%; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap { right: -50vw; margin-right: 50%; height: 100%; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:before, #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:after { display: none; height: 100%; } #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow { background-color: #fab819; } #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow .blockAngleWrap:before { background-color: #f4ae05; } #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow .blockAngleWrap:after { background-color: #fab819; } #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow h2, #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow h3, #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow body#index .index-maintext h1, body#index .index-maintext #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow h1, #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow h2, #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow h2, #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow h1, #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow h2, #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow h2, #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow h2 { color: white; } #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow .btn { background-color: #1aa0e0; } #productcategory content-blocks.content content-block[type="text-and-image-block"].yellow .btn:hover { background-color: #192b69; } #productcategory content-blocks.content content-block[type="text-and-image-block"].green { background-color: #005729; } #productcategory content-blocks.content content-block[type="text-and-image-block"].green .blockAngleWrap { background-color: #96d255; } #productcategory content-blocks.content content-block[type="text-and-image-block"].green .blockAngleWrap:before { background-color: #96d255; } #productcategory content-blocks.content content-block[type="text-and-image-block"].green .blockAngleWrap:after { background-color: #005729; } #productcategory content-blocks.content content-block[type="text-and-image-block"].green h2 { color: #96d255; } #productcategory content-blocks.content content-block[type="text-and-image-block"].green p { color: white; } #productcategory content-blocks.content content-block[type="text-and-image-block"].green a { color: #96d255; } #productcategory content-blocks.content content-block[type="text-and-image-block"].green a.btn { color: white; background-color: #96d255; } #productcategory content-blocks.content content-block[type="text-and-image-block"].green a.btn:hover { background-color: #002411; } #productcategory content-blocks.content content-block[type="text-and-image-block"].blue { background-color: #102b69; } #productcategory content-blocks.content content-block[type="text-and-image-block"].blue .blockAngleWrap:before { background-color: #1e3874; } #productcategory content-blocks.content content-block[type="text-and-image-block"].blue .blockAngleWrap:after { background-color: #102b69; } #productcategory content-blocks.content content-block[type="text-and-image-block"].blue h2, #productcategory content-blocks.content content-block[type="text-and-image-block"].blue p { color: white; } #productcategory content-blocks.content content-block[type="text-and-image-block"].blue .btn { background-color: #1aa0e0; } #productcategory content-blocks.content content-block[type="text-and-image-block"].blue .btn:hover { background-color: #1e3874; } #productcategory content-blocks.content content-block[type="text-and-image-block"].red { background-color: #900; } #productcategory content-blocks.content content-block[type="text-and-image-block"].red .blockAngleWrap { background-color: #b30000; } #productcategory content-blocks.content content-block[type="text-block"] section { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; margin: 64px auto; } #productcategory content-blocks.content content-block[type="text-block"] section > div { display: flex; flex-direction: row; flex-wrap: wrap; width: 40%; justify-content: space-between; padding-right: 5%; } #productcategory content-blocks.content content-block[type="text-block"] section > div + div { padding-left: 5%; padding-right: 0; border-left: 1px solid #efefef; } #productcategory content-blocks.content content-block[type="text-block"] section > div > div { width: 46%; justify-content: space-around; } #productcategory content-blocks.content content-block[type="text-block"] section > div > div > div { width: 100%; } #productcategory content-blocks.content content-block[type="text-block"] section > div.links { justify-content: center; margin-top: 34px; width: 100%; padding: 0; } #productcategory content-blocks.content content-block[type="text-block"] section > div.links .btn { background-color: #1aa0e0; margin: 12px; } #productcategory content-blocks.content content-block[type="text-block"] section > div.links .btn:hover { background-color: #1e3874; } #productcategory content-blocks.content content-block[type="text-block"] section h2, #productcategory content-blocks.content content-block[type="text-block"] section h3, #productcategory content-blocks.content content-block[type="text-block"] section body#index .index-maintext h1, body#index .index-maintext #productcategory content-blocks.content content-block[type="text-block"] section h1, #productcategory content-blocks.content content-block[type="text-block"] section body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #productcategory content-blocks.content content-block[type="text-block"] section h2, #productcategory content-blocks.content content-block[type="text-block"] section body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #productcategory content-blocks.content content-block[type="text-block"] section h2, #productcategory content-blocks.content content-block[type="text-block"] section body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-block"] section h1, #productcategory content-blocks.content content-block[type="text-block"] section body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-block"] section h2, #productcategory content-blocks.content content-block[type="text-block"] section body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-block"] section h2, #productcategory content-blocks.content content-block[type="text-block"] section body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #productcategory content-blocks.content content-block[type="text-block"] section h2 { width: 80%; font-family: "Helvetica", sans-serif; } #productcategory content-blocks.content content-block[type="text-block"] section h3, #productcategory content-blocks.content content-block[type="text-block"] section body#index .index-maintext h1, body#index .index-maintext #productcategory content-blocks.content content-block[type="text-block"] section h1, #productcategory content-blocks.content content-block[type="text-block"] section body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #productcategory content-blocks.content content-block[type="text-block"] section h2, #productcategory content-blocks.content content-block[type="text-block"] section body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #productcategory content-blocks.content content-block[type="text-block"] section h2, #productcategory content-blocks.content content-block[type="text-block"] section body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-block"] section h1, #productcategory content-blocks.content content-block[type="text-block"] section body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-block"] section h2, #productcategory content-blocks.content content-block[type="text-block"] section body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #productcategory content-blocks.content content-block[type="text-block"] section h2, #productcategory content-blocks.content content-block[type="text-block"] section body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #productcategory content-blocks.content content-block[type="text-block"] section h2 { color: #505050; font-size: 18px; } #productcategory content-blocks.content content-block[type="testimonial"] { background-color: #f1f1f1; } #productcategory content-blocks.content content-block[type="testimonial"] section { max-width: 50%; margin: 64px auto; text-align: center; } #productcategory content-blocks.content content-block[type="testimonial"] section p { color: #1aa0e0; font-style: italic; font-size: 16px; line-height: 26px; } #productcategory content-blocks.content content-block[type="testimonial"] section p:last-of-type { font-weight: bold; color: #14377d; font-style: normal; font-size: 14px; margin-bottom: 0; } @media (max-width: 600px) { #productcategory content-blocks.content { width: 100vw; margin-bottom: 64px; margin-left: -20px; } #productcategory content-blocks.content content-block[type="text-block"] p { color: #505050; } #productcategory content-blocks.content content-block[type="text-block"] section { margin: 34px 0; } #productcategory content-blocks.content content-block[type="text-block"] section > div { width: 100%; padding: 0 34px; } #productcategory content-blocks.content content-block[type="text-block"] section > div > div { width: 100%; } #productcategory content-blocks.content content-block[type="text-block"] section > div + div { padding-right: 34px; padding-left: 34px; } #productcategory content-blocks.content content-block[type="text-block"] section .links { justify-content: space-around; flex-wrap: wrap; } #productcategory content-blocks.content content-block[type="text-block"] section .links .btn { width: 100%; } #productcategory content-blocks.content content-block[type="text-block"] section .links .btn:last-of-type { margin-top: 32px; } #productcategory content-blocks.content content-block[type="text-and-image-block"] { max-width: 100vw; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-left, #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-vertical, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-horizontal { width: 100%; flex-direction: column; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-left .content, #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .content, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-vertical .content, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-horizontal .content { width: 100%; flex-direction: column; margin-left: 0; margin-right: 0; margin: 0; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-left .content .links, #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .content .links, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-vertical .content .links, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-horizontal .content .links { justify-content: space-around; flex-wrap: wrap; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-left .content .links .btn, #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .content .links .btn, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-vertical .content .links .btn, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-horizontal .content .links .btn { width: 100%; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-left .content .links .btn:last-of-type, #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .content .links .btn:last-of-type, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-vertical .content .links .btn:last-of-type, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-horizontal .content .links .btn:last-of-type { margin-left: 0; margin-top: 32px; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-left .blockAngleWrap, #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-vertical .blockAngleWrap, #productcategory content-blocks.content content-block[type="text-and-image-block"] .body-horizontal .blockAngleWrap { position: relative; margin-left: 0; margin-right: 0; width: 100vw; max-width: unset; margin: 0; left: 0; } } @media (min-width: 800px) { #productcategory content-blocks.content content-block[type="text-block"] p { color: #505050; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content { flex-direction: row; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .content div { width: 50%; margin: 5% 0; padding: 0 5%; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .blockAngleWrap:before, #productcategory content-blocks.content content-block[type="text-and-image-block"] .blockAngleWrap:after { content: ""; height: 800px; width: 800px; transform: rotate(45deg); position: absolute; display: flex; right: -400px; transform-origin: center; z-index: 1; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .blockAngleWrap:before { top: -520px; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .blockAngleWrap:after { top: 610px; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap { max-width: 55%; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:before, #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:after { display: block; } #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:before { top: -35px; left: -30px; transform-origin: right top; right: unset; } } @media (min-width: 800px) and (max-width: 1450px) { #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:before { top: -40px; left: -20px; } } @media (min-width: 800px) and (max-width: 1250px) { #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:before { top: -25px; left: -45px; } } @media (min-width: 800px) and (max-width: 1000px) { #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:before { top: -35px; left: -152px; } } @media (min-width: 800px) { #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:after { transform-origin: right bottom; top: 140px; left: -920px; } } @media (min-width: 800px) and (max-width: 1250px) { #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:after { top: 135px; left: -948px; } } @media (min-width: 800px) and (max-width: 1250px) { #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:after { top: 135px; left: -935px; } } @media (min-width: 800px) and (max-width: 1000px) { #productcategory content-blocks.content content-block[type="text-and-image-block"] .image-right .blockAngleWrap:after { top: 120px; left: -1050px; } } #header { position: absolute; left: 0; right: 0; padding: 30px 20px 0px 20px; z-index: 10; } #header::after { clear: both; content: ""; display: block; } #header .head-left { float: left; display: block; margin-right: 0%; width: 50%; } #header .head-left:last-child { margin-right: 0; } #header .head-left .desktop-header-stamp { position: initial; max-height: 80px; top: 0; max-width: 80px; margin: 0 0 5px 15px; } #header .head-right { float: left; display: block; margin-right: 0%; width: 50%; text-align: right; } #header .head-right:last-child { margin-right: 0; } #header ul#breadcrumbs { margin-bottom: 50px; } #header ul#breadcrumbs li { display: inline; font-size: 11px; text-transform: uppercase; } #header ul#breadcrumbs li:after { content: ">"; width: 10px; height: 10px; margin-left: 8px; } #header ul#breadcrumbs li:last-of-type:after { content: ""; } #header ul#breadcrumbs li a { color: #14377d; } #header ul#breadcrumbs li a:hover { color: #1aa0e0; } #header a.search-icon { position: relative; display: inline-block; color: #14377d; -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); margin-right: 20px; } #header a.search-icon svg path { fill: #14377d; } #header a.menu-icon { position: relative; display: inline-block; color: #14377d; } #header a.menu-icon svg path { fill: #14377d; } #header a.lang-icon { position: relative; display: inline-block; color: #14377d; } #header ul#lang-switch { position: relative; display: inline-block; top: -10px; margin-right: 20px; } #header ul#lang-switch li { width: 145px; padding: 5px 52px 0px 10px; line-height: 30px; text-align: left; position: relative; } #header ul#lang-switch li.active a { color: #fff; } #header ul#lang-switch li > a { text-align: right; } #header ul#lang-switch li a { color: #14377d; display: block; text-transform: uppercase; font-size: 12px; } #header ul#lang-switch li a:hover { color: #1aa0e0; } #header ul#lang-switch li ul { position: absolute; margin: 0px; padding: 0px; z-index: -1; padding-top: 35px; right: 0; top: 0px; background: #14377d; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; transition-timing-function: cubic-bezier(1, 0, 0, 1); height: 290px; overflow: hidden; } #header ul#lang-switch li ul.ng-hide { height: 0px; padding-top: 0px; } #header ul#lang-switch li ul.ng-hide a { opacity: 0; margin-right: -30px; } #header ul#lang-switch li ul a { color: #fff; line-height: 30px; opacity: 1; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; margin-left: 0px; text-align: right; } #header ul#lang-switch li ul a:hover { color: #1aa0e0 !important; } #header ul#lang-switch li ul li:nth-of-type(1) a { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } #header ul#lang-switch li ul li:nth-of-type(2) a { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } #header ul#lang-switch li ul li:nth-of-type(3) a { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } #header ul#lang-switch li ul li:nth-of-type(4) a { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } #header ul#lang-switch li ul li:nth-of-type(5) a { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } #header ul#lang-switch li ul li:nth-of-type(6) a { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } #header ul#lang-switch li ul li:nth-of-type(7) a { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } #header ul#lang-switch li a.flag-en:before { position: absolute; content: ""; width: 30px; height: 20px; background: url("/assets/images/flags-large.png") no-repeat; background-position: 0 -20px; right: 12px; top: 8px; } #header ul#lang-switch li a.flag-es:before { position: absolute; content: ""; width: 30px; height: 20px; background: url("/assets/images/flags-large.png") no-repeat; background-position: -30px 0; right: 12px; top: 8px; } #header ul#lang-switch li a.flag-de:before { position: absolute; content: ""; width: 30px; height: 20px; background: url("/assets/images/flags-large.png") no-repeat; background-position: 0 0; right: 12px; top: 8px; } #header ul#lang-switch li a.flag-fr:before { position: absolute; content: ""; width: 30px; height: 20px; background: url("/assets/images/flags-large.png") no-repeat; background-position: -60px 0; right: 12px; top: 8px; } #header ul#lang-switch li a.flag-it:before { position: absolute; content: ""; width: 30px; height: 20px; background: url("/assets/images/flags-large.png") no-repeat; background-position: -30px -20px; right: 12px; top: 8px; } #header ul#lang-switch li a.flag-nl:before { position: absolute; content: ""; width: 30px; height: 20px; background: url("/assets/images/flags-large.png") no-repeat; background-position: -60px -20px; right: 12px; top: 8px; } #header ul#lang-switch li a.flag-pl:before { position: absolute; content: ""; width: 30px; height: 20px; background: url("/assets/images/flags-large.png") no-repeat; background-position: -90px 0px; right: 12px; top: 8px; } #header ul#lang-switch li a.flag-us:before { position: absolute; content: ""; width: 30px; height: 20px; background: url("/assets/images/flags-large.png") no-repeat; background-position: -90px -20px; right: 12px; top: 8px; } .container.left-dark #header ul#breadcrumbs li { color: #fff; } .container.left-dark #header ul#breadcrumbs li a { color: #fff; } .container.left-dark #header ul#breadcrumbs li a:hover { color: #1aa0e0; } .container.right-dark #header a.search-icon { color: #fff; } .container.right-dark #header a.search-icon svg path { fill: #fff; } .container.right-dark #header a.menu-icon { color: #fff; } .container.right-dark #header a.menu-icon svg path { fill: #fff; } .container.right-dark #header a.lang-icon { color: #fff; } .container.right-dark #header ul#lang-switch li a { color: #fff; } footer#footer { width: 100%; text-align: center; } footer#footer footer-inner { display: flex; justify-content: space-between; flex-direction: column; width: 100%; padding: 0 20px 20px 20px; gap: 16px; max-width: 1600px; margin: 0 auto; } footer#footer footer-inner div { position: relative; display: flex; align-items: center; flex: 1 1 25%; gap: 0 16px; } footer#footer footer-inner div.middle { flex-direction: column; flex: 1 1 50%; padding: 0 20px 0 20px; } footer#footer footer-inner div.left, footer#footer footer-inner div.right { justify-content: center; } footer#footer footer-inner div img { height: 24px; width: auto; opacity: 0.6; } footer#footer footer-inner hr { width: 100%; } footer#footer footer-inner p { margin-bottom: 0; color: #fff; font-size: 11px; font-family: "Helvetica Normal", sans-serif; } footer#footer footer-inner p img { margin: 0 10px 10px; } footer#footer footer-inner p:last-of-type { color: rgba(255, 255, 255, 0.6); } footer#footer footer-inner p:last-of-type a { color: #fab819; } footer#footer footer-inner p:last-of-type a:hover { color: #fff; } footer#footer footer-inner .socialicons { margin-bottom: 10px; } footer#footer footer-inner .socialicons a { opacity: 0.3; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: inline-block; } footer#footer footer-inner .socialicons a:hover { opacity: 1; transform: scale(1.2); } @media (min-width: 1000px) { footer#footer { text-align: left; } footer#footer footer-inner { flex-direction: row; } footer#footer footer-inner div { align-self: flex-start; } footer#footer footer-inner div.middle { border-left: 2px solid rgba(255, 255, 255, 0.2); align-items: flex-start; } footer#footer footer-inner div.right { justify-content: flex-end; } } body#help footer#footer, body#news footer#footer, body#distributors footer#footer { padding-top: 20px; background-color: #14377d; } body#news footer#footer, body#distributors footer#footer { background-color: #123170; } nav#desktop-menu { position: fixed; top: 0; bottom: 0; left: 0; width: 100%; -webkit-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s; z-index: 99; } nav#desktop-menu h3, nav#desktop-menu body#index .index-maintext h1, body#index .index-maintext nav#desktop-menu h1, nav#desktop-menu body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content nav#desktop-menu h2, nav#desktop-menu body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext nav#desktop-menu h2, nav#desktop-menu body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content nav#desktop-menu h1, nav#desktop-menu body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content nav#desktop-menu h2, nav#desktop-menu body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content nav#desktop-menu h2, nav#desktop-menu body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text nav#desktop-menu h2 { color: #fff !important; margin-bottom: 30px; padding-left: 70px; } nav#desktop-menu h3 a, nav#desktop-menu body#index .index-maintext h1 a, body#index .index-maintext nav#desktop-menu h1 a, nav#desktop-menu body#index .index-maintext body#manufacturing .section .panel-content h2 a, body#index .index-maintext body#manufacturing .section .panel-content nav#desktop-menu h2 a, nav#desktop-menu body#manufacturing .section .panel-content body#index .index-maintext h2 a, body#manufacturing .section .panel-content body#index .index-maintext nav#desktop-menu h2 a, nav#desktop-menu body#productdetail .section.section-overview .panel-content h1 a, body#productdetail .section.section-overview .panel-content nav#desktop-menu h1 a, nav#desktop-menu body#productdetail body#manufacturing .section.section-overview .panel-content h2 a, body#productdetail body#manufacturing .section.section-overview .panel-content nav#desktop-menu h2 a, nav#desktop-menu body#manufacturing body#productdetail .section.section-overview .panel-content h2 a, body#manufacturing body#productdetail .section.section-overview .panel-content nav#desktop-menu h2 a, nav#desktop-menu body#productdetail .section.section-overview .panel-content .text h2 a, body#productdetail .section.section-overview .panel-content .text nav#desktop-menu h2 a { color: #fff; margin-bottom: 30px; font-size: 30px !important; font-family: "Helvetica Light", sans-serif !important; font-weight: normal !important; } nav#desktop-menu a { color: #fff; font-size: 15px; position: relative; } nav#desktop-menu a.menu-close { position: absolute; top: 20px; right: 30px; font-size: 35px; z-index: 999; color: #1aa0e0; opacity: 1; transition-delay: 0.2s; font-weight: bold; } nav#desktop-menu a:hover { color: #1aa0e0; } nav#desktop-menu a span { background: #900; color: #fff; font-size: 12px; text-transform: uppercase; padding: 4px 6px 2px; line-height: 10px; margin: 0 0 0 10px; } nav#desktop-menu section { position: relative; padding: 5% 0; height: 100%; float: left; display: block; margin-right: 0%; width: 50%; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; transition-timing-function: cubic-bezier(1, 0, 0, 1); overflow: hidden; overflow-y: scroll; } nav#desktop-menu section:last-child { margin-right: 0; } nav#desktop-menu section img { position: absolute; top: 0; width: 100%; height: 100%; z-index: -1; } nav#desktop-menu section:nth-of-type(2) { transition-delay: 0.1s; } nav#desktop-menu section:nth-of-type(3) { transition-delay: 0.15s; } nav#desktop-menu section svg { margin-bottom: 20px; margin-left: 70px; } nav#desktop-menu section .nav-link { -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; transition-delay: 0.4s; width: calc(100% - 140px); margin-left: 70px; opacity: 1; } nav#desktop-menu section .nav-link:nth-of-type(1) { transition-delay: 0.45s; } nav#desktop-menu section .nav-link:nth-of-type(2) { transition-delay: 0.5s; } nav#desktop-menu section .nav-link:nth-of-type(3) { transition-delay: 0.55s; } nav#desktop-menu section .nav-link:nth-of-type(4) { transition-delay: 0.6s; } nav#desktop-menu section .nav-link:nth-of-type(5) { transition-delay: 0.65s; } nav#desktop-menu section .nav-link:nth-of-type(6) { transition-delay: 0.7s; } nav#desktop-menu section .nav-link:nth-of-type(7) { transition-delay: 0.75s; } nav#desktop-menu section .nav-link:nth-of-type(8) { transition-delay: 0.8s; } nav#desktop-menu section .nav-link:nth-of-type(9) { transition-delay: 0.85s; } nav#desktop-menu section .nav-link:nth-of-type(10) { transition-delay: 0.9s; } nav#desktop-menu section .nav-link:nth-of-type(11) { transition-delay: 0.95s; } nav#desktop-menu section .nav-link:nth-of-type(12) { transition-delay: 1s; } nav#desktop-menu section .nav-link:nth-of-type(13) { transition-delay: 1.1s; } nav#desktop-menu section .nav-link:nth-of-type(14) { transition-delay: 1.2s; } nav#desktop-menu section .nav-link:nth-of-type(15) { transition-delay: 1.3s; } nav#desktop-menu section #menu-loginform { opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; transition-delay: 0.4s; } nav#desktop-menu section h3, nav#desktop-menu section body#index .index-maintext h1, body#index .index-maintext nav#desktop-menu section h1, nav#desktop-menu section body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content nav#desktop-menu section h2, nav#desktop-menu section body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext nav#desktop-menu section h2, nav#desktop-menu section body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content nav#desktop-menu section h1, nav#desktop-menu section body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content nav#desktop-menu section h2, nav#desktop-menu section body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content nav#desktop-menu section h2, nav#desktop-menu section body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text nav#desktop-menu section h2 { font-size: 30px; font-family: "Helvetica Light", sans-serif; } nav#desktop-menu section p { color: #9d9d9d; font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 20px; } nav#desktop-menu section a { display: block; line-height: 35px; font-weight: bold; font-size: 16px; } nav#desktop-menu section #menu-loginform { position: absolute; bottom: 0; left: 0; width: 100%; background: #1aa0e0; padding: 35px 55px; } nav#desktop-menu section #menu-loginform h3, nav#desktop-menu section #menu-loginform body#index .index-maintext h1, body#index .index-maintext nav#desktop-menu section #menu-loginform h1, nav#desktop-menu section #menu-loginform body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content nav#desktop-menu section #menu-loginform h2, nav#desktop-menu section #menu-loginform body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext nav#desktop-menu section #menu-loginform h2, nav#desktop-menu section #menu-loginform body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content nav#desktop-menu section #menu-loginform h1, nav#desktop-menu section #menu-loginform body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content nav#desktop-menu section #menu-loginform h2, nav#desktop-menu section #menu-loginform body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content nav#desktop-menu section #menu-loginform h2, nav#desktop-menu section #menu-loginform body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text nav#desktop-menu section #menu-loginform h2 { margin-bottom: 25px; padding-left: 0; } nav#desktop-menu section #menu-loginform label { display: block; color: #fff; margin-bottom: 10px; } nav#desktop-menu section #menu-loginform input[type="text"], nav#desktop-menu section #menu-loginform input[type="password"] { width: 100%; float: right; } nav#desktop-menu section #menu-loginform .login-forgot-link { float: right; font-size: 12px; } nav#desktop-menu section::-webkit-scrollbar { display: none; } nav#desktop-menu.ng-hide .menu-close { opacity: 0; } nav#desktop-menu.ng-hide #menu-loginform { opacity: 0; } nav#desktop-menu.ng-hide section { height: 1px; padding: 0; } nav#desktop-menu.ng-hide .nav-link { margin-left: 0; opacity: 0; } aside ul { position: sticky; } aside ul li { display: block; font-family: "Helvetica Normal", sans-serif; text-align: right; position: relative; border-bottom: 1px solid #1d498a; background: #14377d; } aside ul li:last-of-type { border-bottom: none; } aside ul li a { color: #fff; display: block; line-height: 20px; padding: 10px 14px 8px 10px; font-size: 14px; } aside ul li a:hover { background: #1aa0e0; } aside ul li.active { background: #1aa0e0; } aside ul li.highlighted { background: #1aa0e0; } aside ul li.subnav { background: #14377d; border-bottom: none; } aside ul li.subnav a { color: #1aa0e0; line-height: 16px; padding: 7px 14px 5px 10px; font-size: 13px; font-weight: 100; } aside ul li.subnav a:hover { background: none; color: #fff; } aside ul li.subnav.active { background: #14377d; } aside ul li.subnav.active a { color: #fff; } aside ul li.subnav.active a:before { display: none; } aside ul .desktop-product-header-stamp { position: relative; height: 100px; margin: 10px 0; } aside ul img { position: relative; width: 220px; } aside.product-nav { max-width: 1600px; margin-left: auto; margin-right: auto; position: inherit; } aside.product-nav::after { clear: both; content: ""; display: block; } aside.product-nav ul { position: fixed; top: 232px; z-index: 88; width: 220px; right: 20px; } @media (min-width: 1600px) { aside.product-nav ul { right: calc(calc((100vw - 1600px) / 2) + 20px); } } body#manufacturing aside ul li { background: #e60000; border-bottom: 1px solid #900; } body#manufacturing aside ul li.active { background: #1aa0e0; } body#manufacturing aside ul li:last-of-type { border-bottom: none; } div#search-overlay { position: fixed; background: #1aa0e0; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; overflow: hidden; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; transition-timing-function: cubic-bezier(1, 0, 0, 1); background-position: center center; background-attachment: fixed; background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; } div#search-overlay img.background { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; } div#search-overlay a.menu-close { position: absolute; top: 20px; right: 30px; font-size: 35px; z-index: 999; color: #fff; opacity: 1; transition-delay: 0.2s; font-weight: bold; } div#search-overlay.ng-hide { height: 1px; padding: 0; } div#search-overlay.ng-hide form { opacity: 0; } div#search-overlay form { position: absolute; width: 700px; height: 50px; left: 50%; top: 50%; margin-left: -350px; margin-top: -25px; font-size: 20px; padding: 0 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; transition-delay: 0.3s; } div#search-overlay form input[type="text"] { width: 580px; height: 55px; background: none; border: none; padding: 0; font-size: 30px; border-bottom: 1px solid #fff; color: #fff; } div#search-overlay form button[type="submit"] { border: none; background: none; color: #fff; position: absolute; bottom: -12px; right: 80px; cursor: pointer; -webkit-transform-origin: 50% 40%; -moz-transform-origin: 50% 40%; -ms-transform-origin: 50% 40%; -o-transform-origin: 50% 40%; transform-origin: 50% 40%; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } div#search-overlay form button[type="submit"] svg path { fill: #fff; } div#search-overlay form button[type="submit"]:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } div#search-overlay form ::-webkit-input-placeholder { color: #fff; } div#search-overlay form :-moz-placeholder { color: #fff; } div#search-overlay form ::-moz-placeholder { color: #fff; } div#search-overlay form :-ms-input-placeholder { color: #fff; } div#search-overlay .tt-menu { background: #2dabe7; color: #fff; min-width: 100%; font-size: 18px; } div#search-overlay .tt-menu .tt-suggestion { padding: 12px 20px; cursor: pointer; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; } div#search-overlay .tt-menu .tt-suggestion.tt-cursor, div#search-overlay .tt-menu .tt-suggestion:hover { background: #fff; color: #666; } .pageAngleWrap { position: fixed; width: 150vh; height: 150vh; top: -25vh; z-index: -1; right: -66vw; opacity: 0; } .pageAngle { overflow: hidden; position: relative; position: absolute; transform: rotate(-45deg); width: 100%; height: 100%; top: 0; right: -20px; } .pageAngleImage { height: 100%; width: 100%; background-size: cover; } .pageAngleImage img { height: 100%; transform: rotate(45deg) scale(1.2) translateX(-40%); transform-origin: 40% 40%; } .tiles-wrap { position: relative; max-width: 100%; margin-left: auto; margin-right: auto; z-index: -1; display: none; } .tiles-wrap::after { clear: both; content: ""; display: block; } @media screen and (min-width: 992px) { .tiles-wrap { display: block; } } .pageAngle .tile { position: absolute; height: 400px; width: 400px; background: rgba(255, 255, 255, 0.02); overflow: hidden; } .pageAngle .tile img { width: 800px; height: 800px; margin-top: -200px; margin-left: -200px; transform: rotate(45deg); } .pageAngle .tile:nth-of-type(1) { top: 0px; left: 820px; } .pageAngle .tile:nth-of-type(2) { top: 0px; left: 410px; } .pageAngle .tile:nth-of-type(3) { top: 410px; left: 820px; } .pageAngle .tile:nth-of-type(4) { top: 0px; left: 0px; } .pageAngle .tile:nth-of-type(5) { top: 410px; left: 410px; } .pageAngle .tile:nth-of-type(6) { top: 820px; left: 820px; } .pageAngle .tile:nth-of-type(7) { top: 410px; left: 0px; } .pageAngle .tile:nth-of-type(8) { top: 820px; left: 410px; } .pageAngle .tile:nth-of-type(9) { top: 820px; left: 0px; } .pageAngle .tile:nth-of-type(10) { top: 1230px; left: 410px; } body#index h3, body#index .index-maintext h1, body#index .index-maintext body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content body#index .index-maintext h2, body#index body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content body#index h1, body#index body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content body#index h2, body#index body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content body#index h2, body#index body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text body#index h2 { color: #14377d; font-family: "Helvetica Light", sans-serif; } body#index .gal-left, body#index .gal-right { position: fixed; top: 45%; font-size: 30px; color: #fff; z-index: 99; } body#index .gal-left { left: 40px; } body#index .gal-left:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 13px 18px 13px 0; border-color: transparent #fff transparent transparent; transition: 0.2s; } body#index .gal-left:hover:before { border-color: transparent #1aa0e0 transparent transparent; } body#index .gal-right { right: 60px; } body#index .gal-right:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 18px; border-color: transparent transparent transparent #fff; transition: 0.2s; } body#index .gal-right:hover:before { border-color: transparent transparent transparent #1aa0e0; } body#index .cover:before { position: fixed; content: ""; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: linear-gradient( to top, #00021e 0%, rgba(0, 2, 30, 0.6) 50%, #00021e 100% ); opacity: 0.6; } body#index .index-maintext { text-align: center; position: relative; padding: 19vh 20vw 0px 20vw; } body#index .index-maintext img { position: relative; margin: 0 auto; width: 100vw; margin-left: calc(-100vw / 2 + 500px / 2); margin-right: calc(-100vw / 2 + 500px / 2); } body#index .index-maintext .desktop-home-stamp { max-height: 180px; max-width: 180px; } body#index .index-maintext h1, body#index .index-maintext body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content body#index .index-maintext h2 { font-size: 55px; margin-bottom: 10px; letter-spacing: -0.025em; color: #fff; } body#index .index-maintext h2 { font-size: 25px; color: #bcb5da; } body#index .index-maintext button { position: relative; width: 130px; height: 130px; background: none; padding: 0px; } body#index .index-maintext button svg circle, body#index .index-maintext button svg path { -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; transform-origin: 50% 50%; } body#index .index-maintext button:hover svg circle { transform: scale(0.95); stroke: #bcb5da; } body#index .index-maintext button:hover svg path { transform: scale(1.2); fill: #bcb5da; } body#index .index-options { position: relative; text-align: center; width: 100%; left: 0; padding-bottom: 5vh; } body#index .index-options a { display: inline-block; width: 210px; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; } body#index .index-options a span { display: block; } body#index .index-options a svg { margin-bottom: 10px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; transform-origin: 50% 50%; } body#index .index-options a:hover svg { transform: scale(1.1) translateY(-15px); } body#index .index-options a:nth-of-type(1):hover { color: #1aa0e0; } body#index .index-options a:nth-of-type(2):hover { color: #fab819; } body#index .index-options a:nth-of-type(3):hover { color: #857aaf; } body#index .index-options a:nth-of-type(4):hover { color: #ec1c24; } body#index #footer { position: relative; z-index: 1; } @media (min-width: 1350px) { body#index .index-maintext { padding: 12vh 10vw 0vh 10vw; margin-left: 0vw; margin-right: 0vw; } body#index .index-maintext img { padding-bottom: 30px; } body#index .index-maintext h3, body#index .index-maintext h1, body#index .index-maintext body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content body#index .index-maintext h2, body#index .index-maintext body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content body#index .index-maintext h1, body#index .index-maintext body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text body#index .index-maintext h2 { font-size: 64px; } body#index .index-options { padding-bottom: 8vh; } } @media (min-height: 880px) { body#index .index-options { position: absolute; bottom: 18vh; } } @media (min-height: 880px) { body#index footer#footer { position: absolute; } } body#productcategory { background: #061025; overflow-x: hidden; } body#productcategory .centered-heading svg { opacity: 0; } body#productcategory .centered-heading h1, body#productcategory .centered-heading body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content body#productcategory .centered-heading h2 { opacity: 0; } body#productcategory .centered-heading p { opacity: 0; } body#productcategory .center-btn { opacity: 0; } body#productcategory .category-wrap { padding-bottom: 30px; overflow: hidden; position: relative; } body#productcategory .category-wrap:before { content: " "; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.3; } body#productcategory .category-wrap .content-wrap { margin-top: 50px; } body#productcategory .benefits-bar { position: relative; background: #1aa0e0; text-align: center; background-color: #1aa0e0; background-image: -webkit-linear-gradient( right, #1aa0e0 0%, #1aa0e0 75%, #14377d 76%, #14377d 100% ); background-image: linear-gradient( to left, #1aa0e0 0%, #1aa0e0 75%, #14377d 76%, #14377d 100% ); z-index: 1; } body#productcategory .benefits-bar span { color: #fff; line-height: 80px; } body#productcategory .benefits-bar span.angled { float: left; display: block; margin-right: 0%; width: 25%; background: #14377d; position: relative; font-size: 25px; text-align: right; padding-right: 10px; font-weight: bold; } body#productcategory .benefits-bar span.angled:last-child { margin-right: 0; } body#productcategory .benefits-bar span.angled:before { content: ""; position: absolute; right: -80px; width: 0; height: 0; border-style: solid; border-width: 80px 80px 0 0; border-color: #14377d transparent transparent transparent; } body#productcategory .benefits-bar span.autoslide { float: left; display: block; margin-right: 0%; width: 75%; overflow: hidden; white-space: nowrap; padding-left: 50px; } body#productcategory .benefits-bar span.autoslide:last-child { margin-right: 0; } body#productcategory .slick { padding-left: 30px; padding-right: 30px; margin-top: 50px; overflow: hidden; opacity: 0; } body#productcategory .product-slider a { display: flex; flex-direction: column; align-items: flex-start; justify-content: stretch; position: relative; min-height: 310px; height: 100%; } body#productcategory .product-slider a em { position: absolute; background: #900; color: #fff; top: 60px; left: 15px; font-size: 12px; text-transform: uppercase; padding: 5px 6px 3px 6px; line-height: 10px; margin: 0px; } body#productcategory .product-slider a span { display: block; padding-left: 65px; padding-top: 10px; padding-right: 30%; } body#productcategory .product-slider a span p { color: #fff !important; } body#productcategory .product-slider a img { width: 340px; margin-left: 20px; margin-bottom: 15px; } body#productcategory .product-slider a strong { color: #1aa0e0; margin-left: 65px; font-size: 15px; } body#productcategory .product-slider a button { background: #1aa0e0; margin-left: 70px; padding: 7px 10px; font-size: 13px; margin-top: auto; } body#productcategory .product-slider a button:hover { background: #14377d; } @media screen and (min-width: 768px) { body#productcategory .product-category-block { float: left; display: block; margin-right: 0%; width: 50%; min-height: 230px; } body#productcategory .product-category-block:last-child { margin-right: 0; } } @media screen and (min-width: 992px) { body#productcategory .product-category-block { float: left; display: block; margin-right: 0%; width: 33.33333%; } body#productcategory .product-category-block:last-child { margin-right: 0; } } @media screen and (min-width: 1200px) { body#productcategory .product-category-block { float: left; display: block; margin-right: 0%; width: 25%; } body#productcategory .product-category-block:last-child { margin-right: 0; } } body#productcategory a.center-btn { position: relative; background: #1aa0e0; text-align: left; display: inline-block; margin: 30px 10px; width: 320px; color: #fff; line-height: 45px; padding-left: 20px; padding-top: 4px; } body#productcategory a.center-btn span { font-family: "Helvetica Bold", sans-serif; } body#productcategory a.center-btn:hover { background: #14377d; } body#productcategory a.center-btn svg { transform: scale(1.5); position: absolute; right: 16px; top: 18px; } body#productcategory a.btn-finder { padding-right: 40px; margin-left: 10px; position: relative; } body#productcategory a.btn-finder svg { position: absolute; right: 3px; top: 11px; } @media (max-width: 600px) { body#productcategory a.btn-finder { width: 100%; margin-left: inherit; } } body#productcategory ul.numbered, body#productcategory body#productdetail .section.section-overview ul, body#productdetail .section.section-overview body#productcategory ul { float: left; color: white; margin-right: 40px; } body#productcategory ul.numbered li, body#productcategory body#productdetail .section.section-overview ul li, body#productdetail .section.section-overview body#productcategory ul li { color: #fff; margin-bottom: 0px; opacity: 0; } body#productcategory .content-wrap { padding-top: 150px; padding-bottom: 40px; padding-left: 0px; } body#productcategory .content-wrap p.half { width: 50%; color: #fff; } body#productcategory .content-wrap a { margin-top: 30px; } body#productcategory .content-wrap div.half { width: 50%; } body#productcategory .content-wrap div.half p { color: #fff; } body#productcategory .category-bottom { padding-top: 100px; position: relative; padding-left: 110px; } body#productcategory .category-bottom .btn { opacity: 0; } @media (max-width: 600px) { body#productcategory .category-bottom { padding: 32px; } body#productcategory .category-bottom div.half, body#productcategory .category-bottom ul.numbered, body#productcategory .category-bottom body#productdetail .section.section-overview ul, body#productdetail .section.section-overview body#productcategory .category-bottom ul { width: 100%; } } body#productcategory .pageAngleWrap { position: absolute; z-index: -2; height: 100vh; top: 100vh; } body#productcategory blockquote { width: 50%; color: #fff; font-size: 16px; margin-top: 60px; border-top: 1px solid #262f40; border-bottom: 1px solid #262f40; padding: 20px 20px; } body#productcategory blockquote p { color: #fff; font-size: 18px; font-style: italic; } body#productcategory blockquote p:before { content: '"'; } body#productcategory blockquote p:after { content: '"'; } body#productcategory blockquote a { color: #1aa0e0; } body#productcategory blockquote a:hover { color: #fff; } body#productcategory blockquote footer { color: rgba(255, 255, 255, 0.5); font-size: 14px; } @media (max-width: 600px) { body#productcategory blockquote { width: 100%; } } body#productcategory footer#footer { position: relative; } body#productcategory .architectural a.center-btn { background: #eaa705; } body#productcategory .architectural .product-slider a button { background: #fab819; } body#productcategory .architectural .benefits-bar { background: #fab819; background-color: #1aa0e0; background-image: -webkit-linear-gradient( right, #1aa0e0 0%, #1aa0e0 75%, #fab819 76%, #fab819 100% ); background-image: linear-gradient( to left, #1aa0e0 0%, #1aa0e0 75%, #fab819 76%, #fab819 100% ); font-weight: bold; } body#productcategory .architectural .benefits-bar span.angled { background: #fab819; } body#productcategory .architectural .benefits-bar span.angled:before { border-color: #fab819 transparent transparent transparent; } body#productcategory .architectural .category-bottom .btn { background: #db9c05; } body#productcategory .architectural ul.numbered li:before, body#productcategory .architectural body#productdetail .section.section-overview ul li:before, body#productdetail .section.section-overview body#productcategory .architectural ul li:before { content: url("/assets/images/bullet.svg"); } body#productcategory .architectural .slick { height: 410px; } body#productcategory .architectural .product-slider a { min-height: 380px; } body#productdetail { position: fixed !important; top: 0; bottom: 0; left: 0; width: 100%; z-index: 0; } body#productdetail .desktop-header-stamp { display: none; } body#productdetail .category-logo { position: absolute; top: 132px; z-index: 88; width: 195px; height: 60px; right: calc(calc((100vw - 1600px) / 2) + 20px); display: flex; flex-direction: row; } body#productdetail .category-logo h3, body#productdetail .category-logo body#index .index-maintext h1, body#index .index-maintext body#productdetail .category-logo h1, body#productdetail .category-logo body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content body#productdetail .category-logo h2, body#productdetail .category-logo body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext body#productdetail .category-logo h2, body#productdetail .category-logo .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content .category-logo h1, body#productdetail .category-logo body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content .category-logo h2, body#manufacturing body#productdetail .category-logo .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content .category-logo h2, body#productdetail .category-logo .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text .category-logo h2 { color: #fff; font-family: "Helvetica Light", sans-serif; font-size: 24px; text-align: right; padding-right: 65px; align-self: center; } body#productdetail .category-logo svg { position: absolute; top: -7px; right: 0px; } body#productdetail #fullpage { opacity: 0; } body#productdetail li.man-link { background: #e60000 !important; } body#productdetail .container { z-index: 89; position: relative; } body#productdetail .panel-content { max-width: 40%; padding-left: 59px; } body#productdetail .panel-content .mp_logo { margin-bottom: 50px; display: block; } body#productdetail .panel-content h2 { margin-bottom: 30px; color: #14377d; } body#productdetail .panel-content h3, body#productdetail .panel-content body#index .index-maintext h1, body#index .index-maintext body#productdetail .panel-content h1, body#productdetail body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section body#productdetail .panel-content h2, body#productdetail body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section body#productdetail .panel-content body#index .index-maintext h2, body#productdetail .section.section-overview .panel-content h1, body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#productdetail .section.section-overview .panel-content .text h2 { margin-bottom: 50px; line-height: 24px; } body#productdetail .section { padding-top: 100px; position: relative; overflow: hidden; } body#productdetail .section h2 { margin-top: 30px; line-height: 30px; font-size: 24px; } body#productdetail .section .product-logo { width: 460px; } body#productdetail .section .pageAngleWrap { position: absolute; z-index: 0; } body#productdetail .section.section-overview { position: relative; } body#productdetail .section.section-overview h3, body#productdetail .section.section-overview body#index .index-maintext h1, body#index .index-maintext body#productdetail .section.section-overview h1, body#productdetail .section.section-overview .panel-content h1, body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#productdetail .section.section-overview .panel-content .text h2 { margin-bottom: 20px; margin-top: 30px; } body#productdetail .section.section-overview ul li { color: #666; line-height: 30px; position: relative; font-size: 14px; } body#productdetail .section.section-overview .panel-content h1, body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content h2 { margin-bottom: 0px; } body#productdetail .section.section-overview .panel-content h2 { margin-top: 6px; } body#productdetail .section.section-overview .panel-content .text h2 { margin-bottom: 0px; } body#productdetail .section.section-overview .svg-holder { position: absolute; width: 2000px; top: -100px; left: 50%; margin-left: -900px; z-index: 99; overflow: visible; } body#productdetail .section.section-overview .svg-holder a { -webkit-transition: 0s; -moz-transition: 0s; transition: 0s; } body#productdetail .section.section-overview .svg-holder .expand-link { position: absolute; left: 38%; bottom: 160px; font-size: 12px; background: #1aa0e0; padding: 5px 8px 3px 8px; } body#productdetail .section.section-overview .svg-holder .expand-link a { color: #fff; font-weight: bold; } body#productdetail .section.section-overview .svg-holder svg { overflow: visible; } body#productdetail .section.section-overview .svg-holder svg .clickable { cursor: pointer; } body#productdetail .section.section-overview .svg-holder svg text { pointer-events: none; } body#productdetail .section.section-overview .svg-holder svg foreignobject { pointer-events: none; } body#productdetail .section.section-overview .svg-holder svg foreignobject .close { float: right; margin-right: -23px; margin-top: -8px; font-size: 25px; color: #fff; } body#productdetail .section.section-overview .svg-holder svg foreignobject .close:hover { color: #14377d; } body#productdetail .section.section-overview .svg-holder svg foreignobject h3, body#productdetail .section.section-overview .svg-holder svg foreignobject body#index .index-maintext h1, body#index .index-maintext body#productdetail .section.section-overview .svg-holder svg foreignobject h1, body#productdetail .section.section-overview .svg-holder svg foreignobject .panel-content h1, body#productdetail .section.section-overview .panel-content .svg-holder svg foreignobject h1, body#productdetail body#manufacturing .section.section-overview .svg-holder svg foreignobject .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content .svg-holder svg foreignobject h2, body#manufacturing body#productdetail .section.section-overview .svg-holder svg foreignobject .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content .svg-holder svg foreignobject h2, body#productdetail .section.section-overview .svg-holder svg foreignobject .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text .svg-holder svg foreignobject h2 { color: #fff; } body#productdetail .section.section-overview .svg-holder svg foreignobject p { color: #fff; } @media (min-height: 800px) { body#productdetail .section.section-overview .svg-holder { top: -35px; left: 53%; } } body#productdetail .section.section-overview blockquote { width: 80%; color: #1aa0e0; font-size: 18px; margin-top: 20px; font-style: italic; line-height: 30px; } body#productdetail .section.section-overview blockquote p { color: #1aa0e0; font-size: 18px; font-style: italic; line-height: 26px; } body#productdetail .section.section-overview blockquote p:before { content: '"'; } body#productdetail .section.section-overview blockquote p:after { content: '"'; } body#productdetail .section.section-overview blockquote footer { color: rgba(26, 160, 224, 0.7); font-size: 14px; margin-top: 10px; } body#productdetail .section.section-overview .scroller-arrow { z-index: 99999; position: absolute; bottom: 30px; left: 50%; -webkit-animation: bounce 1.4s; -moz-animation: bounce 1.4s; animation: bounce 1.4s; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-iteration-count: 4; -moz-animation-iteration-count: 4; animation-iteration-count: 4; } body#productdetail .section.section-overview .scroller-arrow:before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 14px 14px 0 14px; border-color: #1aa0e0 transparent transparent transparent; } body#productdetail .section.section-technical { background: #14377d; } body#productdetail .section.section-technical .container .panel-content { max-width: 80%; } body#productdetail .section.section-technical h2 { color: #fff; } body#productdetail .section.section-technical p { color: #fff; } body#productdetail .section.section-technical .technical-tabs { padding: 0px 0px 10px 0px; height: 136px; } body#productdetail .section.section-technical .technical-tabs a { color: #fff; background: #2c4f81; display: block; text-transform: uppercase; font-size: 13px; line-height: 14px; padding: 10px; } body#productdetail .section.section-technical .technical-tabs a:last-of-type { margin-right: 0; } body#productdetail .section.section-technical .technical-tabs a:hover { background: #2dabe7; } body#productdetail .section.section-technical .technical-tabs a.active { background: #1aa0e0; color: #fff; font-weight: bold; } @media (min-width: 920px) { body#productdetail .section.section-technical .technical-tabs { height: 34px; } body#productdetail .section.section-technical .technical-tabs a { float: left; margin-right: 3px; } } body#productdetail .section.section-technical .table-panels .table-panel:nth-of-type(2) th, body#productdetail .section.section-technical .table-panels .table-panel:nth-of-type(3) th, body#productdetail .section.section-technical .table-panels .table-panel:nth-of-type(4) th { height: 35px; } body#productdetail .section.section-technical .scrollableContainer { height: inherit; } body#productdetail .section.section-technical .th-inner { background: #1aa0e0; } body#productdetail .section.section-technical .scrollArea { border: none; } body#productdetail .section.section-technical .scrollArea table th .box { border: none; border: 1px solid #1aa0e0; } body#productdetail .section.section-technical table { font-size: 14px; font-family: "Helvetica Bold", sans-serif; } body#productdetail .section.section-technical table thead { background: #1aa0e0; } body#productdetail .section.section-technical table thead th { vertical-align: middle; text-align: center; color: #fff; border: 1px solid #1aa0e0; } body#productdetail .section.section-technical table thead th:first-of-type { text-align: left; padding-left: 10px; } body#productdetail .section.section-technical table tbody { color: #fff; } body#productdetail .section.section-technical table tbody td { border: 1px solid #4c7296; background: #063667; height: 30px; vertical-align: middle; text-align: center; padding: 10px 0px; } body#productdetail .section.section-technical table tbody td:first-of-type { text-align: left; padding-left: 10px; } body#productdetail .section.section-colours { background: url("/assets/images/gridbg1.gif") repeat; } body#productdetail .section.section-colours .colour-tabs { margin-bottom: 30px; width: 100%; } body#productdetail .section.section-colours .colour-tabs a { display: block; float: left; text-transform: uppercase; font-size: 13px; color: #14377d; padding: 12px 20px; border-right: 1px solid #ddd; background: #ecedf3; border-bottom: 1px solid #e3e4ed; } body#productdetail .section.section-colours .colour-tabs a.active { background: #fff; border-bottom: 1px solid #fff; } body#productdetail .section.section-colours .colour-tabs a:last-of-type { border-right: none; } body#productdetail .section.section-colours .slice { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; -webkit-transition: -webkit-clip-path 0.3s cubic-bezier(0.9, 0.1, 0.1, 0.9); transition: -webkit-clip-path 0.3s cubic-bezier(0.9, 0.1, 0.1, 0.9); } body#productdetail .section.section-colours .colour-label { display: table; position: absolute; left: 50px; top: 50px; width: 220px; height: 220px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); text-align: center; z-index: 9; border: 1px solid rgba(255, 255, 255, 0.8); } body#productdetail .section.section-colours .colour-label p { display: block; display: table-cell; vertical-align: middle; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); font-size: 30px; color: #fff; line-height: 35px; } body#productdetail .section.section-colours .colour-label.light { border: 1px solid rgba(255, 255, 255, 0.8); } body#productdetail .section.section-colours .colour-label.light p { color: #fff; } body#productdetail .section.section-colours .colour-label.dark { border: 1px solid rgba(32, 32, 32, 0.8); } body#productdetail .section.section-colours .colour-label.dark p { color: #202020; } body#productdetail .section.section-colours a.color { margin-right: 5px; } body#productdetail .section.section-colours #colourselector .pageAngleImage { position: absolute; z-index: 0; } body#productdetail .section.section-applications .tile { background: rgba(20, 55, 125, 0.1); } body#productdetail .section.section-applications ul.numbered li, body#productdetail .section.section-applications .section.section-overview ul li, body#productdetail .section.section-overview .section.section-applications ul li { color: #505050; font-size: 14px; } body#productdetail .section.section-downloads .panel-content { max-width: 80%; } body#productdetail .section.section-downloads .catalogue-link { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 5px; } body#productdetail .section.section-downloads .catalogue-link:not(:last-of-type) { border-bottom: 1px solid #ddd; } body#productdetail .section.section-downloads .catalogue-link img { width: 50px; margin-right: 15px; } body#productdetail .section.section-downloads .catalogue-link span { display: block; font-size: 15px; } body#productdetail .section.section-downloads .catalogue-link:hover { background: #14377d; color: #fff; } body#productdetail .section.section-downloads .download-container { display: flex; flex-direction: column; max-height: calc(100vh - 300px); overflow-y: scroll; max-width: 400px; } body#productdetail #product-landing .section { padding-top: 60px; } body#productdetail #product-landing .section:first-of-type h1, body#productdetail #product-landing body#manufacturing .section:first-of-type .panel-content h2, body#manufacturing body#productdetail #product-landing .section:first-of-type .panel-content h2 { color: #fff; line-height: 30px; font-size: 24px; margin-top: 20px; } body#productdetail #product-landing .section:first-of-type h2 { font-size: 16px; line-height: 21px; } body#productdetail #product-landing #product-details-nav { margin-top: 80px; } body#productdetail #product-landing .scroller-arrow { left: 50vw; } body#productdetail #product-landing .btn-bigred, body#productdetail #product-landing .btn-bigred-large { z-index: 9999; position: relative; display: inline-block; background: #df2637; padding: 15px 20px 14px 55px; margin-bottom: 20px; color: #fff; font-family: "Helvetica Bold", sans-serif; } body#productdetail #product-landing .btn-bigred:hover, body#productdetail #product-landing .btn-bigred-large:hover { background: #b71b29; } body#productdetail #product-landing .btn-bigred svg, body#productdetail #product-landing .btn-bigred-large svg { position: absolute; left: 13px; top: 13px; } body#productdetail #product-landing .btn-bigred svg path, body#productdetail #product-landing .btn-bigred-large svg path { fill: #ef939b; } body#productdetail #product-landing .btn-bigred { font-size: 25px; } body#productdetail #product-landing .btn-bigred-large { font-size: 30px; margin-top: 2vh; } body#productdetail #product-landing .landing-testimonial { margin-top: 4vh; } body#productdetail #product-landing .landing-testimonial img { float: left; margin-right: 15px; } body#productdetail #product-landing .landing-testimonial p { font-size: 19px !important; font-style: italic; font-weight: 700; padding-top: 10px; } body#productdetail #product-landing .landing-testimonial small { color: #a6a8c8; font-weight: 700; } body#productdetail #product-landing .made-by { position: absolute; z-index: 999; right: 40px; top: 100px; } body#productdetail #product-landing .sidebar-logo { position: absolute; z-index: 999; right: -100px; top: 500px; display: block; } body#productdetail #product-landing .sidebar-logo#regular { display: none; } body#productdetail #product-landing .sidebar-logo svg { transform: scale(0.4); } body#productdetail #product-landing .section-overview h2 { color: #fff; font-weight: 700; } body#productdetail #product-landing .section-overview p { color: #fff; font-size: 16px; line-height: 21px; } body#productdetail .architectural ul.numbered li:before, body#productdetail .architectural .section.section-overview ul li:before, body#productdetail .section.section-overview .architectural ul li:before { content: url('data:image/svg+xml;utf8,'); } body#productdetail .architectural .section.section-overview a.scroller-arrow:before { border-color: #fab819 transparent transparent transparent; } body#productdetail .architectural .section.section-overview .svg-holder svg .clickable { fill: #fab819 !important; } body#productdetail .architectural .section.section-overview .svg-holder svg rect { fill: #fab819 !important; } body#productdetail .architectural .section.section-overview .svg-holder .expand-link { background: #fab819; } body#productdetail .architectural .section.section-technical { background: #14377d; } body#productdetail .architectural .section.section-technical .technical-tabs a { color: #fff; background: #2c4f81; } body#productdetail .architectural .section.section-technical .technical-tabs a:hover { background: #f4ae05; } body#productdetail .architectural .section.section-technical .technical-tabs a.active { background: #fab819; color: #fff; } body#productdetail .architectural .section.section-technical .th-inner { background: #fab819; } body#productdetail .architectural .section.section-technical .scrollArea table th .box { border: 1px solid #fab819; } body#productdetail .architectural .section.section-technical table { font-family: "Helvetica Bold", sans-serif; } body#productdetail .architectural .section.section-technical table thead { background: #fab819; } body#productdetail .architectural .section.section-technical table thead th { color: #fff; border: 1px solid #fab819; } body#productdetail .architectural .section.section-technical table tbody { color: #fff; } body#productdetail .architectural .section.section-technical table tbody td { border: 1px solid #4c7296; background: #063667; } body#productdetail .architectural .btn-blue { background: #fab819; } body#productdetail .architectural .btn-blue:hover { background: #f4ae05; } .right-dark + main .category-logo h3, .right-dark + main .category-logo body#index .index-maintext h1, body#index .index-maintext .right-dark + main .category-logo h1, .right-dark + main .category-logo body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content .right-dark + main .category-logo h2, .right-dark + main .category-logo body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext .right-dark + main .category-logo h2, .right-dark + main .category-logo body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content .right-dark + main .category-logo h1, .right-dark + main .category-logo body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content .right-dark + main .category-logo h2, .right-dark + main .category-logo body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content .right-dark + main .category-logo h2, .right-dark + main .category-logo body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text .right-dark + main .category-logo h2 { color: #fff !important; } .right-light + main .category-logo h3, .right-light + main .category-logo body#index .index-maintext h1, body#index .index-maintext .right-light + main .category-logo h1, .right-light + main .category-logo body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content .right-light + main .category-logo h2, .right-light + main .category-logo body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext .right-light + main .category-logo h2, .right-light + main .category-logo body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content .right-light + main .category-logo h1, .right-light + main .category-logo body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content .right-light + main .category-logo h2, .right-light + main .category-logo body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content .right-light + main .category-logo h2, .right-light + main .category-logo body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text .right-light + main .category-logo h2 { color: #14377d !important; } body#distributors .mapdivcontent { float: left; display: block; margin-right: 0%; width: 83.33333%; position: relative; } body#distributors .mapdivcontent:last-child { margin-right: 0; } body#distributors .mapdivcontent #mapdiv { margin-top: -140px; z-index: 9999; } body#distributors .mapdivcontent #mapdiv img.spinner { position: absolute; left: 50%; top: 60%; } body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow { background: url('data:image/svg+xml;utf8,') no-repeat center center; height: 400px !important; width: 400px !important; overflow: hidden; padding: 130px 80px; text-align: center; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow h3, body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow body#index .index-maintext h1, body#index .index-maintext body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow h1, body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow h2, body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow h2, body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow h1, body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow h2, body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow h2, body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow h2 { color: #fff; font-size: 23px; margin-bottom: 10px; } body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow h4, body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow body#index .index-maintext h2, body#index .index-maintext body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow h2 { color: #fff; font-size: 18px; font-weight: bold; } body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow .ammapDescriptionWindowCloseButton { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; position: absolute; right: 0px; top: 180px; float: none !important; background: #fab819; } body#distributors .mapdivcontent #mapdiv .ammapDescriptionWindow .ammapDescriptionWindowCloseButton img { display: none; } body#distributors .mapdivcontent #modaldesc { position: absolute; display: table; width: 600px; height: auto; background: #1aa0e0; top: 50%; left: 50%; margin-left: -300px; margin-top: -280px; z-index: 99999; display: none; } body#distributors .mapdivcontent #modaldesc .inner { width: 100%; padding: 25px 80px 25px 25px; } body#distributors .mapdivcontent #modaldesc .inner .dist { float: left; display: block; margin-right: 0%; width: 50%; } body#distributors .mapdivcontent #modaldesc .inner .dist:last-child { margin-right: 0; } body#distributors .mapdivcontent #modaldesc .inner h4, body#distributors .mapdivcontent #modaldesc .inner body#index .index-maintext h2, body#index .index-maintext body#distributors .mapdivcontent #modaldesc .inner h2 { color: #fff; font-size: 26px; } body#distributors .mapdivcontent #modaldesc .inner p { color: #fff; } body#distributors .mapdivcontent #modaldesc .inner a:hover { color: #fff; } body#distributors .mapdivcontent #modaldesc .close { background: #fab819; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 30px; position: absolute; right: 0px; top: 0px; color: #fff; } body#distributors .mapdivcontent #modaldesc .close:hover { background: #14377d; } body#distributors .warehouse-icon { padding-left: 32px; text-transform: uppercase; color: #14377d; font-size: 12px; font-weight: bold; line-height: 30px; display: block; background: url("/assets/images/map-warehouse.png") no-repeat left 1px; background-size: 24px; } body#distributors .distributors-icon { padding-left: 32px; text-transform: uppercase; color: #14377d; font-size: 12px; font-weight: bold; line-height: 30px; display: block; background: url("/assets/images/map-distributor.png") no-repeat left 1px; background-size: 24px; } body#distributors .floating-page-content { float: left; display: block; margin-right: 0%; width: 16.66667%; padding-top: 3vh; } body#distributors .floating-page-content:last-child { margin-right: 0; } body#productfinder .pageArrow { position: fixed; top: 50%; width: 50px; left: 50%; z-index: 99; } body#productfinder .pageArrow:before { content: ""; width: 0px; height: 0px; position: absolute; border-style: solid; border-width: 35px 0 35px 30px; border-color: transparent transparent transparent #fff; } body#productfinder .pageHalf { background: white; width: 50%; position: fixed; top: 0px; height: 100%; } body#productfinder .finder-checkboxes { float: left; display: block; margin-right: 0%; width: 50%; overflow: hidden; overflow-y: scroll; } body#productfinder .finder-checkboxes:last-child { margin-right: 0; } body#productfinder .finder-checkboxes ul { float: left; display: block; margin-right: 0%; width: 100%; margin-left: 0px; } body#productfinder .finder-checkboxes ul:last-child { margin-right: 0; } body#productfinder .finder-checkboxes ul li { line-height: 27px; margin-left: 0px; padding-left: 25px; position: relative; margin-bottom: 0px; } body#productfinder .finder-checkboxes ul li a { position: relative; line-height: 24px; color: #6a6a6a; } body#productfinder .finder-checkboxes ul li a:hover { color: #14377d; } body#productfinder .finder-checkboxes ul li a svg { position: absolute; left: -25px; top: -1px; } body#productfinder .finder-checkboxes ul li:before, body#productfinder .finder-checkboxes ul li:after { content: none; } body#productfinder .finder-checkboxes ul li.active a { color: #14377d; } body#productfinder .finder-checkboxes ul li.active svg polygon { fill: #14377d; } @media screen and (min-width: 992px) { body#productfinder .finder-checkboxes ul { float: left; display: block; margin-right: 0%; width: 50%; } body#productfinder .finder-checkboxes ul:last-child { margin-right: 0; } } body#productfinder .finder-checkboxes::-webkit-scrollbar { display: none; } body#productfinder .finder-results { float: left; display: block; margin-right: 0%; width: 50%; overflow: hidden; overflow-x: visible; overflow-y: scroll; padding-left: 80px; } body#productfinder .finder-results:last-child { margin-right: 0; } body#productfinder .finder-results p { color: #fff; } body#productfinder .finder-results .finder-product { float: left; display: block; margin-right: 0%; width: 100%; margin-bottom: 20px; height: 190px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; position: relative; } body#productfinder .finder-results .finder-product:last-child { margin-right: 0; } body#productfinder .finder-results .finder-product p { color: #fff; font-size: 13px; } @media screen and (min-width: 1200px) { body#productfinder .finder-results .finder-product { float: left; display: block; margin-right: 0%; width: 50%; } body#productfinder .finder-results .finder-product:last-child { margin-right: 0; } } body#productfinder .finder-results .finder-product > div { padding-left: 38px; padding-right: 35px; padding-top: 20px; } body#productfinder .finder-results .finder-product .new { position: absolute; top: 65px; left: -5px; font-size: 11px; background: #900; color: #fff; padding: 3px 6px; text-transform: uppercase; font-weight: bold; } body#productfinder .finder-results .loading-spinner { display: block; text-align: center; } body#productfinder .finder-results::-webkit-scrollbar { display: none; } body#productfinder .remove-filters { float: right; display: inline-block; background: #1aa0e0; color: #fff; padding: 7px 10px; } body#news { background: #14377d; background-image: linear-gradient( to top, #112f6b 0%, #163d8a 50%, #112f6b 100% ); background-attachment: fixed; } body#news h1, body#news body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content body#news h2 { color: #fff; } body#news .allnews p.noposts { color: #fff; } body#news .allnews article { float: left; display: block; margin-right: 0%; width: 50%; padding: 0px 0px 0px 0px; margin-bottom: 20px; } body#news .allnews article:last-child { margin-right: 0; } body#news .allnews article .article-inner { background: #fff; padding: 15px; height: 100%; } body#news .allnews article .article-image { display: block; width: 100%; height: 180px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } body#news .allnews article.featured { float: left; display: block; margin-right: 0%; width: 100%; margin-bottom: 20px; } body#news .allnews article.featured:last-child { margin-right: 0; } body#news .allnews article.featured a { display: block; height: 410px; overflow: hidden; position: relative; } body#news .allnews article.featured a span.article-text { position: absolute; bottom: 0px; left: 0px; background: rgba(255, 255, 255, 0.9); width: 70%; padding: 15px; height: auto; margin-bottom: 0px; } body#news .allnews article.featured a span.article-text p { margin-bottom: 0px; } body#news .allnews article.featured a .article-image { display: block; width: 100%; height: 100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } body#news .allnews article .article-image-holder { display: block; width: 100%; height: 180px; overflow: hidden; } body#news .allnews article h4, body#news .allnews article body#index .index-maintext h2, body#index .index-maintext body#news .allnews article h2 { color: #1aa0e0; } body#news .allnews article img { width: 100%; } body#news .allnews article small { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-family: "Helvetica Bold", sans-serif; color: #505050; } body#news .allnews article p { margin-top: 10px; } body#news .allnews article a span { display: block; width: 100%; height: 180px; margin-bottom: 10px; overflow: hidden; } body#news .allnews article a span img { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } body#news .allnews article a:hover .article-image { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } body#news aside { margin-top: 52px; } body#news .single-article .news-article { padding-right: 20vw; padding-bottom: 30px; } body#news .single-article .news-article img { width: 100%; height: auto; } body#news .single-article .news-article h1, body#news .single-article .news-article body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content body#news .single-article .news-article h2, body#news .single-article .news-article h2, body#news .single-article .news-article h3, body#news .single-article .news-article body#index .index-maintext h1, body#index .index-maintext body#news .single-article .news-article h1, body#news .single-article .news-article body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content body#news .single-article .news-article h2, body#news .single-article .news-article body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext body#news .single-article .news-article h2, body#news .single-article .news-article body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content body#news .single-article .news-article h1, body#news .single-article .news-article body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content body#news .single-article .news-article h2, body#news .single-article .news-article body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content body#news .single-article .news-article h2, body#news .single-article .news-article body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text body#news .single-article .news-article h2 { color: #fff; } body#news .single-article .news-article p { color: #d0d0d0; } body#news .single-article .news-article a { color: #1aa0e0; } body#news .single-article .news-article a:hover { color: #fff; } body#news .single-article .news-article ul li { color: #d0d0d0; } body#news .pageAngleWrap { z-index: -1; } body#news .pageAngleWrap .pageAngle:before { content: ""; position: absolute; width: 100%; left: 0px; bottom: 0px; height: 100%; background: rgba(20, 55, 125, 0.2); z-index: 999; } @media screen and (min-width: 1200px) { body#news .allnews article { float: left; display: block; margin-right: 0%; width: 25%; padding: 0px 20px 0px 0px; height: 410px; } body#news .allnews article:last-child { margin-right: 0; } body#news .allnews article.featured { float: left; display: block; margin-right: 0%; width: 50%; margin-bottom: 0px; } body#news .allnews article.featured:last-child { margin-right: 0; } } #contact .content-wrap, #jobs .content-wrap { z-index: 9; } #contact .contact-errors, #jobs .contact-errors { background: #cc0000; padding: 10px; margin-bottom: 20px; } #contact .contact-errors p, #jobs .contact-errors p { color: #fff; margin: 0px; } #contact .contact-success, #jobs .contact-success { background: #009900; padding: 10px; margin-bottom: 20px; } #contact .contact-success p, #jobs .contact-success p { color: #fff; margin: 0px; } #contact .contact-form, #contact .job-form, #jobs .contact-form, #jobs .job-form { padding-right: 20px; margin-bottom: 30px; float: left; display: block; margin-right: 0%; width: 33.33333%; } #contact .contact-form p, #contact .job-form p, #jobs .contact-form p, #jobs .job-form p { position: relative; } #contact .contact-form p.half, #contact .job-form p.half, #jobs .contact-form p.half, #jobs .job-form p.half { width: 48%; float: left; } #contact .contact-form p.last, #contact .job-form p.last, #jobs .contact-form p.last, #jobs .job-form p.last { margin-left: 4%; } #contact .contact-form:last-child, #contact .job-form:last-child, #jobs .contact-form:last-child, #jobs .job-form:last-child { margin-right: 0; } #contact .contact-form ::-webkit-input-placeholder, #contact .job-form ::-webkit-input-placeholder, #jobs .contact-form ::-webkit-input-placeholder, #jobs .job-form ::-webkit-input-placeholder { color: #14377d; } #contact .contact-form :-moz-placeholder, #contact .job-form :-moz-placeholder, #jobs .contact-form :-moz-placeholder, #jobs .job-form :-moz-placeholder { color: #14377d; } #contact .contact-form ::-moz-placeholder, #contact .job-form ::-moz-placeholder, #jobs .contact-form ::-moz-placeholder, #jobs .job-form ::-moz-placeholder { color: #14377d; } #contact .contact-form :-ms-input-placeholder, #contact .job-form :-ms-input-placeholder, #jobs .contact-form :-ms-input-placeholder, #jobs .job-form :-ms-input-placeholder { color: #14377d; } #contact .contact-form input[type="text"], #contact .contact-form input[type="email"], #contact .contact-form select, #contact .contact-form input[type="datetime"], #contact .job-form input[type="text"], #contact .job-form input[type="email"], #contact .job-form select, #contact .job-form input[type="datetime"], #jobs .contact-form input[type="text"], #jobs .contact-form input[type="email"], #jobs .contact-form select, #jobs .contact-form input[type="datetime"], #jobs .job-form input[type="text"], #jobs .job-form input[type="email"], #jobs .job-form select, #jobs .job-form input[type="datetime"] { font-family: "Helvetica Light", sans-serif; border: 1px solid #ebeaf3; background: #fafafc; width: 100%; padding: 5px 8px 2px 8px; height: 35px; font-size: 13px; } #contact .contact-form textarea, #contact .job-form textarea, #jobs .contact-form textarea, #jobs .job-form textarea { font-family: "Helvetica Light", sans-serif; border: 1px solid #ebeaf3; background: #fafafc; width: 100%; padding: 8px 8px 2px 8px; height: 135px; font-size: 13px; } #contact .contact-form h3, #contact .contact-form body#index .index-maintext h1, body#index .index-maintext #contact .contact-form h1, #contact .contact-form body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #contact .contact-form h2, #contact .contact-form body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #contact .contact-form h2, #contact .contact-form body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #contact .contact-form h1, #contact .contact-form body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #contact .contact-form h2, #contact .contact-form body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #contact .contact-form h2, #contact .contact-form body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #contact .contact-form h2, #contact .job-form h3, #contact .job-form body#index .index-maintext h1, body#index .index-maintext #contact .job-form h1, #contact .job-form body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #contact .job-form h2, #contact .job-form body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #contact .job-form h2, #contact .job-form body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #contact .job-form h1, #contact .job-form body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #contact .job-form h2, #contact .job-form body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #contact .job-form h2, #contact .job-form body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #contact .job-form h2, #jobs .contact-form h3, #jobs .contact-form body#index .index-maintext h1, body#index .index-maintext #jobs .contact-form h1, #jobs .contact-form body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #jobs .contact-form h2, #jobs .contact-form body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #jobs .contact-form h2, #jobs .contact-form body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #jobs .contact-form h1, #jobs .contact-form body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #jobs .contact-form h2, #jobs .contact-form body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #jobs .contact-form h2, #jobs .contact-form body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #jobs .contact-form h2, #jobs .job-form h3, #jobs .job-form body#index .index-maintext h1, body#index .index-maintext #jobs .job-form h1, #jobs .job-form body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #jobs .job-form h2, #jobs .job-form body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #jobs .job-form h2, #jobs .job-form body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #jobs .job-form h1, #jobs .job-form body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #jobs .job-form h2, #jobs .job-form body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #jobs .job-form h2, #jobs .job-form body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #jobs .job-form h2 { margin-top: 1.5em; margin-bottom: 0; } #contact .contact-form h3 + .field-instructions, #contact .contact-form body#index .index-maintext h1 + .field-instructions, body#index .index-maintext #contact .contact-form h1 + .field-instructions, #contact .contact-form body#index .index-maintext body#manufacturing .section .panel-content h2 + .field-instructions, body#index .index-maintext body#manufacturing .section .panel-content #contact .contact-form h2 + .field-instructions, #contact .contact-form body#manufacturing .section .panel-content body#index .index-maintext h2 + .field-instructions, body#manufacturing .section .panel-content body#index .index-maintext #contact .contact-form h2 + .field-instructions, #contact .contact-form body#productdetail .section.section-overview .panel-content h1 + .field-instructions, body#productdetail .section.section-overview .panel-content #contact .contact-form h1 + .field-instructions, #contact .contact-form body#productdetail body#manufacturing .section.section-overview .panel-content h2 + .field-instructions, body#productdetail body#manufacturing .section.section-overview .panel-content #contact .contact-form h2 + .field-instructions, #contact .contact-form body#manufacturing body#productdetail .section.section-overview .panel-content h2 + .field-instructions, body#manufacturing body#productdetail .section.section-overview .panel-content #contact .contact-form h2 + .field-instructions, #contact .contact-form body#productdetail .section.section-overview .panel-content .text h2 + .field-instructions, body#productdetail .section.section-overview .panel-content .text #contact .contact-form h2 + .field-instructions, #contact .job-form h3 + .field-instructions, #contact .job-form body#index .index-maintext h1 + .field-instructions, body#index .index-maintext #contact .job-form h1 + .field-instructions, #contact .job-form body#index .index-maintext body#manufacturing .section .panel-content h2 + .field-instructions, body#index .index-maintext body#manufacturing .section .panel-content #contact .job-form h2 + .field-instructions, #contact .job-form body#manufacturing .section .panel-content body#index .index-maintext h2 + .field-instructions, body#manufacturing .section .panel-content body#index .index-maintext #contact .job-form h2 + .field-instructions, #contact .job-form body#productdetail .section.section-overview .panel-content h1 + .field-instructions, body#productdetail .section.section-overview .panel-content #contact .job-form h1 + .field-instructions, #contact .job-form body#productdetail body#manufacturing .section.section-overview .panel-content h2 + .field-instructions, body#productdetail body#manufacturing .section.section-overview .panel-content #contact .job-form h2 + .field-instructions, #contact .job-form body#manufacturing body#productdetail .section.section-overview .panel-content h2 + .field-instructions, body#manufacturing body#productdetail .section.section-overview .panel-content #contact .job-form h2 + .field-instructions, #contact .job-form body#productdetail .section.section-overview .panel-content .text h2 + .field-instructions, body#productdetail .section.section-overview .panel-content .text #contact .job-form h2 + .field-instructions, #jobs .contact-form h3 + .field-instructions, #jobs .contact-form body#index .index-maintext h1 + .field-instructions, body#index .index-maintext #jobs .contact-form h1 + .field-instructions, #jobs .contact-form body#index .index-maintext body#manufacturing .section .panel-content h2 + .field-instructions, body#index .index-maintext body#manufacturing .section .panel-content #jobs .contact-form h2 + .field-instructions, #jobs .contact-form body#manufacturing .section .panel-content body#index .index-maintext h2 + .field-instructions, body#manufacturing .section .panel-content body#index .index-maintext #jobs .contact-form h2 + .field-instructions, #jobs .contact-form body#productdetail .section.section-overview .panel-content h1 + .field-instructions, body#productdetail .section.section-overview .panel-content #jobs .contact-form h1 + .field-instructions, #jobs .contact-form body#productdetail body#manufacturing .section.section-overview .panel-content h2 + .field-instructions, body#productdetail body#manufacturing .section.section-overview .panel-content #jobs .contact-form h2 + .field-instructions, #jobs .contact-form body#manufacturing body#productdetail .section.section-overview .panel-content h2 + .field-instructions, body#manufacturing body#productdetail .section.section-overview .panel-content #jobs .contact-form h2 + .field-instructions, #jobs .contact-form body#productdetail .section.section-overview .panel-content .text h2 + .field-instructions, body#productdetail .section.section-overview .panel-content .text #jobs .contact-form h2 + .field-instructions, #jobs .job-form h3 + .field-instructions, #jobs .job-form body#index .index-maintext h1 + .field-instructions, body#index .index-maintext #jobs .job-form h1 + .field-instructions, #jobs .job-form body#index .index-maintext body#manufacturing .section .panel-content h2 + .field-instructions, body#index .index-maintext body#manufacturing .section .panel-content #jobs .job-form h2 + .field-instructions, #jobs .job-form body#manufacturing .section .panel-content body#index .index-maintext h2 + .field-instructions, body#manufacturing .section .panel-content body#index .index-maintext #jobs .job-form h2 + .field-instructions, #jobs .job-form body#productdetail .section.section-overview .panel-content h1 + .field-instructions, body#productdetail .section.section-overview .panel-content #jobs .job-form h1 + .field-instructions, #jobs .job-form body#productdetail body#manufacturing .section.section-overview .panel-content h2 + .field-instructions, body#productdetail body#manufacturing .section.section-overview .panel-content #jobs .job-form h2 + .field-instructions, #jobs .job-form body#manufacturing body#productdetail .section.section-overview .panel-content h2 + .field-instructions, body#manufacturing body#productdetail .section.section-overview .panel-content #jobs .job-form h2 + .field-instructions, #jobs .job-form body#productdetail .section.section-overview .panel-content .text h2 + .field-instructions, body#productdetail .section.section-overview .panel-content .text #jobs .job-form h2 + .field-instructions { margin-top: 1em; } #contact .contact-form .error, #contact .job-form .error, #jobs .contact-form .error, #jobs .job-form .error { border: 1px solid red !important; color: red; } #contact .contact-form .error::-webkit-input-placeholder, #contact .job-form .error::-webkit-input-placeholder, #jobs .contact-form .error::-webkit-input-placeholder, #jobs .job-form .error::-webkit-input-placeholder { color: red !important; } #contact .contact-form .error:-moz-placeholder, #contact .job-form .error:-moz-placeholder, #jobs .contact-form .error:-moz-placeholder, #jobs .job-form .error:-moz-placeholder { color: red !important; } #contact .contact-form .error::-moz-placeholder, #contact .job-form .error::-moz-placeholder, #jobs .contact-form .error::-moz-placeholder, #jobs .job-form .error::-moz-placeholder { color: red !important; } #contact .contact-form .error:-ms-input-placeholder, #contact .job-form .error:-ms-input-placeholder, #jobs .contact-form .error:-ms-input-placeholder, #jobs .job-form .error:-ms-input-placeholder { color: red !important; } #contact .contact-form span, #contact .job-form span, #jobs .contact-form span, #jobs .job-form span { position: absolute; right: 12px; top: 9px; color: red; z-index: 999; font-size: 10px; font-family: "Helvetica Light", sans-serif; } #contact .contact-form label, #contact .job-form label, #jobs .contact-form label, #jobs .job-form label { display: inline-block; width: 32%; } #contact .contact-form .formFields p, #contact .job-form .formFields p, #jobs .contact-form .formFields p, #jobs .job-form .formFields p { margin-bottom: 0px; } #contact .contact-form .formFields div:nth-of-type(3), #contact .job-form .formFields div:nth-of-type(3), #jobs .contact-form .formFields div:nth-of-type(3), #jobs .job-form .formFields div:nth-of-type(3) { display: inline-block; width: 49%; } #contact .contact-form .formFields div:nth-of-type(4), #contact .job-form .formFields div:nth-of-type(4), #jobs .contact-form .formFields div:nth-of-type(4), #jobs .job-form .formFields div:nth-of-type(4) { display: inline-block; width: 49%; margin-left: 2%; } #contact .contact-form .formFields div:nth-of-type(7), #contact .job-form .formFields div:nth-of-type(7), #jobs .contact-form .formFields div:nth-of-type(7), #jobs .job-form .formFields div:nth-of-type(7) { display: inline-block; width: 49%; } #contact .contact-form .formFields div:nth-of-type(8), #contact .job-form .formFields div:nth-of-type(8), #jobs .contact-form .formFields div:nth-of-type(8), #jobs .job-form .formFields div:nth-of-type(8) { display: inline-block; width: 49%; margin-left: 2%; } #contact .contact-form .freeform-column, #contact .job-form .freeform-column, #jobs .contact-form .freeform-column, #jobs .job-form .freeform-column { padding: 0; margin: 0; } #contact .contact-form .freeform-row, #contact .job-form .freeform-row, #jobs .contact-form .freeform-row, #jobs .job-form .freeform-row { display: flex; margin: 0 0 1em 0; } #contact .contact-form .freeform-row:first-of-type h3, #contact .contact-form .freeform-row:first-of-type body#index .index-maintext h1, body#index .index-maintext #contact .contact-form .freeform-row:first-of-type h1, #contact .contact-form .freeform-row:first-of-type body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #contact .contact-form .freeform-row:first-of-type h2, #contact .contact-form .freeform-row:first-of-type body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #contact .contact-form .freeform-row:first-of-type h2, #contact .contact-form .freeform-row:first-of-type body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #contact .contact-form .freeform-row:first-of-type h1, #contact .contact-form .freeform-row:first-of-type body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #contact .contact-form .freeform-row:first-of-type h2, #contact .contact-form .freeform-row:first-of-type body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #contact .contact-form .freeform-row:first-of-type h2, #contact .contact-form .freeform-row:first-of-type body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #contact .contact-form .freeform-row:first-of-type h2, #contact .job-form .freeform-row:first-of-type h3, #contact .job-form .freeform-row:first-of-type body#index .index-maintext h1, body#index .index-maintext #contact .job-form .freeform-row:first-of-type h1, #contact .job-form .freeform-row:first-of-type body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #contact .job-form .freeform-row:first-of-type h2, #contact .job-form .freeform-row:first-of-type body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #contact .job-form .freeform-row:first-of-type h2, #contact .job-form .freeform-row:first-of-type body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #contact .job-form .freeform-row:first-of-type h1, #contact .job-form .freeform-row:first-of-type body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #contact .job-form .freeform-row:first-of-type h2, #contact .job-form .freeform-row:first-of-type body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #contact .job-form .freeform-row:first-of-type h2, #contact .job-form .freeform-row:first-of-type body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #contact .job-form .freeform-row:first-of-type h2, #jobs .contact-form .freeform-row:first-of-type h3, #jobs .contact-form .freeform-row:first-of-type body#index .index-maintext h1, body#index .index-maintext #jobs .contact-form .freeform-row:first-of-type h1, #jobs .contact-form .freeform-row:first-of-type body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #jobs .contact-form .freeform-row:first-of-type h2, #jobs .contact-form .freeform-row:first-of-type body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #jobs .contact-form .freeform-row:first-of-type h2, #jobs .contact-form .freeform-row:first-of-type body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #jobs .contact-form .freeform-row:first-of-type h1, #jobs .contact-form .freeform-row:first-of-type body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #jobs .contact-form .freeform-row:first-of-type h2, #jobs .contact-form .freeform-row:first-of-type body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #jobs .contact-form .freeform-row:first-of-type h2, #jobs .contact-form .freeform-row:first-of-type body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #jobs .contact-form .freeform-row:first-of-type h2, #jobs .job-form .freeform-row:first-of-type h3, #jobs .job-form .freeform-row:first-of-type body#index .index-maintext h1, body#index .index-maintext #jobs .job-form .freeform-row:first-of-type h1, #jobs .job-form .freeform-row:first-of-type body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #jobs .job-form .freeform-row:first-of-type h2, #jobs .job-form .freeform-row:first-of-type body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #jobs .job-form .freeform-row:first-of-type h2, #jobs .job-form .freeform-row:first-of-type body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #jobs .job-form .freeform-row:first-of-type h1, #jobs .job-form .freeform-row:first-of-type body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #jobs .job-form .freeform-row:first-of-type h2, #jobs .job-form .freeform-row:first-of-type body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #jobs .job-form .freeform-row:first-of-type h2, #jobs .job-form .freeform-row:first-of-type body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #jobs .job-form .freeform-row:first-of-type h2 { margin-top: 0; } #contact .contact-form .freeform-label, #contact .job-form .freeform-label, #jobs .contact-form .freeform-label, #jobs .job-form .freeform-label { display: none; } #contact .contact-form .field-instructions, #contact .job-form .field-instructions, #jobs .contact-form .field-instructions, #jobs .job-form .field-instructions { color: #14377d; z-index: 999; font-size: 14px; line-height: 1.6; font-family: "Helvetica Light", sans-serif; margin: 0 0 1em 0; } #contact .addresses, #jobs .addresses { float: left; display: block; margin-right: 0%; width: 41.66667%; padding-left: 50px; padding-top: 40px; } #contact .addresses:last-child, #jobs .addresses:last-child { margin-right: 0; } #contact .addresses div, #jobs .addresses div { float: left; display: block; margin-right: 0%; width: 50%; } #contact .addresses div:last-child, #jobs .addresses div:last-child { margin-right: 0; } #contact .addresses div h4, #contact .addresses div body#index .index-maintext h2, body#index .index-maintext #contact .addresses div h2, #jobs .addresses div h4, #jobs .addresses div body#index .index-maintext h2, body#index .index-maintext #jobs .addresses div h2 { color: #14377d; font-family: "Helvetica Bold", sans-serif; font-size: 16px; line-height: 1.3; margin-bottom: 7px; } #contact .addresses div p, #jobs .addresses div p { font-size: 14px; } #contact .addresses div p span, #jobs .addresses div p span { color: #1aa0e0; font-family: "Helvetica Bold", sans-serif; display: inline-block; width: 30px; } #sample-form input[type="text"], #sample-form input[type="email"], #sample-form select, #sample-form input[type="datetime"] { font-family: "Helvetica Light", sans-serif; border: 1px solid #ebeaf3; background: #fafafc; width: 100%; padding: 5px 8px 2px 8px; height: 35px; font-size: 13px; } #sample-form textarea { font-family: "Helvetica Light", sans-serif; border: 1px solid #ebeaf3; background: #fafafc; width: 100%; padding: 8px 8px 2px 8px; height: 135px; font-size: 13px; } body#search .search-tabs { margin-bottom: 40px; width: 100%; } body#search .search-tabs a { display: block; float: left; text-transform: uppercase; font-size: 13px; color: #14377d; padding: 12px 20px; border-right: 1px solid #ddd; background: #ecedf3; border-bottom: 1px solid #e3e4ed; } body#search .search-tabs a.active { background: #fff; border-bottom: 1px solid #fff; } body#search .search-tabs a:last-of-type { border-right: none; } body#search .search-results { width: 55%; } body#search .search-results a { color: #1aa0e0; text-transform: uppercase; font-family: "Helvetica Bold", sans-serif; margin-bottom: 10px; display: inline-block; font-size: 15px; } body#search .search-results a:hover { color: #14377d; } body#search .search-results a.abs-url { font-size: 11px; font-family: "Helvetica Light", sans-serif; color: #14377d !important; margin-bottom: 0px; } body#search .search-results a.abs-url:hover { color: #1aa0e0 !important; } body#search .search-results .search-result { margin-bottom: 40px; } body#search .search-results .search-result p { margin-bottom: 10px; } #team { background: #14377d; } #team h1, #team body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content #team h2 { color: #fff; } #team ul.numbered li, #team body#productdetail .section.section-overview ul li, body#productdetail .section.section-overview #team ul li { color: #fff; } body#manufacturing #fullpage { opacity: 0; } body#manufacturing .container { z-index: 1; position: relative; } body#manufacturing .section { padding-top: 100px; position: relative; overflow: hidden; } body#manufacturing .section:before { position: absolute; content: ""; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: linear-gradient( to top, #112f6b 0%, #163d8a 50%, #112f6b 100% ); z-index: 0; opacity: 1; } body#manufacturing .section .panel-content { max-width: 55%; padding-left: 90px; padding-top: 120px; z-index: 999; } body#manufacturing .section .panel-content h1, body#manufacturing .section .panel-content h2 { color: #fff; line-height: 60px; font-size: 55px; margin-bottom: 20px; position: relative; } body#manufacturing .section .panel-content h1 span, body#manufacturing .section .panel-content h2 span { position: absolute; left: 0px; top: 0px; } body#manufacturing .section .panel-content h3, body#manufacturing .section .panel-content body#index .index-maintext h1, body#index .index-maintext body#manufacturing .section .panel-content h1, body#index .index-maintext body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing body#productdetail .section.section-overview .panel-content h1, body#productdetail body#manufacturing .section.section-overview .panel-content h1, body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content h2 { font-size: 25px; font-family: "Helvetica Light", sans-serif; } body#manufacturing .section .panel-content p { color: #fff; line-height: 22px; font-weight: 700; } body#manufacturing .section .panel-content img { width: 250px; margin-top: 20px; } body#manufacturing .section .central-icon { position: absolute; right: 23%; top: calc(50% - 125px); z-index: 99; } body#manufacturing .section .scroller-arrow { z-index: 99999; position: absolute; bottom: 30px; left: 50%; -webkit-animation: bounce 1.4s; -moz-animation: bounce 1.4s; animation: bounce 1.4s; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-iteration-count: 4; -moz-animation-iteration-count: 4; animation-iteration-count: 4; } body#manufacturing .section .scroller-arrow:before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 14px 14px 0 14px; border-color: #1aa0e0 transparent transparent transparent; } body#manufacturing .section .pageAngleWrap { position: absolute; z-index: 0; } @media (min-width: 2000px) { body#manufacturing #fullpage .section .central-icon { right: 30%; } } #gallery { background-attachment: fixed; } #gallery .container.content-wrap { padding-top: 180px; display: flex; flex-wrap: wrap; } #gallery h1, #gallery body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content #gallery h2 { width: 50%; } #gallery .gallery-images { width: 100%; margin-top: 30px; } #gallery div.gallery-categories { position: relative; width: 40%; z-index: 99; margin-left: auto; justify-content: flex-end; display: flex; margin-right: 30px; } #gallery div.gallery-categories a { display: inline-block; color: red; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-left: 10px; margin-right: 10px; color: white; text-align: center; } #gallery div.gallery-categories a span { display: block; margin-top: 16px; color: white; font-family: "Helvetica Bold", sans-serif; font-size: 14px; font-weight: 100; } #gallery div.gallery-categories a svg { -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; transform-origin: 50% 50%; } #gallery div.gallery-categories a:hover svg { transform: scale(1.1); } #gallery .cover:before { position: fixed; content: ""; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: linear-gradient( to top, #00021e 0%, rgba(0, 2, 30, 0.7) 50%, #00021e 100% ); } #gallery .gallery-images { padding-bottom: 130px; } #gallery h1, #gallery body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content #gallery h2 { color: #fff; font-size: 45px; } #gallery .gallery-slides { max-width: 1600px; margin-left: auto; margin-right: auto; } #gallery .gallery-slides::after { clear: both; content: ""; display: block; } #gallery .gallery-slides article { float: left; display: block; margin-right: 0%; width: 33.33333%; height: 350px; padding: 20px 30px 0px 0px; margin-bottom: 20px; } #gallery .gallery-slides article:last-child { margin-right: 0; } #gallery .gallery-slides article a { display: block; height: 250px; border: 1px solid; border-color: rgba(255, 255, 255, 0); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } #gallery .gallery-slides article a.active { border-color: rgba(255, 255, 255, 0.5); opacity: 1; } #gallery .gallery-slides article a:hover { opacity: 1; transform: scale(1.05); } #gallery .gallery-slides article a img { display: block; height: 100%; } #gallery .gallery-slides article figure { padding: 20px 0px; } #gallery .gallery-slides article figure h4, #gallery .gallery-slides article figure body#index .index-maintext h2, body#index .index-maintext #gallery .gallery-slides article figure h2 { color: #1aa0e0; font-family: "Helvetica Bold", sans-serif; font-weight: 100; margin-bottom: 10px; } #gallery .gallery-slides article figure p { color: #fff; } #gallery .gallery-modal-bg { position: fixed; background: rgba(0, 0, 0, 0.7); z-index: 9998; top: 0; height: 100vh; left: 0; right: 0; top: -100vh; } #gallery .gallery-modal { position: fixed; width: 70vw; height: 80vh; background: #fff; left: 15vw; top: 10vh; z-index: 9999; display: flex; flex-direction: column; top: -100vh; background-size: contain; } #gallery .gallery-modal a.modal-left { position: absolute; left: -40px; top: 50%; } #gallery .gallery-modal a.modal-left:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 13px 18px 13px 0; border-color: transparent #fff transparent transparent; transition: 0.2s; } #gallery .gallery-modal a.modal-right { position: absolute; right: -20px; top: 50%; } #gallery .gallery-modal a.modal-right:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 18px; border-color: transparent transparent transparent #fff; transition: 0.2s; } #gallery .gallery-modal a.modal-left:hover:before { border-color: transparent #1aa0e0 transparent transparent; } #gallery .gallery-modal a.modal-right:hover:before { border-color: transparent transparent transparent #1aa0e0; } #gallery .gallery-modal a.modal-close { position: absolute; right: -13px; top: -13px; display: block; width: 35px; height: 35px; line-height: 35px; background: #14377d; text-align: center; color: #fff; font-size: 29px; font-family: "Helvetica Bold", sans-serif; border-radius: 50%; } #gallery .gallery-modal a.modal-close:hover { background: #1aa0e0; } #gallery .gallery-modal .gallery-modal-info { padding: 20px; background: #fff; margin-top: 75vh; height: 150px; overflow-y: scroll; position: absolute; width: 70vw; } #gallery .gallery-modal .gallery-modal-info h4, #gallery .gallery-modal .gallery-modal-info body#index .index-maintext h2, body#index .index-maintext #gallery .gallery-modal .gallery-modal-info h2 { color: #1aa0e0; font-size: 22px; } #gallery .gallery-modal .gallery-modal-info img { width: 320px; margin-left: 30px; margin-bottom: 40px; } #gallery .gallery-modal .gallery-modal-info::-webkit-scrollbar { display: none; } @media screen and (min-width: 1200px) { #gallery .gallery-slides article { float: left; display: block; margin-right: 0%; width: 25%; } #gallery .gallery-slides article:last-child { margin-right: 0; } } #faqs { margin-bottom: 20px; } #faqs .desktop-header-stamp { content: url("/assets/images/20_years_stamp.svg"); } #faqs input { float: right; margin-top: -50px; width: 250px; } #faqs .two-column > div { position: relative; } #faqs .two-column > div svg { position: absolute; right: 100px; top: 11px; } #faqs .two-column > div svg path { fill: #1aa0e0; } #faqs article { float: left; display: block; margin-right: 0%; width: 100%; margin-bottom: 20px; } #faqs article:last-child { margin-right: 0; } #faqs article h3, #faqs article body#index .index-maintext h1, body#index .index-maintext #faqs article h1, #faqs article body#index .index-maintext body#manufacturing .section .panel-content h2, body#index .index-maintext body#manufacturing .section .panel-content #faqs article h2, #faqs article body#manufacturing .section .panel-content body#index .index-maintext h2, body#manufacturing .section .panel-content body#index .index-maintext #faqs article h2, #faqs article body#productdetail .section.section-overview .panel-content h1, body#productdetail .section.section-overview .panel-content #faqs article h1, #faqs article body#productdetail body#manufacturing .section.section-overview .panel-content h2, body#productdetail body#manufacturing .section.section-overview .panel-content #faqs article h2, #faqs article body#manufacturing body#productdetail .section.section-overview .panel-content h2, body#manufacturing body#productdetail .section.section-overview .panel-content #faqs article h2, #faqs article body#productdetail .section.section-overview .panel-content .text h2, body#productdetail .section.section-overview .panel-content .text #faqs article h2 { margin-bottom: 0px; } @media screen and (min-width: 992px) { #faqs article { float: left; display: block; margin-right: 0%; width: 33.33333%; padding: 0px 10px 0px 0px; } #faqs article:last-child { margin-right: 0; } } @media screen and (min-width: 1200px) { #faqs article { float: left; display: block; margin-right: 0%; width: 25%; } #faqs article:last-child { margin-right: 0; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev:hover, .slick-next:hover { opacity: 0.5; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: #fff; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0px; width: 40px; height: 40px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdib3g9IjAgMCA0MCA0MCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48cG9seWdvbiBmaWxsPSIjMUFBMEUwIiBwb2ludHM9IjAgMjAsMjAgMCw2IDIwLDIwIDQwIiAvPjwvc3ZnPg==") no-repeat center center; } .slick-next { right: 0px; width: 40px; height: 40px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdib3g9IjAgMCA0MCA0MCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48cG9seWdvbiBmaWxsPSIjMUFBMEUwIiBwb2ludHM9IjM0IDIwLDIwIDAsNDAgMjAsMjAgNDAiIC8+PC9zdmc+") no-repeat center center; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #000; opacity: 0.75; } .scrollableContainer { height: 310px; position: relative; padding-top: 35px; overflow: hidden; } .scrollableContainer .headerSpacer { border: 1px solid #1aa0e0; border-bottom-color: #1aa0e0; position: absolute; height: 36px; top: 0; right: 0; left: 0; background: #1aa0e0; } .scrollableContainer th .orderWrapper { position: absolute; top: 0; right: 2px; cursor: pointer; } .scrollableContainer th .orderWrapper .order { font-size: 8pt; color: #bdbdbd; } .scrollableContainer th .orderWrapper .active { color: #464646; } .scrollArea { height: 100%; overflow-x: auto; overflow-y: auto; border: 1px solid #d5d5d5; -webkit-overflow-scrolling: auto; } .scrollArea::-webkit-scrollbar { display: none; } .scrollArea table { overflow-x: auto; overflow-y: auto; margin-bottom: 0; width: 100%; border: none; } .scrollArea table th { padding: 0 !important; border: none !important; min-width: 40px; } .scrollArea table .th-inner { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; top: 0; height: 36px; line-height: 36px; } .scrollArea table th .box { padding: 0 8px; padding-right: 11px; border-left: 1px solid #ddd; } @-moz-document url-prefix() { .scrollArea table th .box { border-right: 1px solid #ddd; border-left: none; } } .scrollArea table .th-inner .ng-scope { display: block; overflow: hidden; text-overflow: ellipsis; } .scrollArea table tr th:first-child th .box { border-left: none; } .scrollArea table .th-inner.condensed { padding: 0 3px; } .scrollArea table tbody tr td:first-child { border-left: none; } .scrollArea table tbody tr td:last-child { border-right: none; } .scrollArea table tbody tr:first-child td { border-top: none; } .scrollArea table tbody tr:last-child td { border-bottom: 2px solid #ddd; } .scrollArea table tbody tr td { border-bottom: 1px solid #ddd; overflow: hidden; text-overflow: ellipsis; } .scrollableContainer .scaler { position: absolute; top: 0px; width: 2px; height: 100%; background-color: #cfcfcf; } .scrollableContainer th .resize-rod { position: absolute; top: 0; right: 0; cursor: col-resize; width: 4px; height: 100%; } .scrollable-resizing .scrollableContainer { cursor: col-resize; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .ps-container { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps-container { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-container { overflow: auto !important; } } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; height: 11px; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; width: 11px; } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; opacity: 0; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 0px; height: 15px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; background-color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; -o-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out; -moz-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out; bottom: 2px; height: 6px; } .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x { height: 11px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; opacity: 0; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; right: 0; width: 15px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; background-color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; -o-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out; -moz-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out; right: 2px; width: 6px; } .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y { width: 11px; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; height: 11px; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; width: 11px; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; } p { font-size: 14px; line-height: 19px; margin-bottom: 22px; color: #505050; } strong { font-family: "Helvetica Bold", sans-serif; } hr { background: none; border: none; height: 10px; margin: 0 0 30px 0; border-bottom: 1px solid #ddd; } input[type="text"]:focus { outline: 0; } input[type="text"], input[type="password"] { height: 34px; padding: 2px 4px; font-size: 15px; } .fullwidth { max-width: 100%; margin-left: auto; margin-right: auto; } .fullwidth::after { clear: both; content: ""; display: block; } .container { max-width: 1600px; margin-left: auto; margin-right: auto; position: relative; padding: 0px 20px; } .container::after { clear: both; content: ""; display: block; } .container.content-wrap { padding-top: 230px; padding-left: 110px; z-index: 9; } .container.two-column { display: flex; flex-direction: row; padding-top: 230px; padding-left: 110px; } .container.two-column > div, .container.two-column > article { width: 100%; padding-right: 100px; } .container.two-column > aside { flex: 0 0 320px; } main#content { min-height: calc(100vh - 82px); } .centered-heading { text-align: center; max-width: 70%; margin-left: auto; margin-right: auto; } .centered-heading::after { clear: both; content: ""; display: block; } .centered-heading h1, .centered-heading body#manufacturing .section .panel-content h2, body#manufacturing .section .panel-content .centered-heading h2 { color: #fff; font-size: 65px; margin-top: 30px; } .centered-heading p { color: #fff !important; line-height: 28px; font-size: 22px; } .centralise { text-align: center; } .static { float: left; display: block; margin-right: 0%; width: 66.66667%; } .static:last-child { margin-right: 0; } .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } .shaped { width: 400px; height: 400px; -webkit-shape-outside: polygon(100% 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%); float: right; margin-right: -150px; } .video-modal-bg { position: fixed; z-index: 88888; top: 0px; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .video-modal { position: absolute; z-index: 99999; width: 80vw; height: 80vh; left: calc(50vw - 40vw); top: calc(50vh - 40vh); -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .video-modal.hidden, .video-modal-bg.hidden { top: -100vh; } .help-results { width: 55%; } .help-results a { color: #1aa0e0; text-transform: uppercase; font-family: "Helvetica Bold", sans-serif; margin-bottom: 10px; display: inline-block; font-size: 15px; } .help-results a:hover { color: #14377d; } .help-results a.abs-url { font-size: 11px; font-family: "Helvetica Light", sans-serif; color: #14377d !important; margin-bottom: 0px; } .help-results a.abs-url:hover { color: #1aa0e0 !important; } .help-results .help-result { margin-bottom: 40px; } .help-results .help-result p { margin-bottom: 10px; } #help .content-wrap, #generic .content-wrap { z-index: 9; } #help .desktop-header-stamp, #generic .desktop-header-stamp { content: url("/assets/images/20_years_stamp.svg"); } .fp-enabled body, html.fp-enabled { margin: 0; padding: 0; overflow: hidden; -webkit-tap-highlight-color: transparent; } #superContainer { height: 100%; position: relative; -ms-touch-action: none; touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fp-scrollable { overflow: scroll; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } .fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); } .fp-slidesNav ul li { display: inline-block; } .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section { height: auto !important; } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0px); } 20% { -webkit-transform: translateY(0px); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(0px); } 80% { -webkit-transform: translateY(-10px); } } @-moz-keyframes bounce { 0% { -moz-transform: translateY(0px); } 20% { -moz-transform: translateY(0px); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(0px); } 80% { -moz-transform: translateY(-10px); } } @keyframes bounce { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 20% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } } html[data-locale="es"] #productcategory a.center-btn { width: 430px; } html[data-locale="es"] #productcategory .product-slider a em { left: 5px; } html[data-locale="es"] #productfinder .finder-results .finder-product .new { left: 0px; } html[data-locale="nl"] #productcategory a.center-btn { width: 500px; } html[data-locale="nl"] #productcategory .product-slider a em { left: 0px; } html[data-locale="nl"] #productfinder .finder-results .finder-product .new { left: -5px; top: 84px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } html[data-locale="fr"] #productfinder .finder-results .finder-product .new { left: -10px; top: 90px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } html[data-locale="fr"] #productcategory .product-slider a em { left: 10px; top: 100px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } html[data-locale="es"] #productfinder .finder-results .finder-product .new { left: -5px; top: 84px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } html[data-locale="it"] #productfinder .finder-results .finder-product .new { left: -5px; top: 84px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }