<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: "PT Sans";
  src: url("../woff2/ptsans-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url("../woff2/ptsans-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Prompt";
  src: url("../woff2/prompt-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* variables */
/* catalog categories */
/* press review categories */
/* industries */
/* fonts */
/* mixins */
/* reset */
*, *:before, *:after {
  box-sizing: border-box;
}

html, body, div, span, object, iframe, a,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, menu, nav,
section, time, mark, audio, video, details, summary, button {
  margin: 0;
  padding: 0;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  font-size: 100%;
  font-weight: 400;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

html {
  font-size: 16px;
  line-height: 1.25;
}

strong, b {
  font-weight: 700;
}
strong a, strong em, b a, b em {
  font-weight: 700;
}

ul, ol {
  padding-left: 25px;
  margin-top: 10px;
  margin-bottom: 20px;
}
ul:last-child, ol:last-child {
  margin-bottom: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li {
  margin-bottom: 5px;
}
li:last-child {
  margin-bottom: 0;
}

sup {
  vertical-align: super;
  line-height: 0;
}

sub {
  vertical-align: sub;
  line-height: 0;
}

main, article, aside, figure, figcaption, footer, header, menu, nav, section, details, summary, img {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select, textarea {
  font-family: "PT Sans", "Arial", "Helvetica", "sans-serif";
}

/* algolia - start */
.aa-Form {
  border: 0px;
  border-radius: 5px;
}

.aa-Form:focus-within {
  box-shadow: none;
  border-color: #FFFFFF;
}

.aa-SubmitButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0 8px 0 11px;
}

.aa-Panel {
  --aa-search-input-height: 38px;
  --aa-primary-color-rgb: 128, 138, 150;
  --aa-background-color-rgb: 255, 255, 255;
  --aa-input-icon-size: 15px;
  --aa-input-border-color-rgb: 255, 255, 255;
  --aa-input-background-color-rgb: 243, 244, 246;
  --aa-font-family: PT Sans, Arial, Helvetica, sans-serif;
  --aa-text-color-rgb: 128, 138, 150;
  --aa-selected-color-rgb: 243, 244, 246;
  --aa-selected-color-alpha: 1;
  overflow-y: auto;
  z-index: 10000;
}

.aa-PanelLayout:after {
  content: "";
  display: block;
  width: 100%;
  height: 15px;
  margin-top: 10px;
  background: url("../png/algolia.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}

.aa-DetachedOverlay {
  --aa-search-input-height: 38px;
  --aa-primary-color-rgb: 128, 138, 150;
  --aa-background-color-rgb: 255, 255, 255;
  --aa-input-icon-size: 15px;
  --aa-input-border-color-rgb: 255, 255, 255;
  --aa-input-background-color-rgb: 243, 244, 246;
  --aa-font-family: PT Sans, Arial, Helvetica, sans-serif;
  --aa-text-color-rgb: 128, 138, 150;
  --aa-selected-color-rgb: 243, 244, 246;
  --aa-selected-color-alpha: 1;
}

.aa-DetachedCancelButton {
  text-transform: uppercase;
  background-color: rgb(243, 244, 246);
  font-size: 0.875rem;
}

.aa-Item {
  margin-bottom: 5px;
}

.aa-SourceNoResults {
  pointer-events: none;
  padding: calc(var(--aa-spacing-half) / 2);
}

@media (max-height: 767px) {
  .aa-Panel--scrollable {
    max-height: 375px;
  }
}
@media (max-height: 480px) {
  .aa-Panel--scrollable {
    max-height: 225px;
  }
}
/* algolia - end */
.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #101010;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}

.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}

.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}

.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}

.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}

.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}

.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}

.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}

.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}

.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}

.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}

.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}

.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}

@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
.btn-group {
  margin-bottom: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn-group:last-child {
  margin-bottom: 0px;
}

.btn-group--item {
  width: 100%;
  min-height: 56px;
  padding: 8px 10px;
  margin-bottom: 4px;
}
.btn-group--item:last-child {
  margin-bottom: 0px;
}
.btn-group--item .btn--title {
  text-transform: none;
}

/* btn - base */
.btn {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  background-color: #101010;
  padding: 8px 10px;
  transition: color 250ms cubic-bezier(0.23, 1, 0.32, 1), background-color 250ms cubic-bezier(0.23, 1, 0.32, 1);
  border: 0px;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body:not(.touch-device) .btn:hover {
  color: #444444;
  background-color: #DEE1E5;
}

.btn--info {
  display: block;
}

.btn--title {
  display: block;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.btn--subTitle {
  display: block;
  margin-top: 2px;
}

/* text */
.btn--center {
  justify-content: center;
  text-align: center;
}

/* sizes */
.btn--s {
  font-size: 0.8125rem;
  line-height: 1.3;
}
.btn--s .btn--icon {
  margin-right: 10px;
}
.btn--s .btn--icon svg {
  height: 15px;
  width: auto;
}

.btn--l {
  padding: 13px 35px;
  border-radius: 250px;
}

/* types */
.btn--reverse {
  color: #101010;
  background-color: #F3F3F3;
}
.btn--reverse .btn--subTitle {
  color: #444444;
}

.btn--roundIcon {
  padding: 0;
  min-height: auto;
  background-color: transparent;
  color: #101010;
  width: fit-content;
}
.btn--roundIcon .btn--icon {
  width: 37px;
  height: 37px;
  border-radius: 100%;
  background-color: #101010;
}
.btn--roundIcon .btn--icon &gt; svg {
  width: 17px;
  height: 17px;
  fill: #FFFFFF;
  stroke: #FFFFFF;
  stroke-width: 1.5;
}
.btn--roundIcon .btn--title {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.286;
}
.btn--roundIcon .btn--subTitle {
  font-size: 0.875rem;
  line-height: 1.286;
  margin-top: 2px;
}

body:not(.touch-device) .btn--roundIcon:hover {
  color: #444444;
  background-color: transparent;
}
body:not(.touch-device) .btn--roundIcon:hover .btn--icon {
  background-color: #444444;
}

.btn--related {
  color: #101010;
  background-color: #FFFFFF;
  border: 1px solid #D6DADB;
  min-height: 45px;
  margin-bottom: 10px;
}
.btn--related .btn--title {
  text-transform: none;
}
.btn--related .btn--subTitle {
  text-transform: none;
  color: #444444;
}

.btn--square {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  min-height: 40px;
  color: #FFFFFF;
  padding: 9px 10px;
  border-radius: 5px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  border: 1px solid transparent;
  background-color: #101010;
  transition: color 250ms cubic-bezier(0.23, 1, 0.32, 1), background-color 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.btn--square .btn__icon {
  width: 100%;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.btn--square .btn__icon .btn--icon {
  margin: 0;
}
.btn--square .btn__icon svg {
  width: 20px;
  height: 20px;
}

.btn--squareReverse {
  background-color: #FFFFFF;
  color: #101010;
  border-color: #101010;
  transition: color 250ms cubic-bezier(0.23, 1, 0.32, 1), background-color 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.btn--squareReverse .btn__icon svg {
  fill: #101010;
}

.btn--squareLarge {
  font-size: 1.25rem;
  padding: 20px 15px;
}
.btn--squareLarge .btn__icon svg {
  width: 36px;
  height: 36px;
}

body:not(.touch-device) .btn--square:hover {
  color: #444444;
  background-color: #DEE1E5;
  border-color: #DEE1E5;
}
body:not(.touch-device) .btn--square:hover:not(.btn--strokeIcon) .btn__icon svg {
  fill: #101010;
}
body:not(.touch-device) .btn--square:hover.btn--strokeIcon .btn__icon svg {
  stroke: #101010;
}

.btn--cta {
  margin-bottom: 30px;
}
.btn--cta:last-child {
  margin-bottom: 0;
}

.btn--clean {
  background-color: transparent;
  padding: 15px 0;
}
.btn--clean .btn--title {
  color: #101010;
}
.btn--clean .btn--subTitle {
  color: #333333;
}

body:not(.touch-device) .btn--clean:hover {
  background-color: transparent;
}
body:not(.touch-device) .btn--clean:hover .btn--title {
  color: #333333;
}
body:not(.touch-device) .btn--clean:hover .btn--subTitle {
  color: #333333;
}

.btn--flexReverse .btn__icon {
  flex-direction: row-reverse;
}
.btn--flexReverse .btn__icon .btn--icon {
  margin-left: 10px;
  margin-right: 0px;
}

/* image */
.btn__image {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 15px;
}
.btn__image .btn--imageWrap {
  width: 100%;
  margin-bottom: 15px;
}
.btn__image .btn--image {
  display: block;
  width: 100%;
  height: auto;
}

.btn__imagebg {
  padding: 0;
  align-items: stretch;
  min-height: 65px;
}
.btn__imagebg .btn--imageWrap {
  flex-grow: 0;
  flex-shrink: 0;
  width: 100px;
  min-height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.btn__imagebg .btn--imageWrap + .btn--content {
  padding-left: 15px;
}
.btn__imagebg .btn--content {
  display: flex;
  align-items: center;
  width: fit-content;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 10px 30px 10px 30px;
}
.btn__imagebg .btn__icon {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.btn__imagebg .btn--icon {
  margin-right: 0px;
  margin-left: 10px;
}
@media (max-width: 479px) {
  .btn__imagebg {
    flex-direction: column;
  }
  .btn__imagebg .btn--imageWrap {
    margin: 0 auto;
  }
  .btn__imagebg .btn--content {
    width: 100%;
  }
}

.btn--imageWrap {
  pointer-events: none;
}

.btn--content {
  pointer-events: none;
}

/* icon */
.btn__icon {
  display: flex;
  align-items: center;
  width: fit-content;
}

.btn--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* custom */
.btn--backToIndex {
  background-color: transparent;
  width: fit-content;
  padding-left: 0px;
}
.btn--backToIndex .btn--icon &gt; svg {
  stroke: #101010;
}
.btn--backToIndex .btn--title {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

body:not(.touch-device) .btn--backToIndex:hover {
  background-color: transparent;
  color: #101010;
}

.btn--expandTable {
  width: fit-content;
  padding-left: 0;
  padding-right: 0;
  margin-top: 5px;
  margin-left: auto;
  background-color: transparent;
}
.btn--expandTable .btn--icon {
  margin-right: 5px;
}
.btn--expandTable .btn--icon svg {
  width: 13px;
  height: auto;
  fill: #101010;
}

body:not(.touch-device) .btn--expandTable:hover {
  background-color: transparent;
}
body:not(.touch-device) .btn--expandTable:hover .btn--icon svg {
  fill: #333333;
}

.btn--optoBasics {
  background-color: #232323;
  background-image: url(../svg/rainbow.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  transition: background-position 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.btn--optoBasics .btn--title {
  font-size: 1.125rem;
}
@media (max-width: 479px) {
  .btn--optoBasics {
    background-size: 45% 100%;
  }
}

body:not(.touch-device) .btn--optoBasics:hover {
  color: #FFFFFF;
  background-color: #232323;
  background-position: 102.5% center;
}

.btn--exeTraining {
  background-color: #232323;
  background-image: url("../svg/exe.svg");
  background-repeat: no-repeat;
  background-position: 95% center;
  transition: background-position 250ms cubic-bezier(0.23, 1, 0.32, 1);
}

body:not(.touch-device) .btn--exeTraining:hover {
  color: #FFFFFF;
  background-color: #232323;
  background-position: 97.5% center;
}

.btn--exeRegisterNow {
  font-size: 1.5rem;
  background-color: #EC6607;
  background-image: url("../svg/hand.svg");
  background-repeat: no-repeat;
  background-position: -25px 5px;
  background-size: 80px;
  transition: background-position 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.btn--exeRegisterNow .btn--info {
  padding-left: 45px;
}

body:not(.touch-device) .btn--exeRegisterNow:hover {
  color: #FFFFFF;
  background-color: #EC6607;
  background-position: -20px 0px;
}

.btn--industries {
  background-color: #232323;
  background-image: url("../svg/info.svg");
  background-repeat: no-repeat;
  background-position: 95% 30px;
  background-size: auto 80%;
  transition: background-position 250ms cubic-bezier(0.23, 1, 0.32, 1);
}

body:not(.touch-device) .btn--industries:hover {
  color: #FFFFFF;
  background-color: #232323;
  background-position: 95% 20px;
}

.popup--wrap {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 10000;
}
.popup--wrap.show {
  opacity: 1;
  left: 0;
}
@media (min-width: 1025px) {
  .popup--wrap.extra-small .popup {
    max-width: 750px;
    max-height: 750px;
  }
}
@media (min-width: 1025px) {
  .popup--wrap.small .popup {
    max-width: 1000px;
    max-height: 800px;
  }
}
@media (min-width: 1025px) {
  .popup--wrap.large .popup {
    max-width: 1600px;
    max-height: 950px;
  }
}
@media (min-width: 1025px) {
  .popup--wrap.extra-large .popup {
    max-width: 97.5%;
    max-height: 97.5%;
  }
}

/* custom */
@media (min-width: 768px) {
  .popup--wrap.popup-newsletter .popup {
    max-width: 750px;
    max-height: 500px;
  }
}

/* custom */
.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 20px 5px;
}
@media (min-width: 1025px) {
  .popup {
    max-width: 1300px;
    max-height: 850px;
  }
}
@media (max-width: 767px) {
  .popup {
    overflow: hidden;
    padding-top: 25px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
}

.popup--close {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  transform: translate(50%, -50%);
  background-color: #101010;
  border: 1px solid #101010;
  border-radius: 100%;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.popup--close &gt; svg {
  width: 25px;
  height: 25px;
  stroke: #FFF;
  pointer-events: none;
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px) {
  .popup--close {
    transform: translate(0, 0);
    border-radius: 0px;
    width: 25px;
    height: 25px;
  }
  .popup--close &gt; svg {
    width: 20px;
    height: 20px;
  }
}

body:not(.touch-device) .popup--close:hover {
  background-color: #FFFFFF;
}
body:not(.touch-device) .popup--close:hover &gt; svg {
  stroke: #101010;
}

.popup--iframe {
  width: 100%;
  height: 100%;
}

/* table popup */
.popup-table .popup {
  height: auto;
}

.popup-table-scroll {
  max-height: 90vh;
  overflow-x: auto;
  overflow-y: auto;
}

.popup-table-wrapper {
  padding: 10px;
  overflow: visible !important;
}
.popup-table-wrapper table th {
  font-size: 13px;
  padding: 8px 0;
  white-space: nowrap;
}
.popup-table-wrapper table td {
  font-size: 13px;
  padding: 10px 10px 8px 10px;
  white-space: nowrap;
}
.popup-table-wrapper.rich-text--contentTableLeft table th, .popup-table-wrapper.rich-text--contentTableLeft table td {
  text-align: left;
}
@media (max-width: 1023px) {
  .popup-table-wrapper table th {
    font-size: 13px;
  }
  .popup-table-wrapper table td {
    font-size: 13px;
  }
}

.slider {
  width: 100%;
  margin-bottom: 30px;
}
.slider:last-child {
  margin-bottom: 0px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .slider {
    display: none;
  }
}

.slider--title {
  color: #999999;
  font-size: 0.875rem;
  line-height: 1.286;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 15px;
  margin-bottom: 10px;
  background-color: #F3F3F3;
}
@media (max-width: 767px) {
  .slider--title {
    font-size: 1rem;
  }
}

.slider--container {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.slider--swiperButton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #F3F3F3;
  border-radius: 100%;
  transition: background-color 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.slider--swiperButton:not(.swiper-button-disabled) {
  cursor: pointer;
}
.slider--swiperButton.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.slider--swiperButton &gt; svg {
  stroke: #444444;
  stroke-width: 1.5;
}

body:not(.touch-device) .slider--swiperButton:hover {
  background-color: #DEE1E5;
}

.slider--swiperButtonPrev {
  left: 0;
}

.slider--swiperButtonNext {
  right: 0;
}

.slider--swiper {
  margin: 0 70px;
  width: calc(100% - 140px);
}
@media (max-width: 767px) {
  .slider--swiper {
    margin: 0 50px;
    width: calc(100% - 100px);
  }
}

.swiper-button-lock + .slider--swiper {
  margin: 0;
}

.slider--swiperSlide {
  display: block;
}

.slider--item {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body:not(.touch-device) .slider--item:hover &gt; .slider--itemTitle {
  color: #444444;
}

.slider--itemImage {
  display: none;
}

.swiper-is-loaded .slider--itemImageWrap {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  margin-bottom: 18px;
}

.swiper-is-loaded .slider--itemImage {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.slider.contain .slider--itemImageWrap .slider--itemImage {
  object-fit: contain;
}

.slider--itemTitle {
  color: #888888;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.286;
  padding-top: 10px;
  margin-bottom: 5px;
  border-top: 1px solid #DDDDDD;
  transition: color 250ms cubic-bezier(0.23, 1, 0.32, 1);
}

.slider--itemSubTitle {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.286;
}

.slider--itemSubTitleSpan {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  margin-top: 5px;
}

.primary-color .slider--itemTitle {
  color: #101010;
  font-weight: 700;
}

.boxed-products-slider .swiper-button-lock + .slider--swiper {
  width: 100%;
}
.boxed-products-slider .swiper-button-lock + .slider--swiper .slider--itemImageWrap {
  padding-bottom: 52.2%;
}
.boxed-products-slider .slider--swiperButton {
  top: -45px;
  width: 30px;
  height: 30px;
  transform: none;
}
.boxed-products-slider .slider--swiperButtonPrev {
  left: auto;
  right: 35px;
}
.boxed-products-slider .slider--swiperButtonNext {
  right: 0px;
}
.boxed-products-slider .slider--swiper {
  margin: 0;
  width: 100%;
}
.boxed-products-slider .slider--itemImageWrap {
  padding-bottom: 52.2%;
  margin-bottom: 20px;
}
.boxed-products-slider .slider--itemTitle {
  font-size: 1rem;
  padding-top: 20px;
}
@media (max-width: 1199px) {
  .boxed-products-slider .swiper-button-lock + .slider--swiper .slider--itemImageWrap {
    padding-bottom: 49.2%;
  }
  .boxed-products-slider .slider--itemImageWrap {
    padding-bottom: 49.2%;
  }
}

body {
  font-family: "PT Sans", "Arial", "Helvetica", "sans-serif";
  color: #333333;
}
body:not(.load) {
  transition: none !important;
}
body:not(.load) * {
  transition: none !important;
}
body.menu-open {
  overflow: hidden;
}
body.popup-open {
  overflow: hidden;
}
body.overlay-open {
  overflow: hidden;
}

.link {
  color: #101010;
  text-decoration: underline;
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hdn {
  display: none !important;
}

hr {
  height: 1px;
  background-color: #ccc;
  border: none;
  margin: 20px 0;
}

/* headings */
.heading {
  display: block;
  width: 100%;
  color: #999999;
  font-weight: 700;
  margin-bottom: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.heading:last-child {
  margin-bottom: 0px;
}

/* info items */
.info-item {
  margin-bottom: 10px;
}
.info-item:last-child {
  margin-bottom: 0px;
}

.info-item-extra .info-item--title {
  font-size: 0.875rem;
  font-weight: 700;
}

.info-item--title {
  font-size: 0.75rem;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

.info-item--text {
  font-weight: 700;
  line-height: 1.6;
}

/* rich text */
.rich-text--container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.rich-text--container.flex-row-reverse .rich-text {
  padding-right: 0px;
  padding-left: 40px;
}
.rich-text--container .rich-text {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(65% - 40px);
  padding-right: 40px;
  margin: 0;
}
.rich-text--container .rich-text--sidebar {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 35%;
  margin: 0;
}
.rich-text--container:last-child {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .rich-text--container {
    display: block;
  }
  .rich-text--container.flex-row-reverse .rich-text {
    padding: 0;
  }
  .rich-text--container .rich-text {
    padding: 0;
    margin-bottom: 30px;
  }
}

.rich-text {
  margin-bottom: 30px;
}
.rich-text:last-child {
  margin-bottom: 0px;
}

.rich-text--primary-background {
  background-color: #F3F3F3;
  padding: 45px 2.5%;
}
@media (min-width: 1024px) {
  .rich-text--primary-background {
    margin: 20px 0 40px 0;
  }
}
@media (max-width: 1023px) {
  .rich-text--primary-background {
    padding: 25px 15px;
  }
}

.rich-text--full.rich-text--primary-background {
  padding: 45px 10%;
}
@media (max-width: 1023px) {
  .rich-text--full.rich-text--primary-background {
    padding: 25px 15px;
  }
}

.rich-text--half {
  width: 50% !important;
}
.rich-text--half:last-child {
  margin-bottom: 20px;
}
.rich-text--half .rich-text--content {
  text-align: center;
}
@media (max-width: 1023px) {
  .rich-text--half {
    width: 100% !important;
  }
  .rich-text--half .rich-text--content {
    text-align: left;
  }
}

.rich-text--third {
  width: 33.3333333333% !important;
}
.rich-text--third:last-child {
  margin-bottom: 20px;
}
.rich-text--third .rich-text--content {
  text-align: center;
}
@media (max-width: 1023px) {
  .rich-text--third {
    width: 100% !important;
  }
  .rich-text--third .rich-text--content {
    text-align: left;
  }
}

.rich-text--content {
  line-height: 1.375;
  overflow: hidden;
}
.rich-text--content.collapsed {
  max-height: 2.7rem;
}
.rich-text--content a {
  color: #101010;
  text-decoration: underline;
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.rich-text--content u {
  color: #101010;
}
.rich-text--content p {
  margin-bottom: 15px;
}
.rich-text--content p:last-child {
  margin-bottom: 0px;
}
.rich-text--content h1, .rich-text--content h2, .rich-text--content h3, .rich-text--content h4, .rich-text--content h5, .rich-text--content h6 {
  margin-bottom: 7px;
  font-weight: 700;
  line-height: 1.375;
  color: #101010;
}
.rich-text--content h1:last-child, .rich-text--content h2:last-child, .rich-text--content h3:last-child, .rich-text--content h4:last-child, .rich-text--content h5:last-child, .rich-text--content h6:last-child {
  margin-bottom: 0;
}
.rich-text--content h1 a, .rich-text--content h2 a, .rich-text--content h3 a, .rich-text--content h4 a, .rich-text--content h5 a, .rich-text--content h6 a {
  font-weight: 700;
}
.rich-text--content h1, .rich-text--content h2 {
  font-size: 1.3125rem;
}
.rich-text--content h3 {
  font-size: 1.1875rem;
  line-height: 1.5;
}
.rich-text--content h4, .rich-text--content h5, .rich-text--content h6 {
  font-size: 1.0625rem;
  line-height: 1.5;
}
.rich-text--content blockquote {
  padding: 25px 0 25px 25px;
  margin-bottom: 15px;
  border-left: 5px solid #F3F3F3;
  font-style: italic;
}
@media (max-width: 767px) {
  .rich-text--content blockquote {
    padding-left: 15px;
  }
}
.rich-text--content table {
  position: relative;
  font-family: "Inter var", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  width: 100%;
  border-collapse: collapse;
  min-width: 100%;
  margin-bottom: 20px;
}
.rich-text--content table:last-child {
  margin-bottom: 0px;
}
.rich-text--content thead tr:last-child th {
  border-bottom: 1px solid #101010;
}
.rich-text--content thead th {
  color: #333333;
  text-align: center;
  font-size: 11px;
  line-height: 15px;
  padding: 4px 0;
  border-left: 1px solid #F3F4F6;
  border-right: 1px solid #F3F4F6;
  vertical-align: top;
}
.rich-text--content thead th:first-child {
  border-left: none;
}
.rich-text--content thead th:last-child {
  border-right: none;
}
.rich-text--content thead th strong, .rich-text--content thead th b {
  font-weight: 700;
}
.rich-text--content td {
  vertical-align: middle;
  border-bottom: 1px solid #D6DADB;
  color: #333333;
  padding: 6px 10px 4px 10px;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
}
.rich-text--content td span {
  display: block;
  margin: 4px 0 4px 0;
  min-height: 1rem;
}
@media (max-width: 1023px) {
  .rich-text--content td {
    font-size: 12px;
    line-height: 15px;
  }
}
.rich-text--content tbody td:nth-of-type(even) {
  background: #F3F3F3;
}
.rich-text--content tr td:first-child, .rich-text--content tr th:first-child {
  /*text-align: left;
  font-weight: 700;*/
}
.rich-text--content tr td:first-child a, .rich-text--content tr th:first-child a {
  text-decoration: none;
  color: #101010;
  font-weight: 700;
}
.rich-text--content tfoot td {
  text-align: left;
}

body:not(.touch-device) .rich-text--content tbody tr:hover td {
  border-bottom: 1px solid #101010;
}

.rich-text--tableWrap .rich-text--content table {
  margin-bottom: 0;
}
.rich-text--tableWrap .rich-text--content span.notes {
  display: inline-block;
  color: #101010;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .rich-text--tableWrap .rich-text--content {
    overflow-x: auto;
  }
  .rich-text--tableWrap .rich-text--content table td {
    white-space: nowrap;
  }
  .rich-text--tableWrap .rich-text--content .btn--expandTable {
    display: none;
  }
}
.rich-text--tableWrap.rich-text--tableWrapLeft .rich-text--content th, .rich-text--tableWrap.rich-text--tableWrapLeft .rich-text--content td {
  text-align: left;
}

body:not(.touch-device) .rich-text--content a:hover {
  color: #7C7B7B;
}

.rich-text--showMore {
  display: inline-block;
  opacity: 0;
  pointer-events: none;
  color: #101010;
  font-weight: 700;
  line-height: 1.375;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 10px;
}
.rich-text--showMore.show {
  opacity: 1;
  pointer-events: all;
}

/* img wrap */
.img-container {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.img-container:last-child {
  margin-bottom: 0px;
}
.img-container.tech-info-img--small .img {
  max-width: 600px;
  max-height: 500px;
  width: 100%;
}
.img-container.img-container-img--small .img {
  max-width: 500px;
  max-height: 500px;
  width: 100%;
}

.img-container--inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@supports (display: grid) {
  .img-container--inner {
    flex-direction: column;
  }
}

.img-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto;
}

.img {
  max-width: 100%;
  height: auto;
}
.img.glightbox {
  cursor: pointer;
}

.img--text {
  width: 100%;
  padding-top: 10px;
  margin-top: 18px;
  margin-left: auto;
  border-top: 1px solid #D6DADB;
  font-size: 0.875rem;
  color: #888888;
  text-align: center;
}
@media (max-width: 767px) {
  .img--text {
    width: 100%;
    max-width: 100%;
  }
}

.video--text {
  width: 100%;
  margin-top: 18px;
  margin-left: auto;
  font-size: 0.875rem;
  color: #888888;
  text-align: center;
}
@media (max-width: 767px) {
  .video--text {
    width: 100%;
    max-width: 100%;
  }
}

/* formula */
.formula-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0px;
  margin-bottom: 20px;
}
.formula-container .mjx-chtml {
  font-size: 1.5rem !important;
}

/* video icon */
.video-icon {
  position: relative;
}
.video-icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.075);
  width: 35px;
  height: 35px;
  background-image: url("../svg/play.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.video-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #FFFFFF;
}

body:not(.touch-device) .video-icon:hover:after {
  transform: translate(-50%, -50%) scale(1.25);
}

/* upcoming events */
.events .btn--roundIcon {
  padding: 18px 0;
}

.events--event {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background-color: #333333;
  padding: 13px 10px 15px 10px;
  margin-bottom: 1px;
}

.events--eventInfo &gt; span {
  display: block;
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.286;
}
.events--eventInfo &gt; span.events--eventText {
  line-height: 1.5;
}

.events--eventTitle {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 6px;
}

.events--eventLink {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #555;
}
.events--eventLink &gt; svg {
  stroke: #FFFFFF;
}

/* article navigator */
.article--navigator {
  display: flex;
  justify-content: flex-end;
  margin-left: 15px;
  width: 100px;
}
@media (max-width: 1023px) {
  .article--navigator {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 0px;
  }
}

.article--navigatorItem {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.article--navigatorItem .btn--icon {
  margin: 0;
}
.article--navigatorItem .btn--icon &gt; svg {
  stroke-width: 1.5;
}

.article--navigatorRight {
  margin-left: 20px;
}

/* utility */
.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

/* sharing tools */
.sharing-tools--title {
  margin-bottom: 15px;
}

.sharing-tools {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}

.sharing-tool {
  margin: 10px 0 0 10px;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.sharing-tool svg {
  pointer-events: none;
}

body:not(.touch-device) .sharing-tool:hover {
  opacity: 0.75;
}

/* popup */
[data-popup-id].disabled {
  pointer-events: none;
}

/* lightbox */
.gslide-image {
  background-color: #FFFFFF;
}

/* search overlay */
.algolia-search-overlay .ais-SearchBox-input {
  border-color: #444444;
}
.algolia-search-overlay .ais-SearchBox-input:focus {
  border-color: #444444;
}
.algolia-search-overlay .aso--pageLi {
  margin: 0;
}
.algolia-search-overlay .aso--pageItem {
  display: none;
}
.algolia-search-overlay .ais-Hits-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 32px;
  column-gap: 30px;
}
.algolia-search-overlay .ais-Hits-item {
  display: flex;
  align-items: stretch;
  width: calc((100% - 150px) * 0.1666666667);
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
}
@media (max-width: 1199px) {
  .algolia-search-overlay .ais-Hits-item {
    width: calc((100% - 60px) * 0.3333333333);
  }
}
@media (max-width: 1023px) {
  .algolia-search-overlay .ais-Hits-item {
    width: calc((100% - 60px) * 0.3333333333);
  }
}
@media (max-width: 767px) {
  .algolia-search-overlay .ais-Hits-item {
    width: calc((100% - 30px) * 0.5);
  }
}
@media (max-width: 599px) {
  .algolia-search-overlay .ais-Hits-item {
    width: 100%;
  }
}
.algolia-search-overlay .ais-Hits-item.aso--articleItem {
  width: calc((100% - 90px) * 0.25);
  padding: 0;
}
@media (max-width: 1199px) {
  .algolia-search-overlay .ais-Hits-item.aso--articleItem {
    width: calc((100% - 30px) * 0.5);
  }
}
@media (max-width: 767px) {
  .algolia-search-overlay .ais-Hits-item.aso--articleItem {
    width: 100%;
  }
}
.algolia-search-overlay .ais-Hits--empty {
  text-align: center;
}

.banner20--wrap {
  padding-top: 15px;
  padding-bottom: 10px;
}
@media (min-width: 1024px) {
  .banner20--wrap {
    padding-bottom: 0;
  }
}

.menu-open .banner20--wrap {
  display: none;
}

.banner20--layout {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1600px) {
  .banner20--layout {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 1024px) {
  .banner20--layout {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .banner20--layout {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .banner20--layout {
    align-items: flex-end;
  }
}

@media (min-width: 768px) {
  .banner20--logo__mobileWrap {
    display: none;
  }
}

.banner20--logo__mobile {
  margin-bottom: 5px;
  display: block;
  width: 100px;
  height: auto;
}
@media (min-width: 480px) {
  .banner20--logo__mobile {
    width: auto;
  }
}

.banner20--logo__desktopWrap {
  display: none;
}
@media (min-width: 768px) {
  .banner20--logo__desktopWrap {
    display: block;
  }
}

.banner20--logo__desktop {
  width: auto;
  max-width: 100%;
}

.banner20--cta {
  text-transform: uppercase;
  color: #101010;
  font-weight: bold;
  font-size: 12px;
}
@media (max-width: 767px) {
  .banner20--cta {
    margin-bottom: 5px;
  }
}
@media (min-width: 480px) {
  .banner20--cta {
    font-size: inherit;
  }
}
.banner20--cta:hover {
  color: #444;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 20px;
  transition: background-color 250ms ease-in-out;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1600px) {
  .header {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 1024px) {
  .header {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .header {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1023px) {
  .header {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #111;
  }
}

.header--link {
  display: block;
}

.header--logoImage {
  width: 100%;
  height: auto;
  max-width: 322px;
}
@media (max-width: 1023px) {
  .header--logoImage {
    display: none;
  }
}

.header--logoVector {
  display: none;
}
.header--logoVector &gt; svg {
  width: 100%;
  height: auto;
}
.header--logoVector &gt; svg &gt; .logo-opto-text {
  fill: #FFF;
  transition: fill 250ms ease-in-out;
}
@media (max-width: 1023px) {
  .header--logoVector {
    display: block;
  }
}
@media (max-width: 479px) {
  .header--logoVector {
    max-width: 200px;
    height: auto;
  }
}

.header--itemRight {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

.header--search {
  --aa-search-input-height: 38px;
  --aa-primary-color-rgb: 128, 138, 150;
  --aa-background-color-rgb: 255, 255, 255;
  --aa-input-icon-size: 15px;
  --aa-input-border-color-rgb: 255, 255, 255;
  --aa-input-background-color-rgb: 243, 244, 246;
  --aa-font-family: PT Sans, Arial, Helvetica, sans-serif;
  --aa-text-color-rgb: 128, 138, 150;
  --aa-selected-color-rgb: 243, 244, 246;
  --aa-selected-color-alpha: 1;
  position: relative;
  margin-right: 13px;
  width: 25vw;
  max-width: 385px;
  border: 1px solid #374151 !important;
  border-radius: 3px;
}
@media (max-width: 1023px) {
  .header--search {
    display: none;
  }
}
.header--search .aa-InputWrapperSuffix &gt; .aa-ClearButton {
  padding-left: 0px;
  padding-right: 60px;
}
.header--search .aa-Form {
  background-color: #fff;
}
.header--search:not(:empty):after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: "Ctrl+K";
  background-color: #F3F3F3;
  padding: 5px 10px;
  border-radius: 100px;
  color: #374151;
  font-size: 0.625rem;
  transform: translateY(-50%);
}

.aa-PanelLayout::after {
  display: none;
}

.header--language {
  position: relative;
}
.header--language.open &gt; .header--languageIcon {
  background-color: #101010;
}
.header--language.open &gt; .header--languageIcon &gt; svg {
  stroke: #fff;
}
.header--language.open &gt; .header--languageItems {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 1023px) {
  .header--language {
    display: none;
  }
}

.header--languageIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 9px;
  background-color: #fff;
  border: 1px solid #101010;
  border-radius: 5px;
  cursor: pointer;
}
.header--languageIcon &gt; svg {
  display: block;
  pointer-events: none;
  width: 22px;
  height: 22px;
  stroke: #101010;
}
@media (max-width: 1023px) {
  .header--languageIcon {
    display: none;
  }
}

body:not(.touch-device) .header--languageIcon:hover {
  background-color: #101010;
}
body:not(.touch-device) .header--languageIcon:hover &gt; svg {
  stroke: #fff;
}

.header--languageItems {
  position: absolute;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  top: calc(100% + 10px);
  right: 0;
  min-width: 150px;
  background-color: #FFFFFF;
  z-index: 10000;
  border-radius: 5px;
  border: 1px solid #101010;
  opacity: 0;
  pointer-events: none;
}

.header--languageItem {
  text-align: center;
  padding: 10px;
  color: #444444;
  border-top: 1px solid #FFF;
  transition: background-color 250ms ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.header--languageItem.active {
  background-color: #101010;
  color: #FFFFFF;
  border-top: 0px;
  pointer-events: none;
}

body:not(.touch-device) .header--languageItem:hover {
  background-color: #101010;
  color: #FFFFFF;
}

.header--hamburgerWrapper {
  display: none;
  justify-content: center;
  align-items: center;
  margin-left: 25px;
  padding: 7px 11px;
  background-color: #FFFFFF;
  border-radius: 100px;
}
@media (max-width: 1023px) {
  .header--hamburgerWrapper {
    display: flex;
  }
}
@media (max-width: 479px) {
  .header--hamburgerWrapper {
    margin-left: 15px;
  }
}

.header--hamburger {
  position: relative;
  width: 16px;
  height: 10px;
  transform: rotate(0deg);
  transition: all 500ms ease-in-out;
  cursor: pointer;
  pointer-events: none;
}
.header--hamburger &gt; span {
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 2px;
  background-color: #111;
  opacity: 1;
  transform: rotate(0deg);
  transition: all 250ms ease-in-out;
  pointer-events: none;
}
.header--hamburger &gt; span:nth-child(1) {
  top: 0px;
}
.header--hamburger &gt; span:nth-child(2), .header--hamburger &gt; span:nth-child(3) {
  top: 4px;
}
.header--hamburger &gt; span:nth-child(1) {
  top: 8px;
}

body.menu-open .header {
  background-color: #FFFFFF;
}
body.menu-open .header--logoVector &gt; svg &gt; .logo-opto-text {
  fill: #4D4F58;
}
body.menu-open .header--hamburger &gt; span:nth-child(1) {
  width: 0px;
  top: 4px;
  left: 50%;
}
body.menu-open .header--hamburger &gt; span:nth-child(2) {
  transform: rotate(45deg);
}
body.menu-open .header--hamburger &gt; span:nth-child(3) {
  transform: rotate(-45deg);
}
body.menu-open .header--hamburger &gt; span:nth-child(4) {
  width: 0px;
  top: 4px;
  left: 50%;
}
body.menu-open .header--cart {
  display: none;
}
body.menu-open .header--portal {
  display: none;
}

.header--cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 9px;
  background-color: #fff;
  border: 1px solid #101010;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 250ms ease-in-out;
  margin-right: 11px;
  position: relative;
}
.header--cart &gt; svg {
  display: block;
  pointer-events: none;
  stroke: #101010;
  transition: all 250ms ease-in-out;
}
.header--cart:hover {
  background-color: #101010;
}
.header--cart:hover &gt; svg {
  stroke: #fff;
}
@media (max-width: 1023px) {
  .header--cart {
    padding: 0;
    background-color: transparent;
    margin-right: 0;
  }
  .header--cart &gt; svg {
    stroke: #FFFFFF;
  }
  .header--cart:hover {
    background-color: transparent;
  }
}

.header--cartCount {
  position: absolute;
  top: -7px;
  right: -7px;
  font-size: 11px;
  font-weight: bold;
  background: white;
  color: #101010;
  border: 1px solid #101010;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}
.header--cartCount.on {
  visibility: visible;
}

.header--portal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 9px;
  background-color: #fff;
  border: 1px solid #101010;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 250ms ease-in-out;
  position: relative;
  margin-right: 11px;
}
.header--portal &gt; svg {
  display: block;
  pointer-events: none;
  transition: all 250ms ease-in-out;
  stroke: #101010;
}
.header--portal:hover {
  background-color: #101010;
}
.header--portal:hover &gt; svg {
  stroke: #fff;
}
@media (max-width: 1023px) {
  .header--portal {
    padding: 0;
    background-color: transparent;
  }
  .header--portal &gt; svg {
    stroke: #FFFFFF;
  }
  .header--portal:hover {
    background-color: transparent;
  }
}

.nav {
  position: relative;
  z-index: 15;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 1600px) {
  .nav {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 1024px) {
  .nav {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .nav {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 1600px) {
  .nav {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 1024px) {
  .nav {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .nav {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1023px) {
  .nav {
    padding: 0;
  }
}
.nav--primary {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
}
.nav--primary &gt; .nav--item {
  position: relative;
  font-size: 0.90625rem;
  line-height: 1.286;
  color: #333333;
  padding: 0 14px;
  transition: color 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.nav--primary &gt; .nav--item:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 75%;
  background-color: #444444;
  transform: translateY(-50%);
}
.nav--primary &gt; .nav--item:first-child {
  padding-left: 0;
}
.nav--primary &gt; .nav--item:first-child:after {
  display: none;
}
.nav--primary &gt; .nav--item:last-child {
  padding-right: 0;
}
@media (max-width: 1199px) {
  .nav--primary &gt; .nav--item {
    padding: 0 10px;
  }
}
@media (max-width: 1023px) {
  .nav--primary {
    display: none;
  }
}

body:not(.touch-device) .nav--primary &gt; .nav--item:hover {
  color: #7C7B7B;
}

.nav--secondary {
  display: flex;
  align-items: stretch;
  column-gap: 40px;
  margin-bottom: 6px;
}

.nav--secondary &gt; .nav--item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  color: #444;
  font-size: 1.25rem;
  font-weight: 700;
  transition: color 250ms ease-in-out;
}

.nav--secondary &gt; .nav--item span {
  font-weight: 700;
}

.nav--secondary &gt; .nav--item &gt; svg + span {
  margin-top: 4px;
  margin-left: 10px;
  word-break: break-all;
}

@media (max-width: 1199px) {
  .nav--secondary &gt; .nav--item &gt; svg {
    display: none;
  }
  .nav--secondary &gt; .nav--item &gt; svg + span {
    margin-top: 0;
    margin-left: 0;
  }
}
.nav--secondary &gt; .nav--itemExe {
  margin-left: auto;
}

@media (min-width: 1024px) {
  .nav--secondary &gt; .nav--itemExe &gt; svg {
    transform: scale(0.9) translateY(3px);
  }
}
@media (max-width: 1023px) {
  .nav--secondary &gt; .nav--itemExe &gt; svg {
    transform: translateY(2px);
  }
}
@media (max-width: 1199px) {
  .nav--secondary &gt; .nav--itemExe &gt; svg {
    display: block;
  }
  .nav--secondary &gt; .nav--itemExe &gt; span {
    display: none;
  }
}
@media (max-width: 1023px) {
  .nav--secondary {
    flex-wrap: wrap;
    gap: 0;
    margin-top: 1px;
  }
  .nav--secondary &gt; .nav--item {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 16.6666666667%;
    color: #fff;
    font-size: 0.8125rem;
    padding: 5px;
    min-height: 36px;
  }
  .nav--secondary &gt; .nav--item &gt; svg {
    display: none;
  }
  .nav--secondary &gt; .nav--item &gt; span {
    margin: 0 !important;
    margin-top: 2px !important;
  }
  .nav--secondary &gt; .nav--itemOptics {
    background-color: #1d4f91;
  }
  .nav--secondary &gt; .nav--itemLighting {
    background-color: #009a44;
  }
  .nav--secondary &gt; .nav--itemCameras {
    background-color: #86c8bc;
  }
  .nav--secondary &gt; .nav--itemSoftware {
    background-color: #cfdf00;
  }
  .nav--secondary &gt; .nav--itemAccessories {
    background-color: #c99700;
  }
  .nav--secondary &gt; .nav--itemKits {
    background-color: #e6e6e6;
    color: #000;
  }
  .nav--secondary &gt; .nav--itemExe {
    width: 100%;
    background-color: #e6e6e6;
    color: #000;
  }
  .nav--secondary &gt; .nav--itemExe &gt; svg {
    display: block;
    margin-right: 10px;
    width: 30px;
    height: auto;
  }
  .nav--secondary &gt; .nav--itemExe &gt; span {
    display: block;
  }
  .nav--secondary &gt; .nav--itemMobileHide {
    display: none;
  }
}
@media (max-width: 767px) {
  .nav--secondary &gt; .nav--item {
    width: calc(33.3333333333% - 1px);
  }
  .nav--secondary &gt; .nav--itemExe {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .nav--secondary &gt; .nav--item {
    width: calc(50% - 0.5px);
  }
  .nav--secondary &gt; .nav--itemExe {
    width: 100%;
  }
}
body:not(.touch-device) .nav--secondary &gt; .nav--item:hover {
  color: #7c7b7b;
}

.nav--finder {
  display: flex;
  align-items: center;
  column-gap: 40px;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}

.nav--finder &gt; .nav--item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  color: #444;
  padding: 9px 0;
  transition: color 250ms ease-in-out;
}

.nav--finder &gt; .nav--item &gt; svg {
  fill: #808a96;
  width: 13px;
  height: 13px;
}

.nav--finder &gt; .nav--item &gt; svg + span {
  margin-left: 10px;
}

.nav--finder &gt; .nav--item &gt; span {
  font-weight: 700;
}

@media (max-width: 1023px) {
  .nav--finder {
    display: none;
  }
}
body:not(.touch-device) .nav--finder &gt; .nav--item:hover {
  color: #7c7b7b;
}

.nav-mobile {
  position: fixed;
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  top: 56px;
  bottom: 0;
  left: 100%;
  width: 100%;
  background-color: #FFFFFF;
  transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 50;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.nav-mobile ul, .nav-mobile ol {
  list-style: none;
  padding-left: 0;
}

.nav-mobile--search {
  --aa-search-input-height: 38px;
  --aa-primary-color-rgb: 128, 138, 150;
  --aa-background-color-rgb: 255, 255, 255;
  --aa-input-icon-size: 15px;
  --aa-input-border-color-rgb: 255, 255, 255;
  --aa-input-background-color-rgb: 243, 244, 246;
  --aa-font-family: PT Sans, Arial, Helvetica, sans-serif;
  --aa-text-color-rgb: 128, 138, 150;
  --aa-selected-color-rgb: 243, 244, 246;
  --aa-selected-color-alpha: 1;
  --aa-font-size: 14px;
  --aa-search-input-height: 30px;
  --aa-icon-size: 15px;
  position: relative;
  margin: 10px 15px;
}
.nav-mobile--search:empty {
  height: 42px;
}
.nav-mobile--search .aa-SubmitIcon {
  width: 15px;
  height: 15px;
}

.nav-mobile--scrollWrapper {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.nav-mobile--scroll {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.nav-mobile--primary {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 20px 10px 15px;
  background-color: #F3F3F3;
}
.nav-mobile--primary .nav-mobile--menu {
  column-count: 2;
}
.nav-mobile--primary .nav-mobile--menu &gt; li {
  break-inside: avoid;
  margin-bottom: 0;
}
.nav-mobile--primary .nav-mobile--item {
  display: inline-block;
  padding: 10px 15px;
  color: #444444;
  font-size: 0.875rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .nav-mobile--primary .nav-mobile--item {
    padding: 5px 15px;
  }
}
@media (max-width: 359px) {
  .nav-mobile--primary .nav-mobile--menu {
    column-count: 1;
  }
}

.nav-mobile--secondary {
  padding: 5px 15px 0;
}
.nav-mobile--secondary .nav-mobile--menu &gt; li {
  margin-bottom: 0px;
}
.nav-mobile--secondary .nav-mobile--item {
  display: inline-block;
  padding: 10px 10px;
  color: #444444;
  font-family: "Prompt", "Arial", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  word-break: break-all;
  cursor: pointer;
}
.nav-mobile--secondary .nav-mobile--subMenu {
  position: fixed;
  top: 106px;
  bottom: 0;
  left: 100%;
  width: 100%;
  overflow-y: auto;
  background-color: #FFFFFF;
  transition: left 250ms cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 100;
}
.nav-mobile--secondary .nav-mobile--subMenu.open {
  left: 0;
}
.nav-mobile--secondary .nav-mobile--subMenu &gt; li {
  margin-bottom: 0px;
}
.nav-mobile--secondary .nav-mobile--subItem {
  display: inline-block;
  padding: 10px 15px;
  color: #444444;
  font-family: "PT Sans", "Arial", "Helvetica", "sans-serif";
  cursor: pointer;
}
.nav-mobile--secondary .nav-mobile--subItemMain {
  text-transform: uppercase;
  padding: 15px 15px;
  font-family: "Prompt", "Arial", "Helvetica", "sans-serif";
}
.nav-mobile--secondary .nav-mobile--close {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 15px;
  text-transform: uppercase;
  font-family: "Prompt", "Arial", "Helvetica", "sans-serif";
  font-size: 0.75rem;
}
.nav-mobile--secondary .nav-mobile--close &gt; svg {
  margin-right: 5px;
  pointer-events: none;
  fill: #444444;
}
.nav-mobile--secondary .nav-mobile--close &gt; span {
  color: #444444;
  font-family: "Prompt", "Arial", "Helvetica", "sans-serif";
  pointer-events: none;
  line-height: 1;
}
.nav-mobile--secondary .nav--itemTraining {
  color: #fff;
  background-color: #ec6607;
  min-width: 165px;
  border-radius: 5px;
  font-size: 0.875rem;
  padding: 11px 15px 9px;
}
@media (max-width: 767px) {
  .nav-mobile--secondary .nav-mobile--item {
    padding: 5px 10px;
  }
  .nav-mobile--secondary .nav--itemTraining {
    padding: 7px 15px 5px;
  }
}

.nav-mobile--btnGroup {
  padding: 0 15px;
  margin-bottom: 30px;
}
@media (min-width: 360px) {
  .nav-mobile--btnGroup {
    display: flex;
    justify-content: center;
  }
}

.nav-mobile--btn {
  min-width: 155px;
}
@media (min-width: 360px) {
  .nav-mobile--btn {
    margin-right: 15px;
  }
  .nav-mobile--btn:last-child {
    margin-right: 0px;
  }
}
@media (max-width: 359px) {
  .nav-mobile--btn {
    margin-bottom: 15px;
  }
}

.nav-mobile--language {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: auto;
  padding: 30px 15px 0 15px;
  border-top: 1px solid #CCC;
}

.nav-mobile--languageButton {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 25px;
  margin-bottom: 15px;
}
.nav-mobile--languageButton &gt; svg {
  display: block;
  margin-right: 10px;
  stroke: #444444;
  pointer-events: none;
}

.nav-mobile--languageText {
  color: #444444;
  font-weight: 700;
  pointer-events: none;
  font-size: 0.875rem;
}

.nav-mobile--languageItems {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  width: 100%;
}
@media (max-width: 479px) {
  .nav-mobile--languageItems {
    margin-bottom: 20px;
  }
}

.nav-mobile--languageItem {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #101010;
  margin: 0 5px;
  padding: 5px 15px;
  background-color: #F3F3F3;
  border-radius: 100px;
  border: 1px solid transparent;
  font-weight: 700;
  width: calc((100% - 40px) / 4);
  text-align: center;
}
@media (max-width: 480px) {
  .nav-mobile--languageItem {
    width: calc((100% - 20px) / 2);
    margin-bottom: 10px;
  }
}
.nav-mobile--languageItem.active {
  color: #CCC;
  pointer-events: none;
  background-color: #FFFFFF;
  border: 1px solid #CCC;
}

body.menu-open .nav-mobile {
  opacity: 1;
  left: 0;
  pointer-events: auto;
}

.trails {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0 10px 0;
}
@media (max-width: 1023px) {
  .trails {
    padding: 5px 0 10px 0;
  }
}

.trails--link {
  display: block;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #101010;
  margin-right: 15px;
  margin-bottom: 5px;
}

.trails--current {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #6C7984;
}

.page {
  min-height: 450px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1600px) {
  .page {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 1024px) {
  .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .page {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1023px) {
  .page {
    padding-top: 15px;
    padding-bottom: 25px;
  }
}

.page-header {
  border-bottom: 1px solid #D6DADB;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.page-header--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  .page-header--top {
    display: block;
  }
}

.page-header--title {
  color: #333333;
  font-family: "PT Sans", "Arial", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1023px) {
  .page-header--title {
    font-size: 1.75rem;
  }
}

.page-header--subTitle {
  margin-top: 5px;
  color: #6C7984;
}

.page-header--items {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  margin-left: 15px;
}
@media (max-width: 1199px) {
  .page-header--items {
    justify-content: flex-start;
    margin-top: 25px;
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .page-header--items {
    display: block;
    width: 100%;
  }
}

.page-header--item {
  min-width: 155px;
  margin-right: 10px;
}
.page-header--item:last-child {
  margin-right: 0px;
}
@media (max-width: 767px) {
  .page-header--item {
    width: fit-content;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
@media (max-width: 479px) {
  .page-header--item {
    width: 100%;
  }
}

.page-header--bottom {
  margin-top: 20px;
}

.infobox {
  width: 100%;
  padding: 7px 8px;
  margin-bottom: 10px;
}
.infobox:last-child {
  margin-bottom: 0px;
}
.infobox a {
  color: #333333;
  text-decoration: underline;
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.infobox-alert {
  background-color: #FDE68A;
}

.infobox-notice {
  background-color: #E7F3FE;
}

.footer {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  padding-bottom: 40px;
}
@media (max-width: 1600px) {
  .footer {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 1024px) {
  .footer {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1023px) {
  .footer {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.footer--communication {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 22px 15px;
  margin-bottom: 45px;
  background-color: #333333;
}
@media (max-width: 1399px) {
  .footer--communication {
    display: block;
    padding: 30px 15px;
  }
}

.footer--communicationTitle {
  font-size: 1.125rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.footer--contact {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: calc(50% - 5px);
}
@media (max-width: 1399px) {
  .footer--contact {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .footer--contact {
    flex-direction: column;
    align-items: center;
  }
}

.footer--contactItem {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer--contactItem:first-child {
  margin-right: 80px;
}
@media (max-width: 767px) {
  .footer--contactItem:first-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .footer--contactItem:first-child {
    margin-bottom: 50px;
  }
}

.footer--communicationItem {
  min-width: 270px;
  padding: 13px 15px;
}

.footer--social {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(50% - 5px);
}
@media (max-width: 1399px) {
  .footer--social {
    width: 100%;
  }
}

.footer--socialItems {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
@media (max-width: 767px) {
  @supports (display: grid) {
    .footer--socialItems {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      width: fit-content;
      margin: 0 auto;
    }
  }
}

.footer--socialItem {
  display: block;
  margin-right: 15px;
  transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.footer--socialItem:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .footer--socialItem {
    margin-bottom: 15px;
  }
}

body:not(.touch-device) .footer--socialItem:hover {
  opacity: 0.75;
}

.footer--associations {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 50px;
}

.footer--associationsTitle {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.286;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .footer--associationsTitle {
    text-align: center;
  }
}

.footer--associationsItems {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (max-width: 1023px) {
  .footer--associationsItems {
    flex-wrap: wrap;
  }
}

.footer--associationsItem {
  display: block;
  margin-right: 20px;
  transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.footer--associationsItem:last-child {
  margin-right: 0;
}
.footer--associationsItem &gt; img {
  width: auto;
  height: 60px;
}
@media (max-width: 1023px) {
  .footer--associationsItem {
    margin-bottom: 20px;
  }
}

body:not(.touch-device) .footer--associationsItem:hover {
  opacity: 0.75;
}

.footer--nav {
  display: flex;
  align-items: stretch;
  padding: 45px 40px;
  margin-bottom: 40px;
  background-color: #F3F3F3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 1399px) {
  .footer--nav {
    display: block;
  }
}
@media (max-width: 767px) {
  .footer--nav {
    padding: 25px 15px;
  }
}

@media (min-width: 1400px) {
  .footer--navColumn {
    min-width: 350px;
  }
}
@media (max-width: 1399px) {
  .footer--navColumn {
    margin-bottom: 25px;
    width: 100%;
  }
  .footer--navColumn:last-child {
    margin-bottom: 0px;
  }
}

.footer--navLeft {
  margin-right: 40px;
}

.footer--navTitle {
  display: block;
  font-weight: 700;
  margin-bottom: 25px;
}
.footer--navTitle a {
  color: #333333;
  font-weight: 700;
  transition: color 250ms cubic-bezier(0.23, 1, 0.32, 1);
}

body:not(.touch-device) .footer--navTitle a:hover {
  color: #101010;
}

.footer--navItems {
  column-count: 2;
  column-gap: 40px;
}
@media (max-width: 767px) {
  .footer--navItems {
    column-count: 1;
  }
}

.footer--navItem {
  display: block;
  color: #333333;
  transition: color 250ms cubic-bezier(0.23, 1, 0.32, 1);
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .footer--navItem {
    margin-bottom: 15px;
  }
}

body:not(.touch-device) .footer--navItem:hover {
  color: #101010;
}

.footer--navItemEnvironment {
  color: #007400;
  font-weight: 700;
}
.footer--navItemEnvironment &gt; .footer--navItemEnvironmentIcon {
  position: relative;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 5px;
}
.footer--navItemEnvironment &gt; .footer--navItemEnvironmentIcon &gt; svg {
  position: absolute;
  top: calc(50% + 4px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
}

body:not(.touch-device) .footer--navItemEnvironment:hover {
  color: #006600;
}

@media (max-width: 1023px) {
  .footer--company {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1023px) and (max-width: 1600px) {
  .footer--company {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 1023px) and (max-width: 1024px) {
  .footer--company {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1023px) and (max-width: 768px) {
  .footer--company {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer--company a {
  display: inline-block;
  color: #101010;
  font-weight: 700;
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.footer--company span {
  display: block;
  font-size: 0.8125rem;
}

body:not(.touch-device) .footer--company a:hover {
  color: #333333;
}

.footer--companyInfo {
  display: flex;
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid #333;
}
@media (max-width: 1399px) {
  .footer--companyInfo {
    flex-wrap: wrap;
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .footer--companyInfo {
    display: block;
    padding-bottom: 25px;
  }
}
@media (max-width: 479px) {
  .footer--companyInfo {
    padding-bottom: 0;
  }
}
.footer--companyInfo &gt; p {
  margin-right: 40px;
}
.footer--companyInfo &gt; p:last-child {
  margin-right: 0px;
}
.footer--companyInfo &gt; p &gt; span {
  margin-bottom: 2px;
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .footer--companyInfo &gt; p {
    width: calc(50% - 40px);
    margin-bottom: 25px;
  }
}
@media (max-width: 1199px) {
  .footer--companyInfo &gt; p {
    margin-right: 0;
    margin-bottom: 25px;
  }
  .footer--companyInfo &gt; p:last-child {
    margin-bottom: 0;
  }
}

.footer--certificationsItems {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
}
@media (max-width: 1399px) {
  .footer--certificationsItems {
    margin-left: 0;
  }
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .footer--certificationsItems {
    margin-bottom: 25px;
  }
}
@media (max-width: 1023px) {
  .footer--certificationsItems {
    flex-wrap: wrap;
  }
}
.footer--certificationsTitle {
  display: block;
  width: 100%;
  font-size: 0.8125rem;
  line-height: 1.286;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.footer--certificationsItem {
  display: block;
  margin-right: 20px;
  opacity: 1;
}
.footer--certificationsItem:last-child {
  margin-right: 0;
}
.footer--certificationsItem &gt; img {
  width: auto;
  height: 53px;
}
@media (max-width: 479px) {
  .footer--certificationsItem {
    margin-bottom: 25px;
  }
}

body:not(.touch-device) .footer--certificationsItem:hover {
  opacity: 0.75;
}

[v-cloak] {
  display: none;
}

.quote--wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 550px;
  height: 100%;
  background: white;
  pointer-events: none;
  transform: translateX(100%);
  transition: 150ms all;
  z-index: 100;
}
.quote--wrap.on {
  pointer-events: auto;
  transform: translateX(0);
  box-shadow: 0 0 70px -40px;
}

.quote--frame {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.quote--close {
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: #555;
  position: absolute;
  top: 23px;
  right: 15px;
}
.quote--close:hover {
  color: #101010;
}
</pre></body></html>