@charset "UTF-8";
/*
xs: 592px,
sm: 764px,
md: 1020px,
lg: 1320px,
xl: 1616px,
xxl: 1920px
*/
/*$container-max-widths: ( sm: 736px, (leftover from kcai) md: 1136px, (leftover from kcai) lg: 1552px, (from XD it 1 - most content) xl: 1808px, (from XD it 1 - vid library) xxl: 1856px (1920 - 4rem) (leftover from kcai), pageheader: 1632 (from XD it 1) ) !default;*/
h2 { color: #585a5d; font-weight: normal; text-transform: initial; }

@media (min-width: 63.75rem) { h2 { font-size: 2rem; } }

@media (min-width: 101rem) { h2 { font-size: 3rem; } }

h3 { color: #265794; font-weight: 600; text-transform: uppercase; }

.site-header { background-color: rgba(232, 232, 232, 0.8); backdrop-filter: blur(1em); }

@media (min-width: 63.75rem) { .site-header .site-header__branding { margin-left: 2em; } }

@media (min-width: 82.5rem) { .site-header .site-header__branding { margin-left: 3em; } }

.site-header__utility-nav { background-color: #265794; }

.site-header__utility-nav a, .site-header__utility-nav li:last-child a { color: #fff; }

.site-header__utility-nav li:last-child a { background-color: transparent; padding: 0 1rem 0 0; }

.sub-nav__content { display: block; }

.sub-nav__callout { display: inline-block; height: initial; margin-bottom: 1em; width: 100%; }

.sub-nav__callout span { background-color: #e6b359; }

.nav-item { position: relative; }

.nav-item.nav-item--current, .nav-item > a:hover, .nav-item > a:active, .nav-item > a:focus { background-color: #e6b359; color: #000; }

.nav-item:not(.nav-item--current) li a:hover { color: #e6b359; }

.sub-nav { margin-left: 0; width: 24em; }

.site-footer { background-color: #265794; }

.site-footer a, .site-footer a.site-footer__col-header { color: rgba(255, 255, 255, 0.75); }

.site-footer a:hover, .site-footer a.site-footer__col-header:hover { color: #fff; }

.site-footer a.site-footer__col-header { text-transform: none; }

.site-footer .site-footer__footer__social { order: 0; }

.site-footer .site-footer__footer__social-icon { color: #e6b359; }

.site-footer .site-footer__footer__copyright { order: 2; }

.site-footer .site-footer__footer__links a { color: #e6b359; font-weight: bold; }

.content { position: relative; }

.homepage-header__headline h1, .homepage-header__headline h2 { font-weight: 600; }

.homepage-header__headline h1 { color: #ffffff; font-size: 30px; margin-bottom: 2em; }

.homepage-header__headline h2 { text-transform: none; }

@media (min-width: 63.75rem) { .homepage-header__headline h2 { width: 75vw; } }

.industry-cards-block .industry-card__text { background-color: #585a5d; }

.industry-cards-block .industry-card__text h3 { color: #fff; font-weight: 600; }

.industry-cards-block .industry-card__text h3 a { text-decoration: none; }

.industry-cards-block .industry-cards__headline { margin: 1em auto; max-width: 80%; text-align: center; }

@media (min-width: 63.75rem) { .industry-cards-block .industry-cards__headline { font-size: 2rem; } }

@media (min-width: 101rem) { .industry-cards-block .industry-cards__headline { font-size: 2.5rem; } }

.content-block.block--callout_text { background-color: #e6b359; position: relative; }

.content-block.block--callout_text, .callout-text { font-size: 1.5rem; }

.content-block.block--callout_text, .content-block.block--callout_text h2, .content-block.block--callout_text h3, .content-block.block--callout_text h4, .content-block.block--callout_text h5, .content-block.block--callout_text h6, .callout-text, .callout-text h2, .callout-text h3, .callout-text h4, .callout-text h5, .callout-text h6 { color: #000; font-weight: 600; }

.callout-text { text-align: center; }

.callout-text h2, .callout-text h3, .callout-text h4, .callout-text h5, .callout-text h6 { text-transform: none; }

.callout-text__background { background-repeat: no-repeat; background-size: cover; inset: 0; opacity: 0.15; position: absolute; }

.callout-text .text-block { max-width: initial; }

.page-header__content { background-color: #265794; color: #fff; }

.page-header__content .page-header__text h1 { font-weight: 600; text-transform: none; }

.primary-button { color: #000; }

.primary-button, .primary-button:hover { background-color: #fff; }

.block--rich_text { margin-bottom: 2.5rem; margin-top: 2.5rem; }

.block--rich_text h1, .block--rich_text h2, .block--rich_text h3, .block--rich_text h4, .block--rich_text h5, .block--rich_text h6 { text-transform: uppercase; }

.text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6 { text-transform: none; }

main.content > .content-block.block--rich_text > * { max-width: initial; }

.site-footer { color: rgba(255, 255, 255, 0.75); }

.site-footer__content { grid-template-columns: 40% 55%; }

.site-footer__content:has(.site-footer__secondary-logo) { grid-template: "a b c" "d d d"; grid-template-columns: 40% 40% 10%; justify-content: space-between; }

.site-footer__content:has(.site-footer__secondary-logo) .site-footer__secondary-logo { display: grid; grid-area: c; }

.site-footer__content:has(.site-footer__secondary-logo) .site-footer__footer { grid-area: d; }

@media (min-width: 63.75rem) { .site-footer__content .site-footer__branding { display: grid; grid-template: "a b" / 1fr; grid-template-columns: 30% 65%; justify-content: space-between; } .site-footer__content .site-footer__branding .site-footer__logo { width: 100%; } .site-footer__content .site-footer__branding .site-footer__address { margin: 0; } .site-footer__content .site-footer__branding .site-footer__address > h3 { display: none; } }

.site-footer__footer__social > p { display: none; }

.site-footer__footer__social > a { margin: 0 1rem; }

.site-footer .footer-nav__items { display: block; }

@media (min-width: 63.75rem) { .site-footer .footer-nav__items { column-count: 2; column-gap: 2em; } .site-footer .footer-nav__items .footer-nav__sub-nav { margin-top: 0.5em; margin-bottom: 1em; } .site-footer .footer-nav__items > li { min-height: 3em; } .site-footer .footer-nav__items li { break-inside: avoid; margin: 0; padding: 0.25rem 0 0 0; } .site-footer .footer-nav__items li + li { margin: 0; } .site-footer .footer-nav__items a.site-footer__col-header { cursor: pointer; margin: 0; } }

.product-specs__header { position: relative; }

.product-specs__header h1 { font-weight: 600; text-transform: none; text-wrap: balance; }

@media (min-width: 63.75rem) { .product-specs__header h1 { max-width: 40%; } }

.product-specs__header::after { background-color: #e6b359; bottom: -0.25rem; content: ''; display: block; height: 0.5rem; left: 0; position: absolute; width: 4rem; }

.breadcrumbs li + li:before { content: "› "; }

.breadcrumbs a { text-decoration: none; }

.product-overview { padding: 4rem; }

.product-overview__image { text-align: center; width: 100%; }

.product-overview__text h2 { font-weight: 600; }

@media (min-width: 63.75rem) { .product-overview__text h2 { font-size: 2rem; } }

.product-overview__text h2:not(:first-child) { margin-top: 3em; }

.product-overview__text > * { margin-bottom: 1rem; }

.product-overview__text .product-resources__item a { color: black; font-size: 1.25em; font-weight: 600; text-decoration: none; }

.product-overview__text .product-resources__item-pdf a::after { background-image: url("/static/images/sharp-picture-as-pdf.e31b5aec48af.svg"); background-position: right center; background-repeat: no-repeat; background-size: contain; content: '(PDF)'; display: inline-block; margin-left: 0.25rem; padding-right: 1.4em; }

@media (min-width: 63.75rem) { .product-overview { display: grid; grid-template: "a b" / 1fr; grid-template-columns: 60% 30%; justify-content: space-evenly; } }

.primary-button, .industry-card__text a.primary-button { background-color: #e6b359; }

@media (min-width: 63.75rem) { .sitech-homepage .content { margin-top: -7.75em; } .sitech-homepage .homepage-header { padding-bottom: 7.75em; padding-top: 10em; } }

.carousel { margin-left: auto; margin-right: auto; margin-top: -10em; max-width: 80%; position: relative; }

.carousel__controls { display: flex; justify-content: space-between; position: absolute; top: 45%; width: 100%; }

.carousel__controls--previous, .carousel__controls--next { background-color: #000; border: 0; color: #fff; font-size: 2em; height: 4rem; width: 4rem; }

.carousel__controls--previous { margin-left: -4rem; }

.carousel__controls--next { margin-right: -4rem; }

.carousel__slide { padding: 0 0.05em; }

.carousel__slide h2 { margin-bottom: 1em; }

.carousel__slide__content { background-color: #E8E8E8; }

.carousel__track { overflow: hidden; }