/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,
hr,
input {
    overflow: visible
}

audio,
canvas,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

.fancybox-is-hidden,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.fancybox-container,
.fancybox-slide {
    -webkit-backface-visibility: hidden;
    width: 100%
}

.fancybox-container,
.fancybox-thumbs,
.fancybox-thumbs>ul>li,
.slick-slider {
    -webkit-tap-highlight-color: transparent
}

.product-pdf .heading1,
.product-pdf .heading2,
.product-pdf .heading3,
.product-pdf .heading4,
.product-pdf .heading5,
.product-pdf h1,
.product-pdf h2,
.product-pdf h3,
.product-pdf h4,
.product-pdf h5 {
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

body {
    margin: 0
}

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

hr {
    box-sizing: content-box
}

.fancybox-container *,
.slick-slider,
/* .tooltipster-content, */
legend {
    box-sizing: border-box
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited,
.fancybox-share__button,
.fancybox-share__button:hover {
    text-decoration: none
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

legend {
    color: inherit;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto;
    resize: vertical
}

.slick-list,
body.compensate-for-scrollbar {
    overflow: hidden
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -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 {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

/* 2023change 顶部滑栏图片*/
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    max-height: 350px;
    min-height: 1px
}

.chosen-rtl .chosen-choices li,
[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-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.fancybox-outer,
.fancybox-thumbs {
    -webkit-overflow-scrolling: touch
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px
}

.fancybox-container {
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99992
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    overflow-y: auto
}

.fancybox-bg {
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s, visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-image,
.fancybox-slide--image .fancybox-content,
.fancybox-spaceball {
    left: 0;
    max-width: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    margin: 0;
    padding: 0
}

.fancybox-button,
.fancybox-iframe {
    vertical-align: top
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: no-repeat;
    background-size: 100% 100%;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    max-height: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--iframe .fancybox-content {
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-error {
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: 0;
    padding: 10px;
    transition: color .2s;
    width: 44px
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    cursor: default
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-caption::after,
.fancybox-caption::before {
    content: '';
    display: block;
    position: absolute
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s, visibility 0s, color .25s
}

.fancybox-navigation .fancybox-button::after {
    content: '';
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    cursor: pointer;
    margin: 0;
    position: absolute;
    z-index: 10
}

.fancybox-close-small svg {
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s
}

.fancybox-close-small:focus {
    outline: 0
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
    padding: 5px;
    right: -12px;
    top: -44px
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
    background: 0 0
}

.fancybox-caption {
    bottom: 0;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    left: 0;
    pointer-events: none;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption::after {
    left: 44px;
    right: 44px;
    top: 0
}

.cc-link,
.cc-revoke:hover,
.chosen-container .chosen-results li em,
.fancybox-caption a:hover {
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate .8s infinite linear;
    animation: fancybox-rotate .8s infinite linear;
    background: 0 0;
    border: 6px solid rgba(100, 100, 100, .5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.fancybox-thumbs>ul>li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

/* .tooltipster-fall,
.tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
} */

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media all and (max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

/* 2024change */
/* .tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade.tooltipster-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading .4s
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }

    75% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating .6s
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling .6s
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.chosen-container,
.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    left: 0
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
} */

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
.chosen-container {
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    background: #fff;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999
}

.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #aaa;
    background-color: #fff;
    background-clip: padding-box;
    text-decoration: none;
    white-space: nowrap
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(https://www.ki.com/core/compiled/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover,
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://www.ki.com/core/compiled/chosen-sprite.png) 0 2px no-repeat
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(https://www.ki.com/core/compiled/chosen-sprite.png) 100% -20px no-repeat;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    list-style: none;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%)
}

.chosen-container .chosen-results li.no-results {
    display: list-item
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%)
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: 0 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    max-width: 100%;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%)
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background: 0 0
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222 !important
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.section-sub-title,
.section-title,
.text-center {
    text-align: center
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: url(https://www.ki.com/core/compiled/chosen-sprite.png) -30px -20px no-repeat;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx) {

    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type=text] {
        background-image: url(https://www.ki.com/core/compiled/chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

.cc-window {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    -webkit-transition: transform 1s ease;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    -webkit-transform: translateY(2em);
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    transition: max-height 1s
}

.cc-revoke,
.cc-window {
    position: fixed;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

html,
table {
    -webkit-box-sizing: border-box
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,
.cc-link:visited {
    color: initial
}

.cc-btn {
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.arrow-link,
.spec-sheet-pdf-project a:focus,
.spec-sheet-pdf-project a:hover,
.text-white a:focus,
.text-white a:hover,
a.icon-link {
    text-decoration: none
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus,
.cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-floating .cc-compliance>.cc-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {

    .cc-revoke,
    .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner,
    .cc-window.cc-floating,
    .cc-window.cc-left,
    .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}

#__bs_notify__ {
    display: none !important
}

.clearfix:after {
    clear: both;
    content: "";
    display: table
}

.aspNetHidden,
.hidden {
    display: none !important
}

.visible {
    display: block !important
}

.visible-table {
    display: table !important
}

.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
    width: 1px
}

.scroll-locked,
.scroll-locked body {
    overflow: hidden !important
}

.scroll-locked {
    height: 100%
}

.mask-fade {
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(35%, #000));
    -webkit-mask-image: linear-gradient(0deg, transparent 0, #000 35%);
    mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(35%, #000));
    mask-image: linear-gradient(0deg, transparent 0, #000 35%);
    max-height: 40rem;
    overflow: hidden
}

.mask-fade.active {
    -webkit-mask-image: none;
    mask-image: none;
    overflow: visible;
    max-height: none
}

.mask-fade-trigger.active {
    display: none
}

.visible-alpha,
.visible-alpha-up,
.visible-table-alpha,
.visible-table-alpha-up {
    display: none !important
}

@media screen and (min-width:30em) {

    .visible-bravo,
    .visible-table-bravo {
        display: none !important
    }

    .hidden-bravo {
        display: block !important
    }

    .hidden-table-bravo {
        display: table !important
    }

    .visible-charlie,
    .visible-table-charlie {
        display: none !important
    }

    .hidden-charlie {
        display: block !important
    }

    .hidden-table-charlie {
        display: table !important
    }

    .visible-delta,
    .visible-table-delta {
        display: none !important
    }

    .hidden-delta {
        display: block !important
    }

    .hidden-table-delta {
        display: table !important
    }

    .visible-hero,
    .visible-table-hero {
        display: none !important
    }

    .hidden-hero {
        display: block !important
    }

    .hidden-table-hero {
        display: table !important
    }

    .visible-echo,
    .visible-table-echo {
        display: none !important
    }

    .hidden-echo {
        display: block !important
    }

    .hidden-table-echo {
        display: table !important
    }

    .visible-alpha,
    .visible-alpha-up {
        display: block !important
    }

    .visible-table-alpha,
    .visible-table-alpha-up {
        display: table !important
    }

    .hidden-alpha,
    .hidden-alpha-up,
    .hidden-table-alpha,
    .hidden-table-alpha-up {
        display: none !important
    }
}

.visible-bravo,
.visible-bravo-up,
.visible-table-bravo,
.visible-table-bravo-up {
    display: none !important
}

@media screen and (min-width:56em) {

    .visible-alpha,
    .visible-table-alpha {
        display: none !important
    }

    .hidden-alpha {
        display: block !important
    }

    .hidden-table-alpha {
        display: table !important
    }

    .visible-charlie,
    .visible-table-charlie {
        display: none !important
    }

    .hidden-charlie {
        display: block !important
    }

    .hidden-table-charlie {
        display: table !important
    }

    .visible-delta,
    .visible-table-delta {
        display: none !important
    }

    .hidden-delta {
        display: block !important
    }

    .hidden-table-delta {
        display: table !important
    }

    .visible-hero,
    .visible-table-hero {
        display: none !important
    }

    .hidden-hero {
        display: block !important
    }

    .hidden-table-hero {
        display: table !important
    }

    .visible-echo,
    .visible-table-echo {
        display: none !important
    }

    .hidden-echo {
        display: block !important
    }

    .hidden-table-echo {
        display: table !important
    }

    .visible-bravo,
    .visible-bravo-up {
        display: block !important
    }

    .visible-table-bravo,
    .visible-table-bravo-up {
        display: table !important
    }

    .hidden-bravo,
    .hidden-bravo-up,
    .hidden-table-bravo,
    .hidden-table-bravo-up {
        display: none !important
    }
}

.visible-charlie,
.visible-charlie-up,
.visible-table-charlie,
.visible-table-charlie-up {
    display: none !important
}

@media screen and (min-width:70em) {

    .visible-alpha,
    .visible-table-alpha {
        display: none !important
    }

    .hidden-alpha {
        display: block !important
    }

    .hidden-table-alpha {
        display: table !important
    }

    .visible-bravo,
    .visible-table-bravo {
        display: none !important
    }

    .hidden-bravo {
        display: block !important
    }

    .hidden-table-bravo {
        display: table !important
    }

    .visible-delta,
    .visible-table-delta {
        display: none !important
    }

    .hidden-delta {
        display: block !important
    }

    .hidden-table-delta {
        display: table !important
    }

    .visible-hero,
    .visible-table-hero {
        display: none !important
    }

    .hidden-hero {
        display: block !important
    }

    .hidden-table-hero {
        display: table !important
    }

    .visible-echo,
    .visible-table-echo {
        display: none !important
    }

    .hidden-echo {
        display: block !important
    }

    .hidden-table-echo {
        display: table !important
    }

    .visible-charlie,
    .visible-charlie-up {
        display: block !important
    }

    .visible-table-charlie,
    .visible-table-charlie-up {
        display: table !important
    }

    .hidden-charlie,
    .hidden-charlie-up,
    .hidden-table-charlie,
    .hidden-table-charlie-up {
        display: none !important
    }
}

.visible-delta,
.visible-delta-up,
.visible-table-delta,
.visible-table-delta-up {
    display: none !important
}

@media screen and (min-width:80em) {

    .visible-alpha,
    .visible-table-alpha {
        display: none !important
    }

    .hidden-alpha {
        display: block !important
    }

    .hidden-table-alpha {
        display: table !important
    }

    .visible-bravo,
    .visible-table-bravo {
        display: none !important
    }

    .hidden-bravo {
        display: block !important
    }

    .hidden-table-bravo {
        display: table !important
    }

    .visible-charlie,
    .visible-table-charlie {
        display: none !important
    }

    .hidden-charlie {
        display: block !important
    }

    .hidden-table-charlie {
        display: table !important
    }

    .visible-hero,
    .visible-table-hero {
        display: none !important
    }

    .hidden-hero {
        display: block !important
    }

    .hidden-table-hero {
        display: table !important
    }

    .visible-echo,
    .visible-table-echo {
        display: none !important
    }

    .hidden-echo {
        display: block !important
    }

    .hidden-table-echo {
        display: table !important
    }

    .visible-delta,
    .visible-delta-up {
        display: block !important
    }

    .visible-table-delta,
    .visible-table-delta-up {
        display: table !important
    }

    .hidden-delta,
    .hidden-delta-up,
    .hidden-table-delta,
    .hidden-table-delta-up {
        display: none !important
    }
}

.visible-hero,
.visible-hero-up,
.visible-table-hero,
.visible-table-hero-up {
    display: none !important
}

@media screen and (min-width:102em) {

    .visible-alpha,
    .visible-table-alpha {
        display: none !important
    }

    .hidden-alpha {
        display: block !important
    }

    .hidden-table-alpha {
        display: table !important
    }

    .visible-bravo,
    .visible-table-bravo {
        display: none !important
    }

    .hidden-bravo {
        display: block !important
    }

    .hidden-table-bravo {
        display: table !important
    }

    .visible-charlie,
    .visible-table-charlie {
        display: none !important
    }

    .hidden-charlie {
        display: block !important
    }

    .hidden-table-charlie {
        display: table !important
    }

    .visible-delta,
    .visible-table-delta {
        display: none !important
    }

    .hidden-delta {
        display: block !important
    }

    .hidden-table-delta {
        display: table !important
    }

    .visible-echo,
    .visible-table-echo {
        display: none !important
    }

    .hidden-echo {
        display: block !important
    }

    .hidden-table-echo {
        display: table !important
    }

    .visible-hero,
    .visible-hero-up {
        display: block !important
    }

    .visible-table-hero,
    .visible-table-hero-up {
        display: table !important
    }

    .hidden-hero,
    .hidden-hero-up,
    .hidden-table-hero,
    .hidden-table-hero-up {
        display: none !important
    }
}

.visible-echo,
.visible-echo-up,
.visible-table-echo,
.visible-table-echo-up {
    display: none !important
}

@media screen and (min-width:110em) {

    .visible-alpha,
    .visible-table-alpha {
        display: none !important
    }

    .hidden-alpha {
        display: block !important
    }

    .hidden-table-alpha {
        display: table !important
    }

    .visible-bravo,
    .visible-table-bravo {
        display: none !important
    }

    .hidden-bravo {
        display: block !important
    }

    .hidden-table-bravo {
        display: table !important
    }

    .visible-charlie,
    .visible-table-charlie {
        display: none !important
    }

    .hidden-charlie {
        display: block !important
    }

    .hidden-table-charlie {
        display: table !important
    }

    .visible-delta,
    .visible-table-delta {
        display: none !important
    }

    .hidden-delta {
        display: block !important
    }

    .hidden-table-delta {
        display: table !important
    }

    .visible-hero,
    .visible-table-hero {
        display: none !important
    }

    .hidden-hero {
        display: block !important
    }

    .hidden-table-hero {
        display: table !important
    }

    .visible-echo,
    .visible-echo-up {
        display: block !important
    }

    .visible-table-echo,
    .visible-table-echo-up {
        display: table !important
    }

    .hidden-echo,
    .hidden-echo-up,
    .hidden-table-echo,
    .hidden-table-echo-up {
        display: none !important
    }
}

/*2023change*/
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    color: #5a5b5c;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    /* line-height: 1.75; */ 
    scroll-behavior: smooth
}

.custom-h2,
.heading1,
.heading2,
h1,
h2 {
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: normal
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

[tabindex='-1']:focus {
    outline: 0
}

b,
strong {
    font-weight: 600
}

ol+h2,
ol+h3,
ol+h4,
ol+h5,
ol+h6,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6 {
    margin-top: 1.5rem
}

.custom-h2,
.custom-h3,
.custom-h4,
.custom-h5,
.heading1,
.heading2,
.heading3,
.heading4,
.heading5,
h1,
h2,
h3,
h4,
h5 {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin: .5em 0
}

.heading1,
h1 {
    color: #2d2d2e;
    font-size: 2.5rem
}

.spec-sheet-pdf-project .heading1,
.spec-sheet-pdf-project h1,
.text-white .heading1,
.text-white h1 {
    color: #fff
}

@media screen and (min-width:30em) {

    .heading1,
    h1 {
        font-size: calc(2.5rem + 1 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {

    .heading1,
    h1 {
        /* font-size: 3.5rem */
      font-size: 2rem
    }
}

.custom-h2,
.heading2,
h2 {
    color: #2d2d2e;
    font-size: 1.75rem
}

/* @media screen and (min-width:30em) {

    .custom-h2,
    .heading2,
    h2 {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {

    .custom-h2,
    .heading2,
    h2 {
        font-size: 2.5rem
    }
} */

.spec-sheet-pdf-project .custom-h2,
.spec-sheet-pdf-project .heading2,
.spec-sheet-pdf-project h2,
.text-white .custom-h2,
.text-white .heading2,
.text-white h2 {
    color: #fff
}

.custom-h3,
.heading3,
h3 {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.375;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {

    .custom-h3,
    .heading3,
    h3 {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {

    .custom-h3,
    .heading3,
    h3 {
        font-size: 1.75rem
    }
}

.spec-sheet-pdf-project .custom-h3,
.spec-sheet-pdf-project .heading3,
.spec-sheet-pdf-project h3,
.text-white .custom-h3,
.text-white .heading3,
.text-white h3 {
    color: #fff
}

.custom-h4,
.heading4,
h4 {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {

    .custom-h4,
    .heading4,
    h4 {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {

    .custom-h4,
    .heading4,
    h4 {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .custom-h4,
.spec-sheet-pdf-project .heading4,
.spec-sheet-pdf-project h4,
.text-white .custom-h4,
.text-white .heading4,
.text-white h4 {
    color: #fff
}

.custom-h5,
.heading5,
h5 {
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase
}

.spec-sheet-pdf-project .custom-h5,
.spec-sheet-pdf-project .heading5,
.spec-sheet-pdf-project h5,
.text-white .custom-h5,
.text-white .heading5,
.text-white h5 {
    color: #fff
}

.page-header {
    clear: both;
    margin: 0
}

.large-text {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .large-text {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .large-text {
        font-size: 1.25rem
    }
}

.small-text {
    font-size: .875rem;
    font-weight: 400
}

.hero-title,
.section-title {
    font-weight: 600;
    letter-spacing: normal;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.hero-title {
    color: #2d2d2e;
    margin: 0;
    padding-bottom: 0;
    font-size: 2.5rem
}

@media screen and (min-width:30em) {
    .hero-title {
        font-size: calc(2.5rem + 3 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .hero-title {
        font-size: 5.5rem
    }
}

.spec-sheet-pdf-project .hero-title,
.text-white .hero-title {
    color: #fff
}

.section-title {
    color: #2d2d2e;
    line-height: 1.25;
    display: block;
    margin-top: 0;
    font-size: 1.75rem
}

@media screen and (min-width:30em) {
    .section-title {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

/*2023change*/
@media screen and (min-width:80em) {
    .section-title {
        /*font-size: 2.5rem*/
      font-size:2.0rem;
    }
}

.section-title:after {
    background-color: rgba(0, 0, 0, .08);
    content: '';
    display: block;
    height: .075em;
    margin: .5em auto 0;
    max-height: 3px;
    min-height: 2px;
    min-width: 32px;
    width: 1em
}

.spec-sheet-pdf-project .section-title,
.text-white .section-title {
    color: #fff
}

.section-sub-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    display: block
}

.listing-header .listing-header-title,
blockquote {
    letter-spacing: normal;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.spec-sheet-pdf-project .section-sub-title,
.text-white .section-sub-title {
    color: #fff
}

.large-paragraph {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .large-paragraph {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .large-paragraph {
        font-size: 1.00rem
    }
}

.small-paragraph {
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width:70em) {
    .small-paragraph {
        font-size: 1rem;
        font-weight: 400
    }
}

blockquote {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.625;
    border-left: 2px solid #5a5b5c;
    margin: 1.5rem !important;
    padding: 0 0 0 1.5em;
    text-indent: -.425em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    blockquote {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    blockquote {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project blockquote,
.text-white blockquote {
    color: #fff
}

blockquote :first-child {
    margin-top: 0
}

blockquote :last-child {
    margin-bottom: 0
}

blockquote>div,
blockquote>p {
    display: inline
}

blockquote::before {
    content: open-quote
}

blockquote::after {
    content: close-quote
}

blockquote+.quote-attribution {
    color: #2d2d2e;
    display: block;
    margin: -.5rem 1.5rem 1.5rem
}

blockquote+.quote-attribution:before {
    content: '\2014';
    padding-right: .25em
}

.quote-attribution {
    display: block;
    font-size: 1rem;
    font-weight: 400
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.spec-sheet-pdf-project,
.text-white {
    color: rgba(255, 255, 255, .85)
}

.spec-sheet-pdf-project .custom-h2,
.spec-sheet-pdf-project .custom-h3,
.spec-sheet-pdf-project .custom-h4,
.spec-sheet-pdf-project .custom-h5,
.spec-sheet-pdf-project .heading1,
.spec-sheet-pdf-project .heading2,
.spec-sheet-pdf-project .heading3,
.spec-sheet-pdf-project .heading4,
.spec-sheet-pdf-project .heading5,
.spec-sheet-pdf-project .section-title,
.spec-sheet-pdf-project h1,
.spec-sheet-pdf-project h2,
.spec-sheet-pdf-project h3,
.spec-sheet-pdf-project h4,
.spec-sheet-pdf-project h5,
.text-white .custom-h2,
.text-white .custom-h3,
.text-white .custom-h4,
.text-white .custom-h5,
.text-white .heading1,
.text-white .heading2,
.text-white .heading3,
.text-white .heading4,
.text-white .heading5,
.text-white .section-title,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5 {
    color: #fff
}

.spec-sheet-pdf-project .section-title:after,
.text-white .section-title:after {
    background-color: #fff;
    opacity: .2
}

hr {
    background: rgba(0, 0, 0, .08);
    border: none;
    height: 1px;
    margin: 2.5vmin 0
}

@media screen and (min-width:70em) {
    hr {
        margin: 1.5vmin 0
    }
}

.spec-sheet-pdf-project hr,
.text-white hr {
    background: rgba(255, 255, 255, .2)
}

hr.hr-large {
    margin: 5vmin 0
}

@media screen and (min-width:70em) {
    hr.hr-large {
        margin: 3vmin 0
    }
}

.listing-header {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.5vmin
}

@media screen and (min-width:70em) {
    .listing-header {
        margin-bottom: 1.5vmin
    }
}

.listing-header .listing-header-title {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.375;
    margin: 0 5vmin 0 0;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .listing-header .listing-header-title {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .listing-header .listing-header-title {
        font-size: 1.75rem
    }
}

.spec-sheet-pdf-project .listing-header .listing-header-title,
.text-white .listing-header .listing-header-title {
    color: #fff
}

.listing-header .view-more {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .listing-header .view-more {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .listing-header .view-more {
        font-size: 1.25rem
    }
}

.no-wrap {
    white-space: nowrap
}

.status-flag {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.125;
    border: 1px solid #5a5b5c;
    border-radius: 3px;
    color: #5a5b5c;
    padding: .175em .5em;
    text-transform: uppercase
}

.status-obsolete {
    border-color: #c8322b;
    color: #c8322b
}

.product-price {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.25;
    color: #2d2d2e;
    margin: 0;
    font-size: 1.75rem
}

@media screen and (min-width:30em) {
    .product-price {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .product-price {
        font-size: 2.5rem
    }
}

.spec-sheet-pdf-project .product-price,
.text-white .product-price {
    color: #fff
}

.product-price sup {
    color: #5a5b5c;
    font-size: .5em;
    top: -.75em
}

.article-detail {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .article-detail {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .article-detail {
        font-size: 1.25rem
    }
}

.article-detail .arrow-link {
    font-weight: inherit
}

a {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
    /* color: #c8322b */
    color:black;
}

/* a:focus,
a:hover {
    color: #2d2d2e
} */

.spec-sheet-pdf-project a,
.text-white a {
    color: #fff
}

.arrow-link {
    font-weight: 600
}

.arrow-link .icon {
    display: inline-block;
    fill: currentColor;
    height: .375em;
    min-height: .5rem;
    min-width: .25rem;
    vertical-align: middle;
    width: .1875em
}

.arrow-link:focus span:not(.no-wrap),
.arrow-link:hover span:not(.no-wrap) {
    border-bottom: 1px solid
}

.large-text .arrow-link {
    font-weight: inherit
}

a.icon-link {
    color: #2d2d2e;
    display: block;
    padding-left: 1.5em;
    position: relative
}

a.icon-link .icon {
    display: block;
    height: 1em;
    left: 0;
    margin-top: .375em;
    position: absolute;
    width: 1em
}

a.icon-link svg {
    display: block;
    fill: #5a5b5c;
    margin: 0 auto
}

a.icon-link:focus,
a.icon-link:hover {
    color: #c8322b
}

a.icon-link .icon-close {
    height: .75em;
    margin-top: .125em;
    width: .75em
}

a.icon-link .icon-download,
a.icon-link .icon-link,
a.icon-link .icon-pencil {
    height: 1em;
    width: 1em
}

a.back-to-top {
    font-size: .875rem;
    color: #5a5b5c
}

a.back-to-top-floating {
    background-color: #5a5b5c;
    border-radius: 3px;
    bottom: .5rem;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .15);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .15);
    height: 0;
    line-height: 2.5em;
    opacity: 0;
    position: fixed;
    right: .5rem;
    text-align: center;
    -webkit-transition: .3s opacity ease-out;
    transition: .3s opacity ease-out;
    width: 2.5rem;
    z-index: 9000
}

a.back-to-top-floating svg {
    display: inline-block;
    fill: #fff;
    height: .5rem;
    width: 1rem
}

a.back-to-top-floating:focus,
a.back-to-top-floating:hover {
    background-color: #c8322b;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}

a.back-to-top-floating.active {
    height: 2.5rem;
    opacity: 1
}

a.a11y-skip-link {
    background: #c8322b;
    color: #fff;
    left: 0;
    padding: .5rem 1rem;
    position: absolute;
    top: 0;
    z-index: 9990
}

a.a11y-skip-link:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
    width: 1px
}

a.a11y-skip-link:focus,
a.a11y-skip-link:hover {
    color: #fff
}

.sharethis-inline-share-buttons {
    margin: 1.5rem 0
}

.form-wrapper {
    background: #f7f7f7;
    padding: 5vmin
}

@media screen and (min-width:70em) {
    .form-wrapper {
        padding: 1.5vmin 3vmin
    }
}

.form-wrapper .unit {
    margin: .5em 0
}

.form-centered {
    margin-left: auto;
    margin-right: auto;
    max-width: 30em
}

.form-centered .submit {
    text-align: center
}

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.form-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.form-fields .form-field {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    margin: 0
}

.form-fields .form-field+.form-field {
    margin-left: 1.25em
}

@media screen and (min-width:30em) {
    .form-fields-alpha {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .form-fields-alpha .form-field {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin: 0
    }

    .form-fields-alpha .form-field+.form-field {
        margin-left: 1.25em
    }
}

@media screen and (min-width:56em) {
    .page-header {
        clear: none
    }

    a.back-to-top-floating {
        bottom: 1rem;
        right: 1rem
    }

    .form-fields-bravo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .form-fields-bravo .form-field {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin: 0
    }

    .form-fields-bravo .form-field+.form-field {
        margin-left: 1.25em
    }
}

@media screen and (min-width:70em) {
    .form-fields-charlie {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .form-fields-charlie .form-field {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin: 0
    }

    .form-fields-charlie .form-field+.form-field {
        margin-left: 1.25em
    }
}

@media screen and (min-width:80em) {
    .form-fields-delta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .form-fields-delta .form-field {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin: 0
    }

    .form-fields-delta .form-field+.form-field {
        margin-left: 1.25em
    }
}

@media screen and (min-width:102em) {
    .form-fields-hero {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .form-fields-hero .form-field {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin: 0
    }

    .form-fields-hero .form-field+.form-field {
        margin-left: 1.25em
    }
}

@media screen and (min-width:110em) {
    .form-fields-echo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .form-fields-echo .form-field {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin: 0
    }

    .form-fields-echo .form-field+.form-field {
        margin-left: 1.25em
    }
}

legend {
    display: block
}

/* 2023change */
form.EPiServerForms .Form__Element .Form__Element__Caption,
label {
    color: #2d2d2e;
    font-size: 1rem;
    font-weight: 600;
    /* display: block; */
    letter-spacing: normal;
    margin: 0 0 .25rem;
    min-width: 0;
    text-transform: none
}

form.EPiServerForms .Form__Element .Form__Element__Caption input[type=checkbox],
form.EPiServerForms .Form__Element .Form__Element__Caption input[type=radio],
label input[type=checkbox],
label input[type=radio] {
    margin-right: .35em
}

.spec-sheet-pdf-project form.EPiServerForms .Form__Element .Form__Element__Caption,
.spec-sheet-pdf-project label,
.text-white form.EPiServerForms .Form__Element .Form__Element__Caption,
.text-white label {
    color: #fff
}

.required>label:after,
label.required:after {
    color: #c8322b;
    content: ' *';
    font-size: 1.5em;
    line-height: 0;
    vertical-align: middle
}

/* 2023change */
input:not([type]),
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=tel],
input[type=time],
input[type=url],
input[type=color],
input[type=number],
input[type=search],
select,
textarea {
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, .16);
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #2d2d2e;
    display: block;
    font-size: 1em;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: inherit;
    line-height: 1.25;
    /* max-width: 30em; */
    padding: .75em 1em;
    width: 100%
}

input:focus:not([type]),
input:focus[type=text],
input:focus[type=password],
input:focus[type=date],
input:focus[type=datetime],
input:focus[type=datetime-local],
input:focus[type=month],
input:focus[type=week],
input:focus[type=email],
input:focus[type=tel],
input:focus[type=time],
input:focus[type=url],
input:focus[type=color],
input:focus[type=number],
input:focus[type=search],
select:focus,
textarea:focus {
    border-color: #5a5b5c
}

.ValidationFail>input:not([type]),
.ValidationFail>input[type=text],
.ValidationFail>input[type=password],
.ValidationFail>input[type=date],
.ValidationFail>input[type=datetime],
.ValidationFail>input[type=datetime-local],
.ValidationFail>input[type=month],
.ValidationFail>input[type=week],
.ValidationFail>input[type=email],
.ValidationFail>input[type=tel],
.ValidationFail>input[type=time],
.ValidationFail>input[type=url],
.ValidationFail>input[type=color],
.ValidationFail>input[type=number],
.ValidationFail>input[type=search],
.ValidationFail>select,
.ValidationFail>textarea {
    border-color: #c8322b
}

input:disabled:not([type]),
input:disabled[type=text],
input:disabled[type=password],
input:disabled[type=date],
input:disabled[type=datetime],
input:disabled[type=datetime-local],
input:disabled[type=month],
input:disabled[type=week],
input:disabled[type=email],
input:disabled[type=tel],
input:disabled[type=time],
input:disabled[type=url],
input:disabled[type=color],
input:disabled[type=number],
input:disabled[type=search],
select:disabled,
textarea:disabled {
    opacity: .5
}

.spec-sheet-pdf-project input:not([type]),
.spec-sheet-pdf-project input[type=text],
.spec-sheet-pdf-project input[type=password],
.spec-sheet-pdf-project input[type=date],
.spec-sheet-pdf-project input[type=datetime],
.spec-sheet-pdf-project input[type=datetime-local],
.spec-sheet-pdf-project input[type=month],
.spec-sheet-pdf-project input[type=week],
.spec-sheet-pdf-project input[type=email],
.spec-sheet-pdf-project input[type=tel],
.spec-sheet-pdf-project input[type=time],
.spec-sheet-pdf-project input[type=url],
.spec-sheet-pdf-project input[type=color],
.spec-sheet-pdf-project input[type=number],
.spec-sheet-pdf-project input[type=search],
.spec-sheet-pdf-project select,
.spec-sheet-pdf-project textarea,
.text-white input:not([type]),
.text-white input[type=text],
.text-white input[type=password],
.text-white input[type=date],
.text-white input[type=datetime],
.text-white input[type=datetime-local],
.text-white input[type=month],
.text-white input[type=week],
.text-white input[type=email],
.text-white input[type=tel],
.text-white input[type=time],
.text-white input[type=url],
.text-white input[type=color],
.text-white input[type=number],
.text-white input[type=search],
.text-white select,
.text-white textarea {
    border-color: #fff
}

input[type=color] {
    height: 2em;
    max-width: none;
    padding: 2px;
    width: 3em
}

input[type=file] {
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: .1px;
    z-index: -1
}

form.EPiServerForms .Form__Element[data-f-type=fileupload] .Form__Element__Caption,
input[type=file]+label {
    background-color: #5a5b5c;
    border: 2px solid #5a5b5c;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
    max-width: 25em;
    padding: .5em 1.75em;
    text-align: center;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.spec-sheet-pdf-project form.EPiServerForms .Form__Element[data-f-type=fileupload] .Form__Element__Caption,
.spec-sheet-pdf-project input[type=file]+label,
.text-white form.EPiServerForms .Form__Element[data-f-type=fileupload] .Form__Element__Caption,
.text-white input[type=file]+label {
    border-color: #fff;
    background-color: transparent;
    color: #fff
}

form.EPiServerForms .Form__Element[data-f-type=fileupload] .Form__Element__Caption:focus,
form.EPiServerForms .Form__Element[data-f-type=fileupload] .Form__Element__Caption:hover,
input[type=file]+label:focus,
input[type=file]+label:hover {
    background-color: #2d2d2e;
    border-color: #2d2d2e
}

.spec-sheet-pdf-project form.EPiServerForms .Form__Element[data-f-type=fileupload] .Form__Element__Caption:focus,
.spec-sheet-pdf-project form.EPiServerForms .Form__Element[data-f-type=fileupload] .Form__Element__Caption:hover,
.spec-sheet-pdf-project input[type=file]+label:focus,
.spec-sheet-pdf-project input[type=file]+label:hover,
.text-white form.EPiServerForms .Form__Element[data-f-type=fileupload] .Form__Element__Caption:focus,
.text-white form.EPiServerForms .Form__Element[data-f-type=fileupload] .Form__Element__Caption:hover,
.text-white input[type=file]+label:focus,
.text-white input[type=file]+label:hover {
    background-color: #fff;
    border-color: #fff;
    color: #5a5b5c
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%235a5b5c%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-position: right .7em top 50%;
    background-repeat: no-repeat;
    background-size: .65em auto
}

select::-ms-expand {
    display: none
}

optgroup {
    color: #5a5b5c;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1rem;
    font-style: normal
}

optgroup:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    margin-bottom: 1em;
    padding-bottom: .75em
}

option {
    color: #5a5b5c;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1rem;
    letter-spacing: .0125em;
    line-height: 1.75;
    padding: .25em 0;
    text-transform: none
}

input[type=checkbox],
input[type=radio] {
    float: left;
    height: 0 !important;
    left: 0;
    opacity: 0;
    top: 0;
    width: 0 !important
}

input[type=checkbox]+label,
input[type=radio]+label {
    color: #5a5b5c;
    cursor: pointer;
    font-size: 1em;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: 1.5;
    margin-bottom: .375em;
    padding-left: 1.375rem;
    position: relative;
    text-transform: none
}

.spec-sheet-pdf-project input[type=checkbox]+label,
.spec-sheet-pdf-project input[type=radio]+label,
.text-white input[type=checkbox]+label,
.text-white input[type=radio]+label {
    color: rgba(255, 255, 255, .85)
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, .16);
    border-radius: 3px;
    content: '';
    display: block;
    font-size: .75rem;
    height: 1rem;
    left: 0;
    line-height: 1;
    margin-top: .25rem;
    position: absolute;
    text-align: center;
    -webkit-transition: .2s border-color ease-out, .2s background ease-out;
    transition: .2s border-color ease-out, .2s background ease-out;
    width: 1rem
}

.spec-sheet-pdf-project input[type=checkbox]+label:before,
.spec-sheet-pdf-project input[type=radio]+label:before,
.text-white input[type=checkbox]+label:before,
.text-white input[type=radio]+label:before {
    background: 0 0;
    border-color: rgba(255, 255, 255, .65)
}

.large-text input[type=checkbox]+label:before,
.large-text input[type=radio]+label:before {
    margin-top: .375rem
}

input[type=checkbox]+label:focus:before,
input[type=checkbox]+label:hover:before,
input[type=radio]+label:focus:before,
input[type=radio]+label:hover:before {
    border-color: #5a5b5c
}

.spec-sheet-pdf-project input[type=checkbox]+label:focus:before,
.spec-sheet-pdf-project input[type=checkbox]+label:hover:before,
.spec-sheet-pdf-project input[type=radio]+label:focus:before,
.spec-sheet-pdf-project input[type=radio]+label:hover:before,
.text-white input[type=checkbox]+label:focus:before,
.text-white input[type=checkbox]+label:hover:before,
.text-white input[type=radio]+label:focus:before,
.text-white input[type=radio]+label:hover:before {
    border-color: #fff
}

input:focus[type=checkbox]+label:before,
input:focus[type=radio]+label:before {
    border-color: #5a5b5c
}

.spec-sheet-pdf-project input:focus[type=checkbox]+label:before,
.spec-sheet-pdf-project input:focus[type=radio]+label:before,
.text-white input:focus[type=checkbox]+label:before,
.text-white input:focus[type=radio]+label:before {
    border-color: #fff
}

input[type=checkbox]+label:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Arial, sans-serif;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

input[type=checkbox]:checked+label:before {
    background-color: #5a5b5c;
    border-color: #5a5b5c;
    color: #fff;
    content: '\2713';
    font-weight: 600
}

.spec-sheet-pdf-project input[type=checkbox]:checked+label:before,
.text-white input[type=checkbox]:checked+label:before {
    border-color: #fff;
    background-color: #fff;
    color: #2d2d2e
}

input[type=radio]+label:before {
    border-radius: 100%
}

input[type=radio]:checked+label:before {
    background-color: #fff;
    border-color: #5a5b5c;
    -webkit-box-shadow: inset 0 0 0 .1875rem #5a5b5c;
    box-shadow: inset 0 0 0 .1875rem #5a5b5c
}

.spec-sheet-pdf-project input[type=radio]:checked+label:before,
.text-white input[type=radio]:checked+label:before {
    background-color: #5a5b5c;
    border-color: #fff;
    -webkit-box-shadow: inset 0 0 0 .1875rem #fff;
    box-shadow: inset 0 0 0 .1875rem #fff;
    color: #2d2d2e
}

input[type=radio]:focus-visible+label:before {
    background-color: #5a5b5c;
    -webkit-box-shadow: inset 0 0 0 .1875rem #fff;
    box-shadow: inset 0 0 0 .1875rem #fff
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #75766f
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #75766f
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #75766f
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #75766f
}

.form-field,
form.EPiServerForms .Form__Element {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.Form__Element__ValidationError,
.ValidationFail>.Form__Element__Caption,
.ValidationFail>label {
    color: #c8322b;
    font-size: .875rem
}

.form-field-tip {
    display: block;
    font-size: .875rem;
    margin: .5rem 0
}

input[type=range] {
    -webkit-appearance: none;
    background-color: transparent;
    margin: .5rem 0;
    max-width: 30em;
    width: 100%
}

input[type=range]:focus {
    outline: 0
}

input[type=range]::-webkit-slider-runnable-track {
    background: rgba(0, 0, 0, .16);
    border: none;
    border-radius: 1px;
    cursor: pointer;
    height: 2px;
    width: 100%
}

.spec-sheet-pdf-project input[type=range]::-webkit-slider-runnable-track,
.text-white input[type=range]::-webkit-slider-runnable-track {
    background: rgba(255, 255, 255, .65)
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: 2px solid #5a5b5c;
    border-radius: 100px;
    cursor: pointer;
    height: 1rem;
    margin-top: -.5rem;
    width: 1rem
}

.spec-sheet-pdf-project input[type=range]::-webkit-slider-thumb,
.text-white input[type=range]::-webkit-slider-thumb {
    border-color: #fff
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #5a5b5c
}

.spec-sheet-pdf-project input[type=range]:focus::-webkit-slider-runnable-track,
.text-white input[type=range]:focus::-webkit-slider-runnable-track {
    background: #fff
}

input[type=range]::-moz-range-track {
    background: rgba(0, 0, 0, .16);
    border: none;
    border-radius: 1px;
    cursor: pointer;
    height: 2px;
    width: 100%
}

.spec-sheet-pdf-project input[type=range]::-moz-range-track,
.text-white input[type=range]::-moz-range-track {
    background: rgba(255, 255, 255, .65)
}

input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 2px solid #5a5b5c;
    border-radius: 100%;
    cursor: pointer;
    height: 1rem;
    width: 1rem
}

.spec-sheet-pdf-project input[type=range]::-moz-range-thumb,
.text-white input[type=range]::-moz-range-thumb {
    border-color: #fff
}

input[type=range]::-ms-track {
    background: 0 0;
    border-color: transparent;
    border-width: .5rem 0;
    color: transparent;
    cursor: pointer;
    height: 2px;
    width: 100%
}

input[type=range]::-ms-fill-lower {
    background: rgba(0, 0, 0, .16);
    border: none;
    border-radius: 1px
}

.spec-sheet-pdf-project input[type=range]::-ms-fill-lower,
.text-white input[type=range]::-ms-fill-lower {
    background: rgba(255, 255, 255, .65)
}

input[type=range]::-ms-fill-upper {
    background: rgba(0, 0, 0, .16);
    border: none;
    border-radius: 1px
}

.spec-sheet-pdf-project input[type=range]::-ms-fill-upper,
.text-white input[type=range]::-ms-fill-upper {
    background: rgba(255, 255, 255, .65)
}

input[type=range]::-ms-thumb {
    background: #fff;
    border: 2px solid #5a5b5c;
    border-radius: 100px;
    cursor: pointer;
    height: 1rem;
    margin-top: 0;
    width: 1rem
}

.spec-sheet-pdf-project input[type=range]::-ms-thumb,
.text-white input[type=range]::-ms-thumb {
    border-color: #fff
}

input[type=range]:focus::-ms-fill-lower {
    background: #5a5b5c
}

.spec-sheet-pdf-project input[type=range]:focus::-ms-fill-lower,
.text-white input[type=range]:focus::-ms-fill-lower {
    background: #fff
}

input[type=range]:focus::-ms-fill-upper {
    background: #5a5b5c
}

.spec-sheet-pdf-project input[type=range]:focus::-ms-fill-upper,
.text-white input[type=range]:focus::-ms-fill-upper {
    background: #fff
}

@supports (-ms-ime-align:auto) {
    input[type=range] {
        margin: 0
    }
}

.floating-label {
    position: relative;
    overflow: hidden
}

.floating-label>label {
    border: 2px solid transparent;
    color: #75766f;
    font-size: 1em;
    font-weight: 400;
    height: 100%;
    left: 0;
    line-height: 1.25;
    margin: 0;
    padding: .75em 1em;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 150ms ease-out, -webkit-transform .2s ease-out;
    transition: opacity 150ms ease-out, -webkit-transform .2s ease-out;
    transition: opacity 150ms ease-out, transform .2s ease-out;
    transition: opacity 150ms ease-out, transform .2s ease-out, -webkit-transform .2s ease-out;
    white-space: nowrap
}

.floating-label>input::-webkit-input-placeholder {
    color: transparent
}

.floating-label>input::-moz-placeholder {
    color: transparent
}

.floating-label>input::-ms-input-placeholder {
    color: transparent
}

.floating-label>input::placeholder {
    color: transparent
}

.floating-label>input:focus,
.floating-label>input:not(:placeholder-shown) {
    padding-bottom: .375em;
    padding-top: 1.125em
}

.floating-label>input:-webkit-autofill {
    padding-bottom: .375em;
    padding-top: 1.125em
}

.floating-label>input:focus~label,
.floating-label>input:not(:placeholder-shown)~label {
    -webkit-transform: scale(.8125) translateY(-.5625em) translateX(.25em);
    transform: scale(.8125) translateY(-.5625em) translateX(.25em)
}

.floating-label>input:-webkit-autofill~label {
    -webkit-transform: scale(.8125) translateY(-.5625em) translateX(.25em);
    transform: scale(.8125) translateY(-.5625em) translateX(.25em)
}

.floating-label>select:not([data-value='']):valid {
    padding-bottom: .375em;
    padding-top: 1.125em
}

.floating-label>select:not([data-value='']):valid~label {
    -webkit-transform: scale(.8125) translateY(-.5625em) translateX(.25em);
    transform: scale(.8125) translateY(-.5625em) translateX(.25em)
}

form.EPiServerForms button.Form__Element,
form.EPiServerForms input.Form__Element {
    margin-bottom: 0;
    margin-top: 0
}

.EPiServerForms .Form__Status .Form__Status__Message.hide {
    display: none
}

.FormChoice--Image {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.FormChoice--Image .Form__Element__Caption {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.FormChoice--Image__Item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-right: .5rem;
    max-width: 15em;
    position: relative;
    text-align: center
}

.FormChoice--Image__Item:focus img,
.FormChoice--Image__Item:hover img {
    -webkit-box-shadow: inset 0 0 0 .125rem rgba(45, 45, 46, .18);
    box-shadow: inset 0 0 0 .125rem rgba(45, 45, 46, .18)
}

.FormChoice--Image__Item__Caption {
    margin-bottom: .5rem
}

.FormChoice--Image__Item img {
    background-color: #fff;
    display: block;
    padding: .375rem;
    margin-bottom: .5rem
}

.FormChoice--Image__Item input:checked~img {
    -webkit-box-shadow: inset 0 0 0 .125rem #2d2d2e;
    box-shadow: inset 0 0 0 .125rem #2d2d2e
}

.dropdown-menu,
.ui-datepicker {
    -webkit-box-shadow: 0 .375em 1.5em rgba(0, 0, 0, .03), 0 .625em 3em rgba(0, 0, 0, .08)
}

.FormChoice--Image__Item input:checked~.FormChoice--Image__Item__Caption:after {
    background-color: #fff;
    top: .125rem;
    color: #2d2d2e;
    content: '\2713';
    font-size: .75rem;
    height: 1.125rem;
    line-height: 1.125rem;
    position: absolute;
    right: .125rem;
    text-align: center;
    width: 1.125rem
}

.EPiServerForms .FormRange>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5em;
    max-width: 30em
}

.EPiServerForms .FormRange .FormRange__Input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.EPiServerForms .FormRange .FormRange__Max,
.EPiServerForms .FormRange .FormRange__Min {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.reverse-lookup-form {
    margin-bottom: 5vmin
}

.reverse-lookup-form input {
    max-width: none
}

.reverse-lookup-form .browse-fabric {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding-top: 1em
}

.filter-manufacturer {
    margin-bottom: 1em
}

.filter-manufacturer:after {
    clear: both;
    content: "";
    display: table
}

.filter-manufacturer select {
    margin-bottom: 1em;
    max-width: 14em
}

@media screen and (min-width:56em) {
    .reverse-lookup-form .btn {
        margin-top: 1.6em
    }

    .filter-manufacturer h4 {
        float: left;
        padding-top: .25em
    }

    .filter-manufacturer .btn-secondary {
        float: right;
        margin-left: 3vmin
    }

    .filter-manufacturer select {
        float: right;
        margin-bottom: 0;
        margin-left: 3vmin
    }
}

.search-box {
    max-width: 30em;
    position: relative
}

.search-box input {
    max-width: none;
    padding-right: 2.25em;
    width: 100%
}

.search-box button,
.search-box button[type=submit] {
    background: 0 0;
    border: none;
    height: 100%;
    line-height: inherit;
    padding: 1em;
    position: absolute;
    right: 0;
    top: 0
}

.search-box button .search-icon,
.search-box button[type=submit] .search-icon {
    display: block;
    fill: #5a5b5c;
    height: .8125em;
    width: .8125em
}

.search-box button:focus,
.search-box button:hover,
.search-box button[type=submit]:focus,
.search-box button[type=submit]:hover {
    background: 0 0
}

.search-box button:focus .search-icon,
.search-box button:hover .search-icon,
.search-box button[type=submit]:focus .search-icon,
.search-box button[type=submit]:hover .search-icon {
    fill: #c8322b
}

.dataTables_filter input[type=search] {
    max-width: none
}

.form>:first-child {
    margin-top: 0
}

.form>:last-child {
    margin-bottom: 0
}

.form .error,
.form .field-error-description {
    color: #c8322b;
    margin: .5rem 0 0
}

.form>div:first-child:empty+script+* {
    margin-top: 0
}

.form .pd-captcha.hidden {
    display: block !important
}

.ui-datepicker {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 .375em 1.5em rgba(0, 0, 0, .03), 0 .625em 3em rgba(0, 0, 0, .08);
    display: none;
    padding: 1em
}

.ui-datepicker-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem
}

.ui-datepicker-next,
.ui-datepicker-prev {
    display: none
}

.ui-datepicker-month,
.ui-datepicker-year {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

.ui-datepicker-month {
    margin-right: .5rem
}

.ui-datepicker-calendar {
    text-align: center
}

.ui-datepicker-calendar th {
    font-size: .875rem;
    height: 2.5rem;
    padding: 0;
    text-align: center;
    width: 2.5rem
}

.ui-datepicker-calendar td {
    padding: 0
}

/* button按钮change */
.btn,
.btn-secondary,
button,
button[type=reset],
input[type=button],
input[type=reset] {
    font-size: 1rem;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.5;
    max-width: 25em;
    /* overflow: hidden; */
    padding: .625em 1.75em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer
}

.ui-datepicker-calendar a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    width: 2.5rem
}

.ui-datepicker-calendar a:focus,
.ui-datepicker-calendar a:hover {
    background: #c8322b;
    color: #fff
}

.ui-datepicker-today a {
    background-color: #ededed;
    color: #2d2d2e
}

.ui-datepicker-current-day a {
    background-color: #c8322b;
    color: #fff
}

.btn,
button,
input[type=button] {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    background-color: #5a5b5c;
    border: 2px solid #5a5b5c;
    color: #fff
}

.btn [class^=icon-],
button [class^=icon-],
input[type=button] [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.btn .icon-close,
button .icon-close,
input[type=button] .icon-close {
    height: .75em;
    width: .75em
}

.btn .icon-download,
button .icon-download,
input[type=button] .icon-download {
    height: 1em;
    width: 1em
}

/* 2023change */
.btn:focus,
.btn:hover,
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover {
    text-decoration: none;
    /* background-color: #2d2d2e; */
    border-color: #2d2d2e;
    color: #fff
}

/* .btn.active,
button.active,
input[type=button].active {
    background-color: #2d2d2e;
    border-color: #2d2d2e;
    color: #fff
} */

.btn-secondary,
button[type=reset],
input[type=reset] {
    background-color: transparent;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    border: 2px solid #5a5b5c;
    color: #5a5b5c
}

.btn-secondary [class^=icon-],
button[type=reset] [class^=icon-],
input[type=reset] [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.btn-secondary .icon-close,
button[type=reset] .icon-close,
input[type=reset] .icon-close {
    height: .75em;
    width: .75em
}

.btn-secondary .icon-download,
button[type=reset] .icon-download,
input[type=reset] .icon-download {
    height: 1em;
    width: 1em
}

.btn-secondary:focus,
.btn-secondary:hover,
button[type=reset]:focus,
button[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:hover {
    text-decoration: none;
    background-color: #5a5b5c;
    border-color: #5a5b5c;
    color: #fff
}

.btn-secondary.active,
button[type=reset].active,
input[type=reset].active {
    background-color: #5a5b5c;
    border-color: #5a5b5c;
    color: #fff
}

.spec-sheet-pdf-project .btn-secondary,
.spec-sheet-pdf-project button[type=reset],
.spec-sheet-pdf-project input[type=reset],
.text-white .btn-secondary,
.text-white button[type=reset],
.text-white input[type=reset] {
    border-color: #fff;
    color: #fff
}

.spec-sheet-pdf-project .btn-secondary:focus,
.spec-sheet-pdf-project .btn-secondary:hover,
.spec-sheet-pdf-project button[type=reset]:focus,
.spec-sheet-pdf-project button[type=reset]:hover,
.spec-sheet-pdf-project input[type=reset]:focus,
.spec-sheet-pdf-project input[type=reset]:hover,
.text-white .btn-secondary:focus,
.text-white .btn-secondary:hover,
.text-white button[type=reset]:focus,
.text-white button[type=reset]:hover,
.text-white input[type=reset]:focus,
.text-white input[type=reset]:hover {
    background-color: #fff;
    color: #2d2d2e
}

/* 2023change */
/* .btn-cta,
button[type=submit],
input[type=submit] {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.5;
    max-width: 25em;
    overflow: hidden;
    padding: .625em 1.75em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle;
    background-color: #c8322b;
    border: 2px solid #c8322b;
    color: #fff
} */

.btn-disabled,
.btn-white,
button:disabled {
    -webkit-box-shadow: none;
    font-size: 1rem;
    max-width: 25em;
    overflow: hidden;
    padding: .625em 1.75em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    line-height: 1.5;
    font-weight: 600;
    vertical-align: middle;
    /* position: relative; */
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.btn-cta [class^=icon-],
button[type=submit] [class^=icon-],
input[type=submit] [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.btn-cta .icon-close,
button[type=submit] .icon-close,
input[type=submit] .icon-close {
    height: .75em;
    width: .75em
}

.btn-cta .icon-download,
button[type=submit] .icon-download,
input[type=submit] .icon-download {
    height: 1em;
    width: 1em
}

.btn-cta:focus,
.btn-cta:hover,
button[type=submit]:focus,
button[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    text-decoration: none;
    background-color: #2d2d2e;
    border-color: #2d2d2e;
    color: #fff
}

.btn-cta.active,
button[type=submit].active,
input[type=submit].active {
    background-color: #2d2d2e;
    border-color: #2d2d2e;
    color: #fff
}

.btn-white {
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.btn-white [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.btn-white .icon-close {
    height: .75em;
    width: .75em
}

.btn-white .icon-download {
    height: 1em;
    width: 1em
}

.btn-white:focus,
.btn-white:hover {
    text-decoration: none
}

.btn-white,
.spec-sheet-pdf-project .btn,
.spec-sheet-pdf-project .btn-cta,
.spec-sheet-pdf-project .btn-white,
.spec-sheet-pdf-project button,
.spec-sheet-pdf-project input[type=button],
.spec-sheet-pdf-project input[type=submit],
.text-white .btn,
.text-white .btn-cta,
.text-white .btn-white,
.text-white button,
.text-white input[type=button],
.text-white input[type=submit] {
    background-color: #fff;
    border: 2px solid #fff;
    color: #5a5b5c
}

.btn-white.active,
.btn-white:focus,
.btn-white:hover,
.spec-sheet-pdf-project .btn-cta.active,
.spec-sheet-pdf-project .btn-cta:focus,
.spec-sheet-pdf-project .btn-cta:hover,
.spec-sheet-pdf-project .btn-white.active,
.spec-sheet-pdf-project .btn-white:focus,
.spec-sheet-pdf-project .btn-white:hover,
.spec-sheet-pdf-project .btn.active,
.spec-sheet-pdf-project .btn:focus,
.spec-sheet-pdf-project .btn:hover,
.spec-sheet-pdf-project button.active,
.spec-sheet-pdf-project button:focus,
.spec-sheet-pdf-project button:hover,
.spec-sheet-pdf-project input[type=button].active,
.spec-sheet-pdf-project input[type=button]:focus,
.spec-sheet-pdf-project input[type=button]:hover,
.spec-sheet-pdf-project input[type=submit].active,
.spec-sheet-pdf-project input[type=submit]:focus,
.spec-sheet-pdf-project input[type=submit]:hover,
.text-white .btn-cta.active,
.text-white .btn-cta:focus,
.text-white .btn-cta:hover,
.text-white .btn-white.active,
.text-white .btn-white:focus,
.text-white .btn-white:hover,
.text-white .btn.active,
.text-white .btn:focus,
.text-white .btn:hover,
.text-white button.active,
.text-white button:focus,
.text-white button:hover,
.text-white input[type=button].active,
.text-white input[type=button]:focus,
.text-white input[type=button]:hover,
.text-white input[type=submit].active,
.text-white input[type=submit]:focus,
.text-white input[type=submit]:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.spec-sheet-pdf-project .btn-secondary,
.text-white .btn-secondary {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

.spec-sheet-pdf-project .btn-secondary.active,
.spec-sheet-pdf-project .btn-secondary:focus,
.spec-sheet-pdf-project .btn-secondary:hover,
.text-white .btn-secondary.active,
.text-white .btn-secondary:focus,
.text-white .btn-secondary:hover {
    background-color: #fff;
    color: #5a5b5c
}

/* 20230606change */
.btn-disabled,
button:disabled {
    background-color: transparent;
    border-radius: 3px;
    box-shadow: none;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    /* border: 2px solid #5a5b5c; */
    color: #5a5b5c;
    cursor: default;
    opacity: .5
}

td,
th {
    padding: .75rem 1.25rem
}

.accordion,
.list-table td,
th {
    text-align: left
}

.btn-disabled [class^=icon-],
button:disabled [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.btn-disabled .icon-close,
button:disabled .icon-close {
    height: .75em;
    width: .75em
}

.btn-disabled .icon-download,
button:disabled .icon-download {
    height: 1em;
    width: 1em
}

.btn-disabled:focus,
.btn-disabled:hover,
button:disabled:focus,
button:disabled:hover {
    text-decoration: none;
    background-color: transparent;
    border: 2px solid #5a5b5c;
    color: #5a5b5c
}

.btn-disabled.active,
button:disabled.active {
    background-color: #5a5b5c;
    color: #fff
}

.spec-sheet-pdf-project table,
.text-white table,
table {
    color: #5a5b5c
}

.filter-toggle-btn .menu-icon {
    background-color: #5a5b5c;
    display: inline-block;
    left: auto;
    margin: -.25em .25em 0 0;
    position: relative;
    top: auto
}

table,
table.list-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0
}

.filter-toggle-btn .menu-icon:after,
.filter-toggle-btn .menu-icon:before {
    background-color: #5a5b5c
}

.filter-toggle-btn:focus .menu-icon:after,
.filter-toggle-btn:focus .menu-icon:before,
.filter-toggle-btn:focus:not(.active) .menu-icon,
.filter-toggle-btn:hover .menu-icon:after,
.filter-toggle-btn:hover .menu-icon:before,
.filter-toggle-btn:hover:not(.active) .menu-icon,
table {
    background-color: #fff
}

table {
    font-size: .875rem;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    box-sizing: border-box
}

thead+tbody tr:nth-child(even),
tr:nth-child(odd) {
    background-color: #f7f7f7
}

thead+tbody .sub-head:first-child~tr:nth-child(even),
thead+tbody tr:nth-child(odd) {
    background-color: #fff
}

thead+tbody .sub-head:first-child~tr:nth-child(odd) {
    background-color: #f7f7f7
}

tr {
    border-left: 1px solid rgba(0, 0, 0, .08);
    border-right: 1px solid rgba(0, 0, 0, .08)
}

thead tr {
    border-color: #5a5b5c
}

th {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

thead th {
    background-color: #5a5b5c;
    color: #fff
}

tbody th {
    font-size: 1em
}

tbody:first-child {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

td {
    background-color: transparent
}

td>:first-child {
    margin-top: 0
}

td>:last-child {
    margin-bottom: 0
}

table .sub-head {
    background-color: #ededed !important;
    border-color: #ededed;
    border-top: 2px solid rgba(0, 0, 0, .08)
}

.list-table tbody:first-child,
thead+tbody .sub-head:first-child {
    border-top: none
}

table .sub-head td,
table .sub-head th {
    background-color: transparent;
    color: #5a5b5c;
    font-size: .875rem;
    vertical-align: middle
}

table .sub-head a {
    color: #fff
}

.js .scrolling-table {
    overflow: auto
}

.kb-in,
.kb-in-left,
.kb-in-right,
.kb-out,
.kb-out-left,
.slick-current .carousel-kb-in,
.slick-current .carousel-kb-in-left,
.slick-current .carousel-kb-in-right,
.slick-current .carousel-kb-out,
.slick-current .carousel-kb-out-left,
.slick-current .carousel-kb-out-right {
    overflow: hidden
}

table.list-table {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

@media screen and (min-width:56em) {
    table.list-table {
        display: table
    }
}

.list-table thead {
    display: none
}

@media screen and (min-width:56em) {
    .list-table thead {
        display: table-header-group
    }
}

.list-table tbody {
    display: block
}

@media screen and (min-width:56em) {
    .list-table tbody {
        display: table-row-group
    }

    .list-table tbody:first-child {
        border-top: 1px solid rgba(0, 0, 0, .08)
    }
}

.list-table tfoot {
    display: none
}

@media screen and (min-width:56em) {
    .list-table tfoot {
        display: table-footer-group
    }
}

.list-table tr {
    border-left: 1px solid rgba(0, 0, 0, .08);
    border-right: 1px solid rgba(0, 0, 0, .08);
    display: block;
    padding: 1rem 1.25rem
}

.list-table thead tr {
    background: #5a5b5c;
    border-color: #5a5b5c
}

.list-table tbody:first-of-type tr:first-child:not(.sub-head) {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

@media screen and (min-width:56em) {
    .list-table tr {
        display: table-row;
        padding: 0
    }

    .list-table tr:after {
        content: none
    }

    .list-table tbody:first-of-type tr:first-child:not(.sub-head) {
        border-top: none
    }

    .list-table thead+tbody tr:nth-child(odd) {
        background-color: #fff
    }

    .list-table thead+tbody tr:nth-child(even) {
        background-color: #f7f7f7
    }

    .list-table thead+tbody .sub-head:first-child~tr:nth-child(even) {
        background-color: #fff
    }

    .list-table thead+tbody .sub-head:first-child~tr:nth-child(odd) {
        background-color: #f7f7f7
    }
}

.list-table th {
    display: block;
    padding: 0
}

@media screen and (min-width:56em) {
    .list-table th {
        display: table-cell;
        margin-bottom: 0;
        padding: .75rem 1.25rem
    }

    .list-table thead th {
        background-color: #5a5b5c;
        color: #fff
    }
}

.list-table tbody tr:not(.sub-head) th {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    font-size: 1rem;
    margin-bottom: .75rem;
    padding-bottom: .75rem
}

@media screen and (min-width:56em) {
    .list-table tbody tr:not(.sub-head) th {
        border-bottom: none;
        font-size: 1em;
        margin-bottom: 0;
        padding: .75rem 1.25rem
    }
}

.list-table td {
    background-color: transparent;
    display: block;
    min-width: 100%;
    padding: 0
}

.list-table td+td {
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin-top: .75rem;
    padding-top: .75rem
}

@media screen and (min-width:56em) {
    .list-table td {
        display: table-cell;
        min-width: 0;
        padding: .75rem 1.25rem;
        position: static
    }

    .list-table td+td {
        border-top: none;
        margin-top: 0
    }
}

.list-table th+td {
    display: block
}

@media screen and (min-width:56em) {
    .list-table th+td {
        display: table-cell
    }
}

.list-table .empty-cell {
    display: none
}

@media screen and (min-width:56em) {
    .list-table .empty-cell {
        display: table-cell
    }
}

.list-table thead~tbody td:before {
    content: attr(data-col-heading);
    display: block;
    font-weight: 600;
    padding-right: 1rem
}

@media screen and (min-width:30em) {
    .list-table thead~tbody td:before {
        padding-top: 0
    }
}

.list-table caption {
    display: block
}

.list-table .sub-head {
    background-color: #5a5b5c !important;
    border-color: #5a5b5c;
    padding-bottom: .75rem;
    padding-top: .75rem
}

@media screen and (min-width:56em) {
    .list-table thead~tbody td:before {
        content: none
    }

    .list-table caption {
        display: table-caption
    }

    .list-table .sub-head {
        background-color: #ededed !important;
        border-color: #ededed;
        border-top-color: rgba(0, 0, 0, .08)
    }
}

.list-table .sub-head td,
.list-table .sub-head th {
    background-color: transparent;
    color: #fff;
    padding: 0;
    vertical-align: middle
}

@media screen and (min-width:56em) {

    .list-table .sub-head td,
    .list-table .sub-head th {
        color: #5a5b5c;
        padding: .75rem 1.25rem
    }
}

.flex-list,
.hlist,
.ilist,
.striped-list,
.unstyled-list,
.vlist {
    padding-left: 0
}

.list-table .sub-head th {
    font-size: 1rem
}

.list-table .sub-head td:not(.empty-cell):before {
    content: none
}

@media screen and (min-width:56em) {
    .list-table .sub-head th {
        font-size: 1em
    }

    .list-table thead+tbody .sub-head:first-child {
        border-top: none
    }
}

table.full-width {
    width: 100%
}

.dataTables_wrapper .dt-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: .5rem
}

.dataTables_wrapper .dt-buttons button {
    background: 0 0;
    border: none;
    border-radius: 0;
    color: #2d2d2e;
    font-weight: 400;
    line-height: inherit;
    max-width: none;
    padding: 0
}

.dataTables_wrapper .dt-buttons button>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5em
}

.dataTables_wrapper .dt-buttons button .icon {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex: 0 0 1em;
    height: 1em;
    width: 1em
}

.dataTables_wrapper .dt-buttons button svg {
    display: block;
    fill: #5a5b5c;
    margin: 0 auto
}

.specifications-table p:last-child,
.unstyled-list {
    margin-bottom: 0
}

.dataTables_wrapper .dt-buttons button:focus,
.dataTables_wrapper .dt-buttons button:hover {
    color: #c8322b
}

.dataTables_filter label {
    font-size: 1rem
}

table.dataTable thead .sorting {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='13px'%3E%3Cpath style='opacity:0.35; fill:%23FFFFFF;' d='M0.185,4.836C0.301,4.943,0.462,5.003,0.629,5h8.741c0.171,0,0.318-0.055,0.441-0.164 C9.932,4.734,10,4.594,10,4.446c0-0.152-0.062-0.283-0.185-0.392l-4.378-3.89C5.315,0.055,5.171,0,5,0S4.685,0.055,4.562,0.164 L0.185,4.057C0.065,4.164,0,4.294,0,4.446c0,0.152,0.065,0.28,0.188,0.389L0.185,4.836z'/%3E %3Cpath style='opacity:0.35;fill:%23FFFFFF;' d='M9.815,8.164C9.699,8.057,9.538,7.997,9.371,8H0.629C0.458,8,0.311,8.055,0.188,8.164 C0.068,8.266,0,8.406,0,8.554c0,0.152,0.062,0.283,0.185,0.392l4.378,3.89C4.685,12.945,4.829,13,5,13s0.315-0.055,0.438-0.164 l4.378-3.893C9.935,8.836,10,8.706,10,8.554c0-0.152-0.065-0.28-0.188-0.389H9.815z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    cursor: pointer;
    padding-right: 2rem
}

table.dataTable thead .sorting.sorting_asc,
table.dataTable thead .sorting:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='13px'%3E%3Cpath style='fill:%23FFFFFF;' d='M0.185,4.836C0.301,4.943,0.462,5.003,0.629,5h8.741c0.171,0,0.318-0.055,0.441-0.164 C9.932,4.734,10,4.594,10,4.446c0-0.152-0.062-0.283-0.185-0.392l-4.378-3.89C5.315,0.055,5.171,0,5,0S4.685,0.055,4.562,0.164 L0.185,4.057C0.065,4.164,0,4.294,0,4.446c0,0.152,0.065,0.28,0.188,0.389L0.185,4.836z'/%3E %3Cpath style='opacity:0.35;fill:%23FFFFFF;' d='M9.815,8.164C9.699,8.057,9.538,7.997,9.371,8H0.629C0.458,8,0.311,8.055,0.188,8.164 C0.068,8.266,0,8.406,0,8.554c0,0.152,0.062,0.283,0.185,0.392l4.378,3.89C4.685,12.945,4.829,13,5,13s0.315-0.055,0.438-0.164 l4.378-3.893C9.935,8.836,10,8.706,10,8.554c0-0.152-0.065-0.28-0.188-0.389H9.815z'/%3E%3C/svg%3E")
}

table.dataTable thead .sorting:hover {
    background-color: #2d2d2e
}

table.dataTable thead .sorting.sorting_desc,
table.dataTable thead .sorting.sorting_desc:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='13px'%3E%3Cpath style='opacity:0.35;fill:%23FFFFFF;' d='M0.185,4.836C0.301,4.943,0.462,5.003,0.629,5h8.741c0.171,0,0.318-0.055,0.441-0.164 C9.932,4.734,10,4.594,10,4.446c0-0.152-0.062-0.283-0.185-0.392l-4.378-3.89C5.315,0.055,5.171,0,5,0S4.685,0.055,4.562,0.164 L0.185,4.057C0.065,4.164,0,4.294,0,4.446c0,0.152,0.065,0.28,0.188,0.389L0.185,4.836z'/%3E %3Cpath style='fill:%23FFFFFF;' d='M9.815,8.164C9.699,8.057,9.538,7.997,9.371,8H0.629C0.458,8,0.311,8.055,0.188,8.164 C0.068,8.266,0,8.406,0,8.554c0,0.152,0.062,0.283,0.185,0.392l4.378,3.89C4.685,12.945,4.829,13,5,13s0.315-0.055,0.438-0.164 l4.378-3.893C9.935,8.836,10,8.706,10,8.554c0-0.152-0.065-0.28-0.188-0.389H9.815z'/%3E%3C/svg%3E")
}

.specifications-table thead {
    display: block
}

@media screen and (min-width:56em) {
    .specifications-table thead {
        display: table-header-group
    }
}

.specifications-table p {
    font-size: 1em;
    font-weight: 400
}

.accordion .accordion-header,
dt {
    font-weight: 600;
    letter-spacing: normal
}

.specifications-table p:first-child {
    margin-top: 0
}

.unstyled-list {
    list-style-type: none;
    margin-top: 0
}

.unstyled-list>li {
    margin: .5em 0
}

.flex-list,
.hlist,
.ilist,
.ruled-list,
.striped-list,
.vlist {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none
}

.vlist {
    padding-bottom: 0
}

.vlist>li {
    display: block
}

.hlist:after {
    clear: both;
    content: "";
    display: table
}

.hlist>li {
    float: left
}

.ilist>li {
    display: inline-block;
    vertical-align: top
}

.flex-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article-figure img,
.pull-left img,
.pull-left-large img,
.pull-right img,
.pull-right-large img,
figure img,
iframe,
span.float-left,
span.float-right,
span.pull-left,
span.pull-left-large,
span.pull-right,
span.pull-right-large {
    display: block
}

.striped-list li {
    padding: .75em 1em
}

.striped-list li:nth-child(odd) {
    background-color: #f7f7f7
}

.ruled-list {
    padding-left: 0;
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.ruled-list li {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding: .75em 0
}

dt {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.625;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    dt {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    dt {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project dt,
.text-white dt {
    color: #fff
}

dd {
    margin-left: 0
}

dd+dt {
    margin-top: 1em
}

img {
    height: auto !important;
    max-width: 100%
}

svg {
    fill: currentColor
}

.article-figure,
figure {
    margin: 2.5vmin 0
}

.article-figure img,
figure img {
    width: 100%
}

.article-figure-caption,
figcaption {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    display: block;
    font-size: 1rem;
    font-style: italic;
    padding: 1em
}

.article-figure-caption :first-child,
figcaption :first-child {
    margin-top: 0
}

.article-figure-caption :last-child,
figcaption :last-child {
    margin-bottom: 0
}

.spec-sheet-pdf-project .article-figure-caption,
.spec-sheet-pdf-project figcaption,
.text-white .article-figure-caption,
.text-white figcaption {
    border-color: rgba(255, 255, 255, .2)
}

.pull-left {
    margin: 2.5vmin 0
}

@media screen and (min-width:30em) {
    .pull-left {
        float: left;
        margin-top: .5em;
        margin-right: 5vmin;
        max-width: 40%
    }
}

@media screen and (min-width:70em) {
    .pull-left {
        margin-right: 3vmin
    }
}

.pull-right {
    margin: 2.5vmin 0
}

@media screen and (min-width:30em) {
    .pull-right {
        float: right;
        margin-top: .5em;
        margin-left: 5vmin;
        max-width: 40%
    }
}

@media screen and (min-width:56em) {
    .pull-right {
        margin-left: 3vmin
    }
}

.pull-left-large {
    margin: 2.5vmin 0
}

@media screen and (min-width:30em) {
    .pull-left-large {
        float: left;
        margin-top: .5em;
        margin-right: 5vmin
    }
}

@media screen and (min-width:70em) {
    .pull-left-large {
        margin-right: 3vmin
    }
}

.pull-right-large {
    margin: 2.5vmin 0
}

@media screen and (min-width:30em) {
    .pull-right-large {
        float: right;
        margin-top: .5em;
        margin-left: 5vmin
    }
}

@media screen and (min-width:56em) {
    .pull-right-large {
        margin-left: 3vmin
    }
}

.float-left {
    float: left;
    margin-right: 5vmin
}

.float-right {
    float: right;
    margin-left: 5vmin
}

@media screen and (min-width:70em) {
    .float-left {
        margin-right: 3vmin
    }

    .float-right {
        margin-left: 3vmin
    }
}

@-webkit-keyframes kb-zoom-in {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes kb-zoom-in {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes kb-zoom-out {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes kb-zoom-out {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.kb-in img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.kb-in-left img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.kb-in-right img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.kb-out img,
.kb-out-left img {
    -webkit-animation: 8s kb-zoom-out
}

.kb-out img {
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.kb-out-left img {
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.kb-out-right {
    overflow: hidden
}

.kb-out-right img {
    -webkit-animation: 8s kb-zoom-out;
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.slick-current .carousel-kb-in img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.slick-current .carousel-kb-in-left img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.slick-current .carousel-kb-in-right img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.slick-current .carousel-kb-out img {
    -webkit-animation: 8s kb-zoom-out;
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.slick-current .carousel-kb-out-left img {
    -webkit-animation: 8s kb-zoom-out;
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.slick-current .carousel-kb-out-right img {
    -webkit-animation: 8s kb-zoom-out;
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-wrapper.scroll--rtl {
    direction: rtl
}

.scroll-element {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: none
}

.scroll-element div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-textarea {
    border: 1px solid rgba(0, 0, 0, .08)
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: 0;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-outer>.scroll-element,
.scrollbar-outer>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-outer>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    height: .75rem;
    left: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -.75rem
}

.scrollbar-outer>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: .75rem
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -.75rem
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    height: .75rem
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    width: .75rem
}

.scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: rgba(90, 91, 92, .1)
}

.scrollbar-outer>.scroll-element .scroll-bar,
.scrollbar-outer>.scroll-element .scroll-element_outer,
.scrollbar-outer>.scroll-element .scroll-element_track {
    border-radius: .75rem
}

.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: rgba(45, 45, 46, .4);
    -webkit-transition: .1s background-color ease-out;
    transition: .1s background-color ease-out
}

.scrollbar-outer:focus-within>.scroll-element .scroll-bar,
.scrollbar-outer:hover>.scroll-element .scroll-bar {
    background-color: rgba(45, 45, 46, .72)
}

.scrollbar-outer>.scroll-element .scroll-bar:hover,
.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #2d2d2e
}

.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left: -.75rem;
    margin-left: .75rem
}

.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
    top: -.75rem;
    margin-top: .75rem
}

.full-content>:first-child,
.inner-full>.unit>:first-child,
.inner-narrow>.unit>:first-child,
.inner-wide>.unit>:first-child,
.inner>.unit>:first-child,
.m-t-0,
.narrow-content>:first-child {
    margin-top: 0
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
    min-width: .75rem
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    min-height: .75rem
}

.full-content,
.narrow-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin
}

.full-content>:last-child,
.narrow-content>:last-child {
    margin-bottom: 0
}

@media screen and (min-width:56em) {
    .narrow-content {
        max-width: calc(60rem - 10vmin)
    }
}

@media screen and (min-width:70em) {

    .full-content,
    .narrow-content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }

    .narrow-content {
        max-width: calc(60rem - 6vmin)
    }
}

.unit .full-content,
.unit .narrow-content {
    padding-left: 0;
    padding-right: 0
}

.section-padded {
    padding-bottom: 5vmin;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .section-padded {
        padding-bottom: 3vmin;
        padding-top: 3vmin
    }
}

.section-padded-xl {
    padding-bottom: 10vmin;
    padding-top: 10vmin
}

@media screen and (min-width:70em) {
    .section-padded-xl {
        padding-bottom: 6vmin;
        padding-top: 6vmin
    }
}

.section-bg {
    background-color: #f7f7f7
}

.bottom-divider {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.top-divider {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.custom-row {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    scroll-margin-top: 6rem
}

.custom-row.full-height {
    min-height: 100vh
}

.custom-row.align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.custom-row.align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-row.align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.inner,
.inner-full {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.custom-row.padded {
    padding-bottom: 5vmin;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .custom-row.padded {
        padding-bottom: 3vmin;
        padding-top: 3vmin
    }
}

.custom-row.padded-md {
    padding-bottom: 10vmin;
    padding-top: 10vmin
}

@media screen and (min-width:70em) {
    .custom-row.padded-md {
        padding-bottom: 6vmin;
        padding-top: 6vmin
    }
}

.custom-row.padded-lg {
    padding-bottom: 15vmin;
    padding-top: 15vmin
}

@media screen and (min-width:70em) {
    .custom-row.padded-lg {
        padding-bottom: 9vmin;
        padding-top: 9vmin
    }
}

.custom-row.padded-xl {
    padding-bottom: 20vmin;
    padding-top: 20vmin
}

@media screen and (min-width:70em) {
    .custom-row.padded-xl {
        padding-bottom: 12vmin;
        padding-top: 12vmin
    }
}

.grid-row>.inner-full>.unit,
.grid-row>.inner-narrow>.unit,
.grid-row>.inner-wide>.unit,
.grid-row>.inner>.unit,
[data-set=aa-sidebar] .inner>.unit {
    padding-bottom: 0
}

.custom-row-block>.inner-full:first-child,
.custom-row-block>.inner-narrow:first-child,
.custom-row-block>.inner-wide:first-child,
.custom-row-block>.inner:first-child,
.custom-row-col>.inner,
.custom-row-col>.inner-full,
.custom-row-col>.inner-narrow,
.custom-row-col>.inner-wide,
.grid-row>.inner,
.grid-row>.inner-full,
.grid-row>.inner-narrow,
.grid-row>.inner-wide {
    padding-top: 0
}

.custom-row-col .inner,
.custom-row-col .reversible-row,
.custom-row-col .simple-cta-row {
    max-width: none
}

.custom-row-col>.inner-full:last-child,
.custom-row-col>.inner-narrow:last-child,
.custom-row-col>.inner-wide:last-child,
.custom-row-col>.inner:last-child {
    margin-bottom: -5vmin
}

@media screen and (min-width:70em) {

    .custom-row-col>.inner-full:last-child,
    .custom-row-col>.inner-narrow:last-child,
    .custom-row-col>.inner-wide:last-child,
    .custom-row-col>.inner:last-child {
        margin-bottom: -3vmin
    }
}

.custom-row-block>.inner-full:last-child,
.custom-row-block>.inner-narrow:last-child,
.custom-row-block>.inner-wide:last-child,
.custom-row-block>.inner:last-child {
    margin-bottom: -5vmin
}

@media screen and (min-width:70em) {

    .custom-row-block>.inner-full:last-child,
    .custom-row-block>.inner-narrow:last-child,
    .custom-row-block>.inner-wide:last-child,
    .custom-row-block>.inner:last-child {
        margin-bottom: -3vmin
    }
}

.sidebar-mod:not(:last-child) {
    margin-bottom: 5vmin
}

.inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .sidebar-mod:not(:last-child) {
        margin-bottom: 3vmin
    }

    .inner {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-top: 3vmin
    }
}

.inner-full {
    max-width: none;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    padding-top: 5vmin
}

.inner-narrow,
.inner-wide {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-flex: 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal
}

@media screen and (min-width:70em) {
    .inner-full {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-top: 3vmin
    }
}

.inner-narrow {
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    max-width: 60rem;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .inner-narrow {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-top: 3vmin
    }
}

.inner-wide {
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    max-width: 125rem;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .inner-wide {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-top: 3vmin
    }
}

.inner+.size1of1>.inner,
.p-t-0,
ol+.inner,
p+.inner,
ul+.inner {
    padding-top: 0
}

.inner-full>.unit .inner,
.inner-narrow>.unit .inner,
.inner-wide>.unit .inner,
.inner>.unit .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5vmin;
    margin-right: -5vmin
}

/* 2024change */
.inner>.product {
    padding-bottom: 5vmin;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    /* max-width: 100%; */
    max-width:80%;
    margin-left: 10%;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

.inner-full>.unit,
.inner-narrow>.unit,
.inner-wide>.unit,
.inner>.unit {
    padding-bottom: 5vmin;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {

    .inner-full>.unit .inner,
    .inner-narrow>.unit .inner,
    .inner-wide>.unit .inner,
    .inner>.unit .inner {
        margin-left: -3vmin;
        margin-right: -3vmin
    }

    .inner-full>.unit,
    .inner-narrow>.unit,
    .inner-wide>.unit,
    .inner>.unit {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

.inner-full>.unit>:last-child,
.inner-narrow>.unit>:last-child,
.inner-wide>.unit>:last-child,
.inner>.unit>:last-child {
    margin-bottom: 0
}

.inner-full.reverse,
.inner-narrow.reverse,
.inner-wide.reverse,
.inner.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.unit.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.unit[class*=default-size] {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    padding-bottom: 5vmin
}

@media screen and (min-width:70em) {
    .unit[class*=default-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

.unit.default-size-auto {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.start-default {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.center-default {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.end-default {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.top-default {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.middle-default {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-default {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.around-default {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-default {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.first-default {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.last-default {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.reset-order-default {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.block-grid-1,
.default-block-grid-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-1>*,
.default-block-grid-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 0vmin);
    flex: 0 0 calc(100% - 0vmin);
    margin-bottom: 3vmin;
    max-width: calc(100% - 0vmin - .1px)
}

.block-grid-2,
.default-block-grid-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-2>*,
.default-block-grid-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 1.5vmin);
    flex: 0 0 calc(50% - 1.5vmin);
    margin-bottom: 3vmin;
    max-width: calc(50% - 1.5vmin - .1px)
}

.block-grid-2>:nth-child(2n),
.default-block-grid-2>:nth-child(2n) {
    margin-right: 0
}

.block-grid-2>:not(:nth-child(2n)),
.default-block-grid-2>:not(:nth-child(2n)) {
    margin-right: 3vmin
}

.block-grid-3,
.default-block-grid-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-3>*,
.default-block-grid-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33333% - 2vmin);
    flex: 0 0 calc(33.33333% - 2vmin);
    margin-bottom: 3vmin;
    max-width: calc(33.33333% - 2vmin - .1px)
}

.block-grid-3>:not(:nth-child(2n)),
.block-grid-3>:nth-child(3n),
.default-block-grid-3>:not(:nth-child(2n)),
.default-block-grid-3>:nth-child(3n) {
    margin-right: 0
}

.block-grid-3>:not(:nth-child(3n)),
.default-block-grid-3>:not(:nth-child(3n)) {
    margin-right: 3vmin
}

.block-grid-4,
.default-block-grid-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-4>*,
.default-block-grid-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 2.25vmin);
    flex: 0 0 calc(25% - 2.25vmin);
    margin-bottom: 3vmin;
    max-width: calc(25% - 2.25vmin - .1px)
}

.block-grid-4>:not(:nth-child(3n)),
.block-grid-4>:nth-child(4n),
.default-block-grid-4>:not(:nth-child(3n)),
.default-block-grid-4>:nth-child(4n) {
    margin-right: 0
}

.block-grid-4>:not(:nth-child(4n)),
.default-block-grid-4>:not(:nth-child(4n)) {
    margin-right: 3vmin
}

.block-grid-5,
.default-block-grid-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-5>*,
.default-block-grid-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(20% - 2.4vmin);
    flex: 0 0 calc(20% - 2.4vmin);
    margin-bottom: 3vmin;
    max-width: calc(20% - 2.4vmin - .1px)
}

.block-grid-5>:not(:nth-child(4n)),
.block-grid-5>:nth-child(5n),
.default-block-grid-5>:not(:nth-child(4n)),
.default-block-grid-5>:nth-child(5n) {
    margin-right: 0
}

.block-grid-5>:not(:nth-child(5n)),
.default-block-grid-5>:not(:nth-child(5n)) {
    margin-right: 3vmin
}

.block-grid-6,
.default-block-grid-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-6>*,
.default-block-grid-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
    flex: 0 0 calc(16.66667% - 2.5vmin);
    margin-bottom: 3vmin;
    max-width: calc(16.66667% - 2.5vmin - .1px)
}

@media screen and (-ms-high-contrast:none) {

    .block-grid-1>*,
    .default-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .block-grid-2>*,
    .default-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .block-grid-3>*,
    .default-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .block-grid-4>*,
    .default-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .block-grid-5>*,
    .default-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .block-grid-6>*,
    .default-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

.block-grid-6>:not(:nth-child(5n)),
.block-grid-6>:nth-child(6n),
.default-block-grid-6>:not(:nth-child(5n)),
.default-block-grid-6>:nth-child(6n) {
    margin-right: 0
}

.block-grid-6>:not(:nth-child(6n)),
.default-block-grid-6>:not(:nth-child(6n)) {
    margin-right: 3vmin
}

@media screen and (min-width:30em) {
    .unit[class*=alpha-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.alpha-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-alpha {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-alpha {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-alpha {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-alpha {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-alpha {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-alpha {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-alpha {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-alpha {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-alpha {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-alpha {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-alpha {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .alpha-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit[class*=alpha-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:30em) and (-ms-high-contrast:none) {
    .alpha-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .alpha-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .alpha-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .alpha-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .alpha-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .alpha-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:30em) {
    .alpha-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .alpha-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .alpha-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .alpha-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .alpha-block-grid-3>:not(:nth-child(2n)),
    .alpha-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .alpha-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .alpha-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .alpha-block-grid-4>:not(:nth-child(3n)),
    .alpha-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .alpha-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .alpha-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .alpha-block-grid-5>:not(:nth-child(4n)),
    .alpha-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .alpha-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .alpha-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .alpha-block-grid-6>:not(:nth-child(5n)),
    .alpha-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .alpha-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

@media screen and (min-width:56em) {
    .unit[class*=bravo-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.bravo-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-bravo {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-bravo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-bravo {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-bravo {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-bravo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-bravo {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-bravo {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-bravo {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-bravo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-bravo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-bravo {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .bravo-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit[class*=bravo-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:56em) and (-ms-high-contrast:none) {
    .bravo-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .bravo-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .bravo-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .bravo-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .bravo-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .bravo-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:56em) {
    .bravo-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .bravo-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .bravo-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .bravo-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .bravo-block-grid-3>:not(:nth-child(2n)),
    .bravo-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .bravo-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .bravo-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .bravo-block-grid-4>:not(:nth-child(3n)),
    .bravo-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .bravo-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .bravo-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .bravo-block-grid-5>:not(:nth-child(4n)),
    .bravo-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .bravo-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .bravo-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .bravo-block-grid-6>:not(:nth-child(5n)),
    .bravo-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .bravo-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

@media screen and (min-width:70em) {
    .unit[class*=charlie-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.charlie-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-charlie {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-charlie {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-charlie {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-charlie {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-charlie {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-charlie {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-charlie {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-charlie {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-charlie {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-charlie {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-charlie {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .charlie-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:70em) and (min-width:70em) {
    .unit[class*=charlie-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:70em) and (-ms-high-contrast:none) {
    .charlie-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .charlie-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .charlie-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .charlie-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .charlie-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .charlie-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:70em) {
    .charlie-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .charlie-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .charlie-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .charlie-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .charlie-block-grid-3>:not(:nth-child(2n)),
    .charlie-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .charlie-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .charlie-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .charlie-block-grid-4>:not(:nth-child(3n)),
    .charlie-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .charlie-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .charlie-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .charlie-block-grid-5>:not(:nth-child(4n)),
    .charlie-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .charlie-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .charlie-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .charlie-block-grid-6>:not(:nth-child(5n)),
    .charlie-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .charlie-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

@media screen and (min-width:80em) {
    .unit[class*=delta-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.delta-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-delta {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-delta {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-delta {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-delta {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-delta {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-delta {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-delta {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-delta {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-delta {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-delta {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-delta {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .delta-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit[class*=delta-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:80em) and (-ms-high-contrast:none) {
    .delta-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .delta-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .delta-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .delta-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .delta-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .delta-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:80em) {
    .delta-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .delta-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .delta-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .delta-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .delta-block-grid-3>:not(:nth-child(2n)),
    .delta-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .delta-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .delta-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .delta-block-grid-4>:not(:nth-child(3n)),
    .delta-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .delta-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .delta-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .delta-block-grid-5>:not(:nth-child(4n)),
    .delta-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .delta-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .delta-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .delta-block-grid-6>:not(:nth-child(5n)),
    .delta-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .delta-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

@media screen and (min-width:102em) {
    .unit[class*=hero-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.hero-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-hero {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-hero {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-hero {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-hero {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-hero {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-hero {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-hero {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-hero {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-hero {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-hero {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-hero {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .hero-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:102em) and (min-width:70em) {
    .unit[class*=hero-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:102em) and (-ms-high-contrast:none) {
    .hero-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .hero-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .hero-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .hero-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .hero-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .hero-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:102em) {
    .hero-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .hero-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .hero-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .hero-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .hero-block-grid-3>:not(:nth-child(2n)),
    .hero-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .hero-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .hero-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .hero-block-grid-4>:not(:nth-child(3n)),
    .hero-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .hero-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .hero-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .hero-block-grid-5>:not(:nth-child(4n)),
    .hero-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .hero-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .hero-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .hero-block-grid-6>:not(:nth-child(5n)),
    .hero-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .hero-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

@media screen and (min-width:110em) {
    .unit[class*=echo-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.echo-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-echo {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-echo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-echo {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-echo {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-echo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-echo {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-echo {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-echo {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-echo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-echo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-echo {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .echo-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit[class*=echo-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:110em) and (-ms-high-contrast:none) {
    .echo-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .echo-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .echo-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .echo-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .echo-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .echo-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:110em) {
    .echo-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .echo-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .echo-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .echo-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .echo-block-grid-3>:not(:nth-child(2n)),
    .echo-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .echo-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .echo-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .echo-block-grid-4>:not(:nth-child(3n)),
    .echo-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .echo-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .echo-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .echo-block-grid-5>:not(:nth-child(4n)),
    .echo-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .echo-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .echo-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .echo-block-grid-6>:not(:nth-child(5n)),
    .echo-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .echo-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

.unit.default-size1of2,
.unit.default-size2of4 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {

    .unit.default-size1of2,
    .unit.default-size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size1of3 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size1of4 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size1of5 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size2of5 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size3of5 {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size2of3 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size3of4 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size4of5 {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {

    .unit.alpha-size1of2,
    .unit.alpha-size2of4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {

    .unit.alpha-size1of2,
    .unit.alpha-size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size1of4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size1of5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size2of5 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size3of5 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size2of3 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size3of4 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size4of5 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {

    .unit.bravo-size1of2,
    .unit.bravo-size2of4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {

    .unit.bravo-size1of2,
    .unit.bravo-size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size1of4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size1of5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size2of5 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size3of5 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size2of3 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size3of4 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size4of5 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit[class*=" size"],
    .unit[class*=" charlie-size"] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit[class*=" size"],
    .unit[class*=" charlie-size"] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size-auto,
    .unit.size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .unit.charlie-size1of1,
    .unit.size1of1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of1,
    .unit.size1of1 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size1of2,
    .unit.charlie-size2of4,
    .unit.size1of2,
    .unit.size2of4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of2,
    .unit.charlie-size2of4,
    .unit.size1of2,
    .unit.size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size1of3,
    .unit.size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of3,
    .unit.size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size1of4,
    .unit.size1of4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of4,
    .unit.size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size1of5,
    .unit.size1of5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of5,
    .unit.size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size2of5,
    .unit.size2of5 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size2of5,
    .unit.size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size3of5,
    .unit.size3of5 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size3of5,
    .unit.size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size2of3,
    .unit.size2of3 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size2of3,
    .unit.size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size3of4,
    .unit.size3of4 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size3of4,
    .unit.size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size4of5,
    .unit.size4of5 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size4of5,
    .unit.size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size1of1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size1of1 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {

    .unit.delta-size1of2,
    .unit.delta-size2of4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {

    .unit.delta-size1of2,
    .unit.delta-size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size1of4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size1of5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size2of5 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size3of5 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size2of3 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size3of4 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size4of5 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size1of1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size1of1 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {

    .unit.echo-size1of2,
    .unit.echo-size2of4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {

    .unit.echo-size1of2,
    .unit.echo-size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size1of4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size1of5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size2of5 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size3of5 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size2of3 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size3of4 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size4of5 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.m-0 {
    margin: 0
}

.m-l-0 {
    margin-left: 0
}

.m-b-0 {
    margin-bottom: 0
}

.m-r-0 {
    margin-right: 0
}

.p-0 {
    padding: 0
}

.p-l-0 {
    padding-left: 0
}

.p-b-0 {
    padding-bottom: 0
}

.p-r-0 {
    padding-right: 0
}

.gap-0 {
    gap: 0
}

.gap-x-0 {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

.gap-y-0 {
    row-gap: 0
}

.m-xxs {
    margin: .25rem
}

.m-t-xxs {
    margin-top: .25rem
}

.m-l-xxs {
    margin-left: .25rem
}

.m-b-xxs {
    margin-bottom: .25rem
}

.m-r-xxs {
    margin-right: .25rem
}

.p-xxs {
    padding: .25rem
}

.p-t-xxs {
    padding-top: .25rem
}

.p-l-xxs {
    padding-left: .25rem
}

.p-b-xxs {
    padding-bottom: .25rem
}

.p-r-xxs {
    padding-right: .25rem
}

.gap-xxs {
    gap: .25rem
}

.gap-x-xxs {
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-y-xxs {
    row-gap: .25rem
}

.m-xs {
    margin: .5rem
}

.m-t-xs {
    margin-top: .5rem
}

.m-l-xs {
    margin-left: .5rem
}

.m-b-xs {
    margin-bottom: .5rem
}

.m-r-xs {
    margin-right: .5rem
}

.p-xs {
    padding: .5rem
}

.p-t-xs {
    padding-top: .5rem
}

.p-l-xs {
    padding-left: .5rem
}

.p-b-xs {
    padding-bottom: .5rem
}

.p-r-xs {
    padding-right: .5rem
}

.gap-xs {
    gap: .5rem
}

.gap-x-xs {
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-y-xs {
    row-gap: .5rem
}

.m-sm {
    margin: .75rem
}

.m-t-sm {
    margin-top: .75rem
}

.m-l-sm {
    margin-left: .75rem
}

.m-b-sm {
    margin-bottom: .75rem
}

.m-r-sm {
    margin-right: .75rem
}

.p-sm {
    padding: .75rem
}

.p-t-sm {
    padding-top: .75rem
}

.p-l-sm {
    padding-left: .75rem
}

.p-b-sm {
    padding-bottom: .75rem
}

.p-r-sm {
    padding-right: .75rem
}

.gap-sm {
    gap: .75rem
}

.gap-x-sm {
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-y-sm {
    row-gap: .75rem
}

.m-md {
    margin: 1rem
}

.m-t-md {
    margin-top: 1rem
}

.m-l-md {
    margin-left: 1rem
}

.m-b-md {
    margin-bottom: 1rem
}

.m-r-md {
    margin-right: 1rem
}

.p-md {
    padding: 1rem
}

.p-t-md {
    padding-top: 1rem
}

.p-l-md {
    padding-left: 1rem
}

.p-b-md {
    padding-bottom: 1rem
}

.p-r-md {
    padding-right: 1rem
}

.gap-md {
    gap: 1rem
}

.gap-x-md {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-md {
    row-gap: 1rem
}

.m-lg {
    margin: 1.5rem
}

.m-t-lg {
    margin-top: 1.5rem
}

.m-l-lg {
    margin-left: 1.5rem
}

.m-b-lg {
    margin-bottom: 1.5rem
}

.m-r-lg {
    margin-right: 1.5rem
}

.p-lg {
    padding: 1.5rem
}

.p-t-lg {
    padding-top: 1.5rem
}

.p-l-lg {
    padding-left: 1.5rem
}

.p-b-lg {
    padding-bottom: 1.5rem
}

.p-r-lg {
    padding-right: 1.5rem
}

.gap-lg {
    gap: 1.5rem
}

.gap-x-lg {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-y-lg {
    row-gap: 1.5rem
}

.m-xl {
    margin: 2rem
}

.m-t-xl {
    margin-top: 2rem
}

.m-l-xl {
    margin-left: 2rem
}

.m-b-xl {
    margin-bottom: 2rem
}

.m-r-xl {
    margin-right: 2rem
}

.p-xl {
    padding: 2rem
}

.p-t-xl {
    padding-top: 2rem
}

.p-l-xl {
    padding-left: 2rem
}

.p-b-xl {
    padding-bottom: 2rem
}

.p-r-xl {
    padding-right: 2rem
}

.gap-xl {
    gap: 2rem
}

.gap-x-xl {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-xl {
    row-gap: 2rem
}

.m-xxl {
    margin: 3rem
}

.m-t-xxl {
    margin-top: 3rem
}

.m-l-xxl {
    margin-left: 3rem
}

.m-b-xxl {
    margin-bottom: 3rem
}

.accordion .accordion-more>:last-child,
.accordion .accordion-teaser>:last-child,
.faq-accordion .faq-accordion-content>:last-child {
    margin-bottom: 0
}

.m-r-xxl {
    margin-right: 3rem
}

.p-xxl {
    padding: 3rem
}

.p-t-xxl {
    padding-top: 3rem
}

.p-l-xxl {
    padding-left: 3rem
}

.p-b-xxl {
    padding-bottom: 3rem
}

.p-r-xxl {
    padding-right: 3rem
}

.gap-xxl {
    gap: 3rem
}

.gap-x-xxl {
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

.gap-y-xxl {
    row-gap: 3rem
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.media .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.5vmin
}

.media .media-img {
    padding-right: 1.5vmin
}

.media-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.media-reverse .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 1.5vmin
}

.media-reverse .media-img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 1.5vmin
}

@media screen and (min-width:30em) {
    .media-alpha {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-alpha .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-alpha .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-alpha {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-alpha .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-alpha .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .media-bravo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-bravo .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-bravo .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-bravo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-bravo .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-bravo .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

@media screen and (min-width:70em) {
    .media-charlie {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-charlie .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-charlie .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-charlie {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-charlie .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-charlie .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .media-delta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-delta .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-delta .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-delta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-delta .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-delta .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

@media screen and (min-width:102em) {
    .media-hero {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-hero .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-hero .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-hero {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-hero .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-hero .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .media-echo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-echo .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-echo .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-echo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-echo .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-echo .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

.loading {
    position: relative
}

.loading:after,
.loading:before {
    bottom: 0;
    content: ' ';
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.loading:before {
    background: rgba(255, 255, 255, .5);
    z-index: 1
}

.loading:after {
    background: url(../image/loading.gif) center center no-repeat;
    z-index: 2
}

.is-loading {
    position: relative
}

.is-loading .loading {
    background: url(../image/loading.gif) center center no-repeat rgba(255, 255, 255, .5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.loader {
    -webkit-animation: loader 1s infinite linear;
    animation: loader 1s infinite linear;
    border: .5em solid rgba(45, 45, 46, .12);
    border-radius: 50%;
    border-top-color: rgba(45, 45, 46, .47);
    display: block;
    height: 4em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 4em
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.accordion .accordion-item {
    border: 1px solid rgba(0, 0, 0, .08)
}

.spec-sheet-pdf-project .accordion .accordion-item,
.text-white .accordion .accordion-item {
    border-color: rgba(255, 255, 255, .2)
}

.accordion .accordion-item+.accordion-item {
    border-top: none
}

.accordion .accordion-header {
    background-color: #f7f7f7;
    border: none;
    border-radius: 0;
    color: #5a5b5c;
    cursor: pointer;
    display: block;
    line-height: 1.5;
    margin: 0;
    max-width: none;
    padding: .75rem 2.5rem .75rem 1rem;
    position: relative;
    text-align: left;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: 100%
}

.accordion .accordion-header:focus,
.accordion .accordion-header:hover {
    background: #fff;
    color: #c8322b
}

.accordion .accordion-header:focus .accordion-toggle,
.accordion .accordion-header:hover .accordion-toggle {
    border-color: #c8322b
}

.spec-sheet-pdf-project .accordion .accordion-header,
.text-white .accordion .accordion-header {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
}

.spec-sheet-pdf-project .accordion .accordion-header:focus,
.spec-sheet-pdf-project .accordion .accordion-header:hover,
.text-white .accordion .accordion-header:focus,
.text-white .accordion .accordion-header:hover {
    background-color: rgba(255, 255, 255, .2)
}

.accordion .accordion-toggle {
    display: block;
    margin-top: -.1875em;
    position: absolute;
    right: 1rem;
    top: 50%;
    text-align: center;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.accordion .accordion-more>:first-child,
.accordion .accordion-teaser>:first-child,
.faq-accordion .faq-accordion-content>:first-child {
    margin-top: 0
}

@media screen and (min-width:70em) {
    .accordion .accordion-header {
        padding-left: 1.5rem;
        padding-right: 3rem
    }

    .accordion .accordion-toggle {
        right: 1.5rem
    }
}

.accordion .accordion-toggle svg {
    display: block;
    fill: currentColor;
    height: .375em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: .75em
}

.accordion.collapsed,
.js .accordion .accordion-more {
    display: none
}

.accordion .accordion-teaser {
    background: #fff;
    padding: 1rem
}

.spec-sheet-pdf-project .accordion .accordion-teaser,
.text-white .accordion .accordion-teaser {
    background: 0 0
}

@media screen and (min-width:70em) {
    .accordion .accordion-teaser {
        padding: 1.5rem
    }
}

.accordion .accordion-more {
    background-color: transparent;
    padding: 1rem
}

@media screen and (min-width:56em) {
    .accordion .accordion-more {
        padding: 1.5rem
    }
}

.large-text .accordion .accordion-more {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .large-text .accordion .accordion-more {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .large-text .accordion .accordion-more {
        font-size: 1.25rem
    }
}

.accordion .accordion-teaser+.accordion-more {
    padding-top: 0
}

.accordion .accordion-item.open {
    background: #fff
}

.spec-sheet-pdf-project .accordion .accordion-item.open,
.text-white .accordion .accordion-item.open {
    background: 0 0
}

.accordion .accordion-item.open .accordion-header {
    background: #5a5b5c;
    color: #fff
}

.spec-sheet-pdf-project .accordion .accordion-item.open .accordion-header,
.text-white .accordion .accordion-item.open .accordion-header {
    background: #fff;
    color: #2d2d2e
}

.accordion .accordion-item.open .accordion-toggle {
    border-color: #fff
}

.accordion .accordion-item.open .accordion-toggle svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.accordion-media .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .5em;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.accordion-media .media-img {
    padding-right: .5em
}

.accordion-thumb {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .08);
    display: block;
    padding: .25rem;
    width: 4rem
}

.size1of4 .accordion-more {
    padding: 1.5rem
}

.faq-accordion .accordion-header-title {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faq-accordion .accordion-header-title:before {
    color: #c8322b;
    content: "Q:";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .5rem
}

.spec-sheet-pdf-project .faq-accordion .accordion-header-title:before,
.text-white .faq-accordion .accordion-header-title:before {
    color: inherit
}

.faq-accordion .accordion-item.open .accordion-header-title:before {
    color: #fff
}

.spec-sheet-pdf-project .faq-accordion .accordion-item.open .accordion-header-title:before,
.text-white .faq-accordion .accordion-item.open .accordion-header-title:before {
    color: #c8322b
}

.faq-accordion .faq-accordion-content {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faq-accordion .faq-accordion-content:before {
    color: #c8322b;
    content: "A:";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1rem;
    font-weight: 600;
    line-height: inherit;
    margin-right: .5rem
}

.featured-downloads:after,
.product-by-name:after,
.product-photos:after,
.sub-accordion .sub-more:after {
    content: ""
}

.spec-sheet-pdf-project .faq-accordion .faq-accordion-content:before,
.text-white .faq-accordion .faq-accordion-content:before {
    color: inherit
}

.sub-item-header {
    line-height: inherit;
    margin: 0;
    padding: .75em 0
}

.sub-item-header:focus,
.sub-item-header:hover {
    color: #c8322b
}

.sub-item-header:focus .accordion-toggle:after,
.sub-item-header:focus .accordion-toggle:before,
.sub-item-header:hover .accordion-toggle:after,
.sub-item-header:hover .accordion-toggle:before {
    background-color: #c8322b
}

.sub-accordion .sub-more {
    padding: 1rem 1.5rem
}

.sub-accordion .sub-more:after {
    clear: both;
    display: table
}

.sub-accordion .accordion-toggle {
    display: inline-block;
    height: 1rem;
    margin: 0 .25em 0 0;
    position: relative;
    right: auto;
    vertical-align: middle;
    width: 1rem
}

.document-list dd a,
ul.link-list a {
    display: block;
    text-decoration: none
}

.sub-accordion .accordion-toggle:after,
.sub-accordion .accordion-toggle:before {
    background-color: #5a5b5c;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.sub-accordion .accordion-toggle:before {
    height: 1px;
    margin-left: -3px;
    width: 7px
}

.sub-accordion .accordion-toggle:after {
    height: 7px;
    margin-top: -3px;
    width: 1px
}

.sub-accordion .open .sub-item-header {
    color: #2d2d2e
}

.sub-accordion .open .accordion-toggle {
    border-color: #fff
}

.sub-accordion .open .accordion-toggle:after,
.sub-accordion .open .accordion-toggle:before {
    background-color: #2d2d2e
}

.sub-accordion .open .accordion-toggle:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sub-accordion .open .accordion-toggle:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

ul.link-list {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    max-width: 18em
}

ul.link-list li+li {
    margin-top: 2px
}

ul.link-list a {
    background-color: #f7f7f7;
    color: #2d2d2e;
    padding: .5em 2em .5em 1em;
    position: relative
}

ul.link-list a:focus,
ul.link-list a:hover {
    color: #c8322b
}

ul.link-list a:focus .icon,
ul.link-list a:hover .icon {
    fill: #c8322b
}

ul.link-list .arrow-link:focus span,
ul.link-list .arrow-link:hover span {
    border-bottom: none
}

ul.link-list a .icon {
    fill: #2d2d2e;
    float: right;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1em
}

.document-list {
    margin: 0
}

.featured-downloads+.document-list {
    margin-top: 2rem
}

.off-canvas .document-list {
    margin-left: -5vmin;
    margin-right: -5vmin
}

@media screen and (min-width:70em) {
    .off-canvas .document-list {
        margin-left: -3vmin;
        margin-right: -3vmin
    }
}

.document-list .header {
    background: #f7f7f7;
    margin: .75rem 0;
    padding: .75rem 1rem .75rem 2.75rem;
    position: relative
}

@media screen and (min-width:56em) {
    .document-list .header {
        padding-left: 3rem
    }
}

.document-list .header .icon {
    fill: #5a5b5c;
    height: .875em;
    top: 1em;
    width: .875em
}

.document-list dd {
    margin-left: 0;
    position: relative
}

.document-list dd a {
    padding: .5rem .5rem .5rem 1.75rem;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

@media screen and (min-width:56em) {
    .document-list dd a {
        padding-left: 2rem
    }
}

.document-list dd a:focus,
.document-list dd a:hover {
    background: #f7f7f7
}

.document-list .certifications {
    padding: 0 1em
}

@media screen and (min-width:56em) {
    .document-list .certifications {
        padding: 0 1.5em
    }
}

.document-list .cert-logo {
    display: inline-block;
    padding: 0
}

.document-list .icon {
    fill: #2d2d2e;
    height: .5rem;
    left: 1em;
    position: absolute;
    top: 1.125em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: .25rem
}

.featured-downloads {
    border: 1px solid rgba(0, 0, 0, .08);
    padding: 1rem;
    position: relative;
    text-align: center
}

.featured-downloads:after {
    clear: both;
    display: table
}

@media screen and (min-width:56em) {
    .document-list .icon {
        left: 1.25rem
    }

    .featured-downloads {
        padding: 1.5rem
    }
}

.featured-downloads .icon {
    background: #fff;
    display: block;
    left: 50%;
    margin-left: -1.75em;
    position: absolute;
    top: -.75em;
    width: 3.5em;
    height: 1.5em;
    padding: 0 1em
}

@media screen and (min-width:56em) {
    .featured-downloads .icon {
        height: 2em;
        margin-left: -2em;
        top: -1em;
        width: 4em
    }
}

.featured-downloads svg {
    display: block;
    fill: #2d2d2e;
    height: 1.5em;
    width: 1.5em
}

@media screen and (min-width:56em) {
    .featured-downloads svg {
        height: 2em;
        width: 2em
    }
}

.featured-downloads-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    margin: .25em 0 .5em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .featured-downloads-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .featured-downloads-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .featured-downloads-title,
.text-white .featured-downloads-title {
    color: #fff
}

.featured-download-btn {
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    font-size: 1rem;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.5;
    max-width: 25em;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle;
    background-color: #5a5b5c;
    color: #fff;
    display: inline-block;
    padding: .5em 1em;
    text-decoration: none
}

.featured-download-btn [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.featured-download-btn .icon-close {
    height: .75em;
    width: .75em
}

.featured-download-btn .icon-download {
    height: 1em;
    width: 1em
}

.featured-download-btn:focus,
.featured-download-btn:hover {
    text-decoration: none;
    background-color: #2d2d2e;
    color: #fff
}

.featured-downloads .featured-download-btn {
    display: block;
    margin-top: .25em
}

@media screen and (min-width:56em) {
    .featured-downloads .featured-download-btn {
        float: left;
        margin-top: 2%;
        width: 49%
    }

    .featured-downloads .featured-download-btn:nth-child(odd) {
        margin-right: 2%
    }
}

.site-header>.content,
.top-nav .content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem
}

.site-header {
    background: #fff;
    color: #5a5b5c;
    font-size: 1rem;
    letter-spacing: .0125em;
    position: relative;
    z-index: 9000
}

.header-search-options input[type=radio]+label,
.top-nav {
    font-size: .875rem
}

.site-header>.content {
    padding-left: 5vmin;
    padding-right: 5vmin;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:70em) {
    .site-header>.content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 1rem 3vmin
    }
}

.top-nav {
    background: #f7f7f7;
    line-height: 1.375;
    text-align: right
}

.top-nav .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 5vmin
}

.site-logo {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 1rem
}

.site-logo svg {
    display: block;
    fill: #c8322b;
    height: 3.5rem;
    width: 3.6875rem
}

@media screen and (min-width:70em) {
    .top-nav .content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }

    .site-logo {
        margin: 0
    }

    .site-logo svg {
        height: 4.75rem;
        width: 5rem
    }
}

.header-search-btn,
.main-nav-open {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    width: 3rem
}

.header-search-btn:focus,
.header-search-btn:hover,
.main-nav-open:focus,
.main-nav-open:hover {
    background: 0 0;
    color: #2d2d2e
}

.header-search-btn .icon,
.main-nav-open .icon {
    display: block;
    fill: #2d2d2e
}

@media screen and (min-width:70em) {

    .header-search-btn,
    .main-nav-open {
        display: none
    }
}

.header-search-btn.is-active .icon {
    display: none
}

.header-search-btn.is-active .icon-close {
    display: block
}

.header-search-btn .icon-close,
.header-search-label {
    display: none
}

.main-nav-open {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

@media screen and (min-width:70em) {
    .header-search-label {
        display: block
    }
}

.header-search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1rem;
    position: relative
}

.header-search.is-active {
    display: block
}

@media screen and (min-width:70em) {
    .header-search {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 0;
        -webkit-transition: .2s width ease-out;
        transition: .2s width ease-out
    }

    .header-search.is-active .header-search-options {
        display: block
    }

    .header-search input {
        width: 9rem
    }
}

.family-logo a,
.image-cta {
    -webkit-transition: .3s all ease-out
}

.header-search-field {
    border: 2px solid rgba(0, 0, 0, .16);
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    z-index: 9020
}

.header-search-field label {
    border: none
}

.header-search button,
.header-search input {
    background: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-search input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: none;
    outline: 0;
    padding-right: 0
}

.header-search input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-search button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    width: 3rem
}

.header-search button svg {
    fill: currentColor;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.header-search button:focus,
.header-search button:hover {
    background: #fff;
    color: #c8322b
}

.header-search-options {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, .1);
    box-shadow: 0 0 3rem rgba(0, 0, 0, .1);
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    left: 0;
    margin: 0;
    padding: 1.25rem 1rem;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9010
}

.site-footer,
.site-footer .blog-signup .hs-form {
    position: relative
}

.header-search-options label:last-child {
    margin-bottom: 0
}

/*2024change*/
.site-footer {
    /*background-color: #5a5b5c;*/
    background-color: #821923;
    text-align: center;
    z-index: 600
}

.site-footer .section-header {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    color: #fff;
    margin-bottom: .5rem;
    margin-top: 0;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .site-footer .section-header {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }

    .site-footer .blog-signup .form-field,
    .site-footer .blog-signup .hs-form-field {
        width: 20em
    }
}

@media screen and (min-width:80em) {
    .site-footer .section-header {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .site-footer .section-header,
.text-white .site-footer .section-header {
    color: #fff
}

.site-footer .section-header a {
    text-decoration: none
}

.site-footer .section-header a:focus,
.site-footer .section-header a:hover {
    color: #fff;
    text-decoration: underline
}

.site-footer .blog-signup .form-field,
.site-footer .blog-signup .hs-form-field {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media screen and (min-width:70em) {
    .header-search-options {
        display: none
    }

    .site-footer .unit:last-child {
        padding-top: 1.5vmin
    }

    .site-footer .blog-signup .form-field,
    .site-footer .blog-signup .hs-form-field {
        width: 100%
    }

    .site-footer .blog-signup .hs-error-msgs label {
        font-size: 1rem;
        font-weight: 400
    }
}

@media screen and (min-width:80em) {

    .site-footer .blog-signup .form-field,
    .site-footer .blog-signup .hs-form-field {
        width: 20em
    }
}

.site-footer .blog-signup .hs-input {
    max-width: none
}

.site-footer .blog-signup .subscribe-to-email-desc {
    margin: 1em 0
}

.site-footer .blog-signup label {
    display: none
}

.site-footer .blog-signup .hs-error-msgs label {
    font-size: 1rem;
    font-weight: 400;
    color: #5a5b5c;
    display: block;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    text-transform: none
}

.site-footer .blog-signup .hs-error-msgs label a {
    color: #c8322b
}

.site-footer .blog-signup .hs-error-msgs label a:focus,
.site-footer .blog-signup .hs-error-msgs label a:hover {
    color: #2d2d2e
}

.site-footer .blog-signup .hs-error-msgs {
    list-style-type: none;
    margin-bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 24px rgba(45, 45, 46, .1);
    box-shadow: 0 0 24px rgba(45, 45, 46, .1);
    border-radius: 3px;
    left: 50%;
    margin-top: .25em;
    padding: 1rem;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 85%
}

.site-footer .blog-signup .hs-error-msgs:after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 8px;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    top: -8px;
    width: 0
}

.site-footer .blog-signup .hs-button,
.site-footer .blog-signup button {
    background-color: transparent;
    background-image: url(../image/arrow-footer.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 5px 10px;
    border: 1px solid #fff;
    border-radius: 100%;
    bottom: .75em;
    height: 1.5em;
    padding: 0;
    position: absolute;
    right: .5em;
    width: 1.5em;
    overflow: hidden;
    text-indent: -200px
}

@media screen and (min-width:30em) {

    .site-footer .blog-signup .hs-button,
    .site-footer .blog-signup button {
        right: auto;
        left: 50%;
        margin-left: 8em
    }
}

@media screen and (min-width:70em) {

    .site-footer .blog-signup .hs-button,
    .site-footer .blog-signup button {
        right: .5em;
        left: auto;
        margin-left: 0
    }
}

@media screen and (min-width:80em) {

    .site-footer .blog-signup .hs-button,
    .site-footer .blog-signup button {
        right: auto;
        left: 50%;
        margin-left: 8em
    }
}

.site-footer .blog-signup .hs-button svg,
.site-footer .blog-signup button svg {
    display: block;
    fill: #fff;
    height: .625em;
    margin: 0 auto;
    width: .3125em
}

.site-footer .blog-signup .hs-button:focus,
.site-footer .blog-signup .hs-button:hover,
.site-footer .blog-signup button:focus,
.site-footer .blog-signup button:hover {
    background-color: #fff;
    background-image: url(../image/arrow-footer-hover.svg)
}

.site-footer .blog-signup .hs-button:focus svg,
.site-footer .blog-signup .hs-button:hover svg,
.site-footer .blog-signup button:focus svg,
.site-footer .blog-signup button:hover svg {
    fill: #5a5b5c
}

.site-footer input:not([type]),
.site-footer input[type=text],
.site-footer input[type=password],
.site-footer input[type=date],
.site-footer input[type=datetime],
.site-footer input[type=datetime-local],
.site-footer input[type=month],
.site-footer input[type=week],
.site-footer input[type=email],
.site-footer input[type=tel],
.site-footer input[type=time],
.site-footer input[type=url],
.site-footer input[type=color],
.site-footer input[type=number],
.site-footer input[type=search],
.site-footer select,
.site-footer textarea {
    background-color: rgba(255, 255, 255, .1);
    border: none;
    color: #fff;
    padding: .875em 3em .875em 1em
}

.site-footer input::-webkit-input-placeholder,
.site-footer textarea::-webkit-input-placeholder {
    color: #fff
}

.site-footer input:-moz-placeholder,
.site-footer textarea:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.site-footer input::-moz-placeholder,
.site-footer textarea::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.site-footer input:-ms-input-placeholder,
.site-footer textarea:-ms-input-placeholder {
    color: #fff
}

.family-logos {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    border-top: 1px solid rgba(255, 255, 255, .15);
    padding-bottom: 1rem;
    padding-top: 1rem
}

.family-logo {
    display: inline-block;
    margin: 1rem;
    vertical-align: middle
}

@media screen and (min-width:30em) {
    .family-logo {
        margin-left: 2rem;
        margin-right: 2rem
    }
}

@media screen and (min-width:56em) {
    .family-logo {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
}

.family-logo a {
    display: block;
    transition: .3s all ease-out
}

.family-logo a:focus,
.family-logo a:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.family-logo a:focus svg,
.family-logo a:hover svg {
    fill: #fff
}

.family-logo svg {
    display: block;
    fill: rgba(255, 255, 255, .85);
    text-decoration: none
}

.family-logo-ki {
    height: 38px;
    width: 40px
}

.family-logo-pallas {
    height: 40px;
    width: 58px
}

.family-logo-spacesaver {
    height: 39px;
    width: 95px
}

.family-logo-afp {
    height: 43px;
    width: 73px
}

.footer-links {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    font-size: .875rem;
    font-weight: 400;
    margin-top: 1rem
}

@media screen and (min-width:70em) {
    .footer-links {
        float: left;
        margin-top: .425rem
    }
}

.footer-links li {
    display: inline-block;
    margin: 0 1em;
    vertical-align: middle
}

@media screen and (min-width:70em) {
    .footer-links li {
        margin-left: 0
    }
}

.site-footer .social-media a {
    border-radius: 3px;
    display: inline-block;
    margin: .25em;
    padding: .25em;
    text-decoration: none;
    -webkit-transition: 150ms all ease-out;
    transition: 150ms all ease-out;
    vertical-align: middle
}

.site-footer .social-media a:focus,
.site-footer .social-media a:hover {
    background-color: rgba(255, 255, 255, .2)
}

.site-footer .social-media a:focus .icon,
.site-footer .social-media a:hover .icon {
    fill: #fff
}

.site-footer .social-media .icon {
    display: block;
    fill: rgba(255, 255, 255, .85);
    height: 1.75em;
    -webkit-transition: 150ms all ease-out;
    transition: 150ms all ease-out;
    width: 1.75em
}

.main-nav,
.main-nav-menu {
    background: #fff;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .4s all ease-out;
    transition: .4s all ease-out;
    visibility: hidden;
    width: 100%;
    z-index: 9000
}

.main-nav-menu.is-active,
.main-nav.is-active {
    -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
    -webkit-transform: none;
    transform: none;
    visibility: visible
}

.main-nav-menu.is-locked,
.main-nav.is-locked {
    overflow: hidden
}

.main-nav-menu {
    font-size: .875rem;
    padding-bottom: 2rem
}

@media screen and (min-width:70em) {
    .site-footer .social-media {
        float: right
    }

    .site-footer .social-media a {
        margin-left: 1em;
        margin-right: 0
    }

    .main-nav-menu.is-locked,
    .main-nav.is-locked {
        overflow: visible
    }

    .main-nav {
        background: 0 0;
        height: auto;
        overflow: visible;
        position: static;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
        width: auto;
        visibility: visible
    }

    .main-nav.is-active {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .main-nav-menu {
        height: auto;
        opacity: 0;
        overflow: visible;
        position: absolute;
        top: 100%;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: .2s opacity ease-out;
        transition: .2s opacity ease-out;
        width: 100%
    }

    .main-nav-menu.is-active {
        -webkit-box-shadow: inset 0 1.25rem 1.25rem -1.25rem rgba(0, 0, 0, .08), inset 0 .5rem .5rem -.5rem rgba(0, 0, 0, .06);
        box-shadow: inset 0 1.25rem 1.25rem -1.25rem rgba(0, 0, 0, .08), inset 0 .5rem .5rem -.5rem rgba(0, 0, 0, .06);
        opacity: 1
    }
}

.main-nav-menu>.inner {
    padding-top: 0
}

.main-nav-menu>.inner>.unit {
    padding-bottom: 0
}

.main-nav-menu-content {
    margin: 0 auto;
    max-width: 35rem;
    padding: 0 2rem 2rem
}

@media screen and (min-width:70em) {
    .main-nav-menu-content {
        max-width: none;
        padding: 0
    }

    .main-nav-overlay {
        background: rgba(45, 45, 46, .5);
        height: 100%;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        -webkit-transition: 150ms all ease-out;
        transition: 150ms all ease-out;
        visibility: hidden;
        width: 100%;
        z-index: 100
    }

    .main-nav-overlay.is-active {
        opacity: 1;
        visibility: visible
    }

    .main-nav-cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .main-nav-col {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        margin: 0 1.5vmin
    }

    .main-nav-col:first-child {
        margin-left: 0
    }

    .main-nav-col:last-child {
        margin-right: 0
    }
}

.main-nav-helper {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.125;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    color: #5a5b5c;
    display: block;
    margin: 3rem 0 0;
    padding-bottom: .5rem
}

.main-nav-helper:first-child {
    margin-top: 0
}

.main-nav-block {
    margin-top: 3rem !important
}

@media screen and (min-width:70em) {
    .main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:30em) {
    .alpha-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .alpha-main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:56em) {
    .bravo-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .bravo-main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:70em) {
    .charlie-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:70em) and (min-width:70em) {
    .charlie-main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:80em) {
    .delta-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .delta-main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:102em) {
    .hero-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:102em) and (min-width:70em) {
    .hero-main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:110em) {
    .echo-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .echo-main-nav-block {
        margin-top: 1.5rem !important
    }
}

a.nav-icon-link {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #2d2d2e;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    text-decoration: none
}

a.nav-icon-link:focus .nav-icon-link-title,
a.nav-icon-link:hover .nav-icon-link-title {
    border-color: currentColor
}

a.nav-icon-link .icon {
    fill: #c8322b;
    margin: .25em .5em 0 0;
    max-width: 3em
}

.nav-icon-link-title {
    border-bottom: 1px solid transparent
}

.main-nav-back,
.main-nav-close,
.main-nav-open {
    background: 0 0;
    border: none;
    padding: 0
}

.main-nav-back:focus,
.main-nav-back:hover,
.main-nav-close:focus,
.main-nav-close:hover,
.main-nav-open:focus,
.main-nav-open:hover {
    background: 0 0;
    color: #2d2d2e
}

.main-nav-back,
.main-nav-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #5a5b5c;
    height: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 3rem
}

.main-nav-back svg,
.main-nav-close svg {
    display: block;
    fill: currentColor
}

.main-nav-close {
    right: 0
}

.main-nav-back {
    left: 0
}

.main-nav-header {
    background: #f7f7f7;
    padding: 1.5rem 2rem;
    position: relative;
    text-align: center
}

@media screen and (min-width:70em) {
    .main-nav-header {
        display: none
    }
}

.main-nav-logo {
    display: block;
    fill: #c8322b;
    margin: 1rem auto;
    width: 110px
}

.main-nav-cat {
    color: #5a5b5c;
    display: block;
    font-size: 1.25rem;
    margin-top: 1rem;
    text-align: center
}

.main-nav-primary {
    list-style-type: none;
    margin: 1rem auto 0;
    padding: 0 5vmin
}

@media screen and (min-width:70em) {
    .main-nav-primary {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        max-width: none;
        padding: 0
    }
}

.main-nav-primary>li>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    color: #2d2d2e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    padding: 1.25rem 0;
    text-decoration: none
}

@media screen and (min-width:70em) {
    .main-nav-primary>li>a {
        border-bottom: none;
        outline: 0;
        padding: .5rem 1rem;
        position: relative
    }
    .main-nav-primary>li {
        border-radius: 5px 5px; 
    }

    .li-active {
        background: #ca1a1a;
    }

    .main-nav-primary .li-active>a {
        color: #f0f0f4;
    }

    .main-nav-primary>li>a.is-active:after,
    .main-nav-primary>li>a:focus:after,
    .main-nav-primary>li>a:hover:after {
        opacity: 1
    }

    .main-nav-secondary {
        display: none
    }
}

.interior-hero,
.site-utilities,
li.utility-site-select {
    position: relative
}

@media screen and (min-width:80em) {
    .main-nav-primary>li>a {
        padding: .5rem 1.5rem
    }
}

.main-nav-secondary {
    list-style-type: none;
    margin: 1rem auto;
    padding: 0 5vmin;
    text-align: center
}

.main-nav-secondary a,
.main-nav-sub a {
    color: #5a5b5c;
    display: block;
    line-height: 1.5;
    text-decoration: none
}

.main-nav-secondary a {
    padding: .75rem 0
}

.main-nav-sub {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.5;
    margin: -.5rem 0 0 1rem
}

.main-nav-sub a {
    font-size: .875rem;
    padding: .5rem 0
}

@media screen and (min-width:70em) {
    .main-nav-sub {
        margin: 0
    }

    .main-nav-sub li+li {
        margin-top: .5rem
    }

    .main-nav-sub a {
        display: inline;
        padding: 0
    }

    .main-nav-sub a:focus,
    .main-nav-sub a:hover {
        border-bottom: 1px solid;
        color: #2d2d2e
    }
}

a.main-nav-level-2 {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    color: #2d2d2e;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 1rem 0;
    text-decoration: none
}

@media screen and (min-width:70em) {
    a.main-nav-level-2 {
        border-bottom: none;
        display: inline;
        padding: 0
    }

    a.main-nav-level-2:focus,
    a.main-nav-level-2:hover {
        border-bottom: 1px solid
    }
}

.main-nav-accordion {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.main-nav-accordion-header {
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-nav-accordion-header .main-nav-level-2 {
    border-bottom: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.main-nav-accordion-arrow {
    background: 0 0;
    border: none;
    padding: 0 1rem
}

.main-nav-accordion-arrow:focus,
.main-nav-accordion-arrow:hover {
    background: 0 0
}

@media screen and (min-width:70em) {
    .main-nav-accordion {
        border-bottom: none
    }

    .main-nav-accordion-header {
        display: block;
        margin-bottom: .5rem
    }

    .main-nav-accordion-arrow {
        display: none
    }
}

.main-nav-accordion-header .icon {
    fill: #5a5b5c;
    -webkit-transition: .3s -webkit-transform ease-out;
    transition: .3s -webkit-transform ease-out;
    transition: .3s transform ease-out;
    transition: .3s transform ease-out, .3s -webkit-transform ease-out
}

.main-nav-accordion .open .main-nav-accordion-header .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-nav-accordion-content {
    margin-bottom: 1.25rem
}

.main-nav .image-cta .image-cta-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .main-nav .image-cta .image-cta-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .main-nav .image-cta .image-cta-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .main-nav .image-cta .image-cta-title,
.text-white .main-nav .image-cta .image-cta-title {
    color: #fff
}

.secondary-nav {
    display: none
}

@media screen and (min-width:70em) {
    .main-nav-accordion-content {
        margin-bottom: 0
    }

    .secondary-nav {
        list-style-type: none;
        margin-top: 0;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: .75rem 0
    }
}

.secondary-nav li+li {
    margin-left: 1.25rem
}

.secondary-nav a {
    color: #5a5b5c;
    text-decoration: none
}

.secondary-nav a:focus,
.secondary-nav a:hover {
    -webkit-text-decoration-color: #2d2d2e;
    text-decoration-color: #2d2d2e;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
    color: #2d2d2e
}

.breadcrumbs a:focus,
.breadcrumbs a:hover,
.filter-bar-item:focus,
.filter-bar-item:hover,
.modified-product-card:focus .modified-product-card-title,
.modified-product-card:hover .modified-product-card-title,
.product-hero-overview.stuck .product-hero-nav a:focus,
.product-hero-overview.stuck .product-hero-nav a:hover,
.section-nav a:focus,
.section-nav a:hover,
.spec-sheet-pdf-project .dataTables_paginate .paginate_button:focus,
.spec-sheet-pdf-project .dataTables_paginate .paginate_button:hover,
.spec-sheet-pdf-project .page-jump a:focus,
.spec-sheet-pdf-project .page-jump a:hover,
.spec-sheet-pdf-project .page-jump button:focus,
.spec-sheet-pdf-project .page-jump button:hover,
.spec-sheet-pdf-project .paging-simple a:focus,
.spec-sheet-pdf-project .paging-simple a:hover,
.spec-sheet-pdf-project .paging-simple button:focus,
.spec-sheet-pdf-project .paging-simple button:hover,
.swatch-card a:focus .swatch-card-title,
.swatch-card a:hover .swatch-card-title,
.swatch-selector .swatch-card:focus .swatch-card-title,
.swatch-selector .swatch-card:hover .swatch-card-title,
.text-white .dataTables_paginate .paginate_button:focus,
.text-white .dataTables_paginate .paginate_button:hover,
.text-white .page-jump a:focus,
.text-white .page-jump a:hover,
.text-white .page-jump button:focus,
.text-white .page-jump button:hover,
.text-white .paging-simple a:focus,
.text-white .paging-simple a:hover,
.text-white .paging-simple button:focus,
.text-white .paging-simple button:hover,
a.author-card:focus .author-card-name,
a.author-card:hover .author-card-name {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em
}

.site-utilities {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1rem
}

.site-utilities>li>a {
    cursor: pointer;
    display: block;
    height: 100%;
    padding: 1rem;
    text-decoration: none
}

.site-utilities>li>a:focus,
.site-utilities>li>a:hover {
    background: #fff
}

.utility-title {
    display: none
}

@media screen and (min-width:30em) {
    .utility-title {
        display: inline
    }
}

.utility-user .utility-icon {
    height: 1.071428571428571em;
    width: .8571428571428571em
}

li.utility-site-select>button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: .75em 1em
}

li.utility-site-select.is-active>button,
li.utility-site-select>button:focus,
li.utility-site-select>button:hover {
    background: #fff
}

li.utility-site-select .flag-icon,
li.utility-site-select.is-active .dropdown-menu {
    display: block
}

li.utility-site-select .dropdown-menu {
    left: auto;
    right: 0;
    text-align: left
}

.section-nav {
    font-size: .875rem;
    font-weight: 400;
    background-color: #f7f7f7
}

*+.section-nav {
    margin-top: 5vmin
}

@media screen and (min-width:70em) {
    *+.section-nav {
        margin-top: 3vmin
    }

    .section-nav .accordion-item {
        border: none
    }

    .section-nav .accordion-header {
        display: none
    }
}

.quick-links-title,
.section-nav .section-nav-title {
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(0, 0, 0, .08);
    font-size: .875rem;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.section-nav .accordion-more {
    background: #f7f7f7;
    padding: 1.5rem !important
}

@media screen and (min-width:70em) {
    .section-nav .accordion-more {
        display: block !important;
        height: auto !important
    }
}

.section-nav .section-nav-title {
    color: #5a5b5c;
    font-weight: 400;
    display: block;
    margin: 0 0 1rem;
    padding: 0 0 .75rem
}

.spec-sheet-pdf-project .section-nav .section-nav-title,
.text-white .section-nav .section-nav-title {
    color: #fff
}

.section-nav ul {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.section-nav li.open {
    background-color: #fff;
    margin: 0 -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .75rem
}

.section-nav .open+li {
    margin-top: .5rem
}

.section-nav li {
    padding: .5rem 0
}

.section-nav .sub li {
    padding: .25rem 0
}

.section-nav .nav-list-level-2 {
    margin-top: .25rem;
    padding-left: 1rem
}

.section-nav a {
    color: #2d2d2e;
    display: block;
    text-decoration: none
}

.section-nav .sub a {
    color: #5a5b5c
}

.section-nav .sub a:focus,
.section-nav .sub a:hover {
    color: #2d2d2e
}

.section-nav a.current {
    color: #c8322b;
    font-weight: 600
}

.section-nav .nav-list-level-3 {
    border-left: 1px solid rgba(0, 0, 0, .08);
    font-size: .875rem;
    margin: .5rem 0 .25rem;
    padding-left: .875rem
}

.section-nav .search-box {
    margin-bottom: 1rem
}

.quick-links {
    background-color: #f7f7f7;
    padding: 1.5rem
}

.quick-links :first-child {
    margin-top: 0
}

.quick-links :last-child {
    margin-bottom: 0
}

.quick-links-title {
    color: #5a5b5c;
    font-weight: 400;
    display: block;
    margin-bottom: 1rem;
    padding-bottom: .75rem
}

.spec-sheet-pdf-project .quick-links-title,
.text-white .quick-links-title {
    color: #fff
}

.quick-links ul {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-size: .875rem;
    font-weight: 400
}

.quick-links li+li {
    margin-top: 1rem
}

.quick-links ul a {
    color: #2d2d2e;
    display: block;
    text-decoration: none
}

.quick-links ul a:focus,
.quick-links ul a:hover {
    color: #c8322b
}

.paging-split {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding: 1rem 0
}

@media screen and (min-width:56em) {
    .paging-split {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.product-grid+.paging-split,
table+.paging-split {
    border-top: none
}

.paging-simple {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: inherit;
    text-align: center
}

.paging-simple .counter {
    vertical-align: middle
}

.page-jump a,
.page-jump button,
.paging-full .next a,
.paging-full .next button,
.paging-full .page-select a,
.paging-full .page-select button,
.paging-full .prev a,
.paging-full .prev button,
.paging-simple a,
.paging-simple button {
    font-weight: 600
}

.page-jump label {
    color: #5a5b5c;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: inherit;
    line-height: 1.75;
    margin: 0;
    text-transform: none
}

.image-cta-subtitle,
.reversible-row-subtitle {
    text-transform: uppercase;
    letter-spacing: .1em
}

.spec-sheet-pdf-project .page-jump label,
.text-white .page-jump label {
    color: rgba(255, 255, 255, .85)
}


/* 2023change */
.paging-simple a,
.paging-simple button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: none;
    color: #2d2d2e;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    padding: .5rem 1rem;
    text-decoration: none
}

.paging-simple a:focus,
.paging-simple a:hover,
.paging-simple button:focus,
.paging-simple button:hover {
    background: 0 0;
    color: #c8322b
}

.paging-simple a:disabled:focus,
.paging-simple a:disabled:hover,
.paging-simple button:disabled:focus,
.paging-simple button:disabled:hover {
    border: none;
    color: #5a5b5c
}

.spec-sheet-pdf-project .paging-simple a,
.spec-sheet-pdf-project .paging-simple button,
.text-white .paging-simple a,
.text-white .paging-simple button {
    color: #fff
}

.spec-sheet-pdf-project .paging-simple a:disabled:focus,
.spec-sheet-pdf-project .paging-simple a:disabled:hover,
.spec-sheet-pdf-project .paging-simple button:disabled:focus,
.spec-sheet-pdf-project .paging-simple button:disabled:hover,
.text-white .paging-simple a:disabled:focus,
.text-white .paging-simple a:disabled:hover,
.text-white .paging-simple button:disabled:focus,
.text-white .paging-simple button:disabled:hover {
    color: #fff;
    text-decoration: none
}

.paging-simple .disabled {
    opacity: .5;
    pointer-events: none
}

.page-jump {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-jump input[type=number],
.page-jump input[type=text] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    display: inline-block;
    margin: 0 .5em;
    padding: .5em;
    text-align: center;
    width: 2.5em
}

.dataTables_paginate .paginate_button .icon,
.page-jump svg,
.paging-simple svg {
    fill: currentColor;
    height: .6666666666666667em;
    width: .3125em
}

.page-jump input[type=number]::-webkit-inner-spin-button,
.page-jump input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dataTables_paginate .paginate_button.next .icon,
.page-jump svg,
.paging-simple .next svg {
    margin-left: .5rem
}

.dataTables_paginate .paginate_button.previous .icon,
.paging-simple .prev svg {
    margin-right: .5rem
}

.page-jump svg,
.paging-simple svg {
    display: block
}

.dataTables_paginate,
.page-jump a,
.page-jump button {
    -webkit-box-align: center;
    display: -webkit-box;
    display: -ms-flexbox
}

.page-jump a,
.page-jump button {
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: none;
    color: #2d2d2e;
    display: flex;
    padding: .5rem 0;
    text-decoration: none
}

.page-jump a:focus,
.page-jump a:hover,
.page-jump button:focus,
.page-jump button:hover {
    background: 0 0;
    color: #c8322b
}

.page-jump a:disabled,
.page-jump button:disabled {
    background-color: transparent;
    border: none;
    color: #5a5b5c
}

.spec-sheet-pdf-project .page-jump a,
.spec-sheet-pdf-project .page-jump button,
.text-white .page-jump a,
.text-white .page-jump button {
    color: #fff
}

.spec-sheet-pdf-project .page-jump a:disabled:focus,
.spec-sheet-pdf-project .page-jump a:disabled:hover,
.spec-sheet-pdf-project .page-jump button:disabled:focus,
.spec-sheet-pdf-project .page-jump button:disabled:hover,
.text-white .page-jump a:disabled:focus,
.text-white .page-jump a:disabled:hover,
.text-white .page-jump button:disabled:focus,
.text-white .page-jump button:disabled:hover {
    color: #fff;
    text-decoration: none
}

.dataTables_paginate {
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dataTables_paginate .ellipsis {
    color: #5a5b5c
}

.dataTables_paginate .paginate_button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2d2d2e;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    padding: .5rem 1rem;
    text-decoration: none;
    vertical-align: middle
}

.dataTables_paginate .paginate_button:focus,
.dataTables_paginate .paginate_button:hover {
    color: #c8322b
}

.spec-sheet-pdf-project .dataTables_paginate .paginate_button,
.text-white .dataTables_paginate .paginate_button {
    color: #fff
}

.image-cta .arrow-link .icon,
.image-cta:focus .image-cta-video-icon svg,
.image-cta:hover .image-cta-video-icon svg {
    fill: #fff
}

.dataTables_paginate .paginate_button.current {
    background-color: #f7f7f7;
    color: #2d2d2e
}

.dataTables_paginate .paginate_button.next,
.dataTables_paginate .paginate_button.previous {
    font-weight: 600;
    padding: .5rem 1rem
}

.dataTables_info {
    font-size: 1rem;
    font-weight: 400;
    color: #5a5b5c;
    display: block;
    padding: .875em 0;
    text-align: center
}

.spec-sheet-pdf-project .dataTables_info,
.text-white .dataTables_info {
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .85)
}

.dataTables_info+.dataTables_paginate {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.interior-hero-img-wrap:not(:first-child) {
    display: none
}

.slick-initialized .interior-hero-img-wrap:not(:first-child) {
    display: block
}

/*2024change*/
.interior-hero-img {
    display: block;
    height: 38vmin;
    min-height: 10rem
}

@media screen and (min-width:30em) {
    .interior-hero-img {
        min-height: 16rem
    }
}

.interior-hero-img img {
    display: block;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (min-width:56em) {
    .interior-hero-img {
        min-height: 26rem;
        opacity: var(--opacity, 1)
    }

    .interior-hero-overlay {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 2
    }
}

.interior-hero-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    text-align: center;
    width: 100%;
    padding: 5vmin
}

.image-cta,
.interior-hero.bottom-left .interior-hero-content {
    text-align: left
}

@media screen and (min-width:70em) {
    .dataTables_info {
        font-size: 1rem;
        font-weight: 400
    }

  /*2024change*/
    .interior-hero-img {
        min-height: 12rem
    }

    .interior-hero-content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

.interior-hero-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0;
    padding-bottom: 0;
    font-size: 2.5rem
}

@media screen and (min-width:30em) {
    .interior-hero-title {
        font-size: calc(2.5rem + 3 * ((100vw - 30rem)/ 50))
    }
}

/*2023change*/
@media screen and (min-width:80em) {
    .interior-hero-title {
        /*font-size: 5.5rem*/
      font-size: 4rem
    }
}

.spec-sheet-pdf-project .interior-hero-title,
.text-white .interior-hero-title {
    color: #fff
}

.interior-hero-teaser {
    font-weight: 300;
    color: #5a5b5c;
    line-height: inherit;
    margin: .25em 0 0;
    max-width: 60rem;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .interior-hero-teaser {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .interior-hero-teaser {
        font-size: 1.25rem
    }
}

@media screen and (min-width:56em) {
    .interior-hero-content {
        padding-top: 0;
        padding-bottom: 0
    }

    .interior-hero-title.spec-sheet-pdf-project,
    .interior-hero-title.text-white {
        text-shadow: 0 0 4em rgba(0, 0, 0, .75), 0 0 2em rgba(0, 0, 0, .2), 0 .05em .125em rgba(0, 0, 0, .025)
    }

    .interior-hero-teaser {
        margin-left: auto;
        margin-right: auto
    }

    .interior-hero-overlay a:not([class*=btn]) {
        border: none
    }

    .interior-hero-overlay a:not([class*=btn]):focus,
    .interior-hero-overlay a:not([class*=btn]):hover {
        text-decoration: none
    }
}

.interior-hero-teaser p {
    display: inline;
    font-size: 1em;
    margin: 0
}

.interior-hero-overlay a:not([class*=btn]) {
    color: #c8322b
}

.interior-hero-teaser .btn {
    background-color: #5a5b5c;
    border-color: #5a5b5c;
    color: #fff
}

.interior-hero-teaser .btn:focus,
.interior-hero-teaser .btn:hover {
    background-color: #2d2d2e;
    border-color: #2d2d2e;
    color: #fff
}

.interior-hero-teaser .btn-secondary {
    border-color: #5a5b5c;
    color: #5a5b5c
}

.interior-hero-teaser .btn-secondary:focus,
.interior-hero-teaser .btn-secondary:hover {
    background-color: #5a5b5c;
    border-color: #5a5b5c;
    color: #fff
}

.interior-hero-teaser .btn-cta {
    background-color: #c8322b;
    border-color: #c8322b;
    color: #fff
}

.interior-hero-teaser .btn-cta:focus,
.interior-hero-teaser .btn-cta:hover {
    background-color: #2d2d2e;
    border-color: #2d2d2e;
    color: #fff
}

@media screen and (min-width:56em) {

    .interior-hero-teaser.spec-sheet-pdf-project .btn,
    .interior-hero-teaser.spec-sheet-pdf-project .btn-cta,
    .interior-hero-teaser.text-white .btn,
    .interior-hero-teaser.text-white .btn-cta {
        background-color: #fff;
        border-color: #fff;
        color: #5a5b5c
    }

    .interior-hero-teaser.spec-sheet-pdf-project .btn-cta:focus,
    .interior-hero-teaser.spec-sheet-pdf-project .btn-cta:hover,
    .interior-hero-teaser.spec-sheet-pdf-project .btn:focus,
    .interior-hero-teaser.spec-sheet-pdf-project .btn:hover,
    .interior-hero-teaser.text-white .btn-cta:focus,
    .interior-hero-teaser.text-white .btn-cta:hover,
    .interior-hero-teaser.text-white .btn:focus,
    .interior-hero-teaser.text-white .btn:hover {
        background-color: transparent;
        border-color: #fff;
        color: #fff
    }

    .interior-hero-teaser.spec-sheet-pdf-project .btn-secondary,
    .interior-hero-teaser.text-white .btn-secondary {
        border-color: #fff;
        color: #fff
    }

    .interior-hero-teaser.spec-sheet-pdf-project .btn-secondary:focus,
    .interior-hero-teaser.spec-sheet-pdf-project .btn-secondary:hover,
    .interior-hero-teaser.text-white .btn-secondary:focus,
    .interior-hero-teaser.text-white .btn-secondary:hover {
        background-color: #fff;
        color: #2d2d2e
    }

    .interior-hero-overlay .arrow-link .icon {
        fill: #fff
    }
}

.interior-hero-overlay .arrow-link {
    margin-left: .25em
}

.interior-hero-overlay .arrow-link span:not(.no-wrap) {
    border-bottom: 1px solid #fff
}

@media screen and (min-width:56em) {

    .interior-hero-content .spec-sheet-pdf-project,
    .interior-hero-content .spec-sheet-pdf-project a:not([class*=btn]),
    .interior-hero-content .text-white,
    .interior-hero-content .text-white a:not([class*=btn]) {
        color: #fff
    }

    .interior-hero.bottom-left:after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(80%, rgba(45, 45, 46, .6)));
        background: linear-gradient(to bottom, transparent 50%, rgba(45, 45, 46, .6) 80%);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .interior-hero.bottom-left.no-gradient:after {
        content: none
    }
}

.image-cta,
.image-cta:focus,
.image-cta:hover {
    background-color: #5a5b5c;
    text-decoration: none
}

.interior-hero.bottom-left .interior-hero-overlay {
    display: block;
    height: auto
}

.image-cta,
.image-cta.cta-row-video {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (min-width:56em) {
    .interior-hero.bottom-left .interior-hero-content {
        padding-bottom: 5vmin
    }

    .interior-hero.bottom-left .interior-hero-title {
        text-shadow: none
    }
}

.interior-hero.bottom-left .interior-hero-teaser {
    max-width: 60rem
}

@media screen and (min-width:70em) {
    .interior-hero.bottom-left .interior-hero-content {
        padding-bottom: 3vmin
    }

    .interior-hero.bottom-left .interior-hero-teaser {
        font-weight: 300;
        line-height: inherit;
        margin-left: 0;
        margin-right: 0;
        font-size: 1.125rem
    }
}

@media screen and (min-width:70em) and (min-width:30em) {
    .interior-hero.bottom-left .interior-hero-teaser {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:70em) and (min-width:80em) {
    .interior-hero.bottom-left .interior-hero-teaser {
        font-size: 1.25rem
    }
}

.image-cta {
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    min-height: 15rem;
    overflow: hidden;
    padding-top: 16%;
    position: relative;
    transition: .3s all ease-out
}

.image-cta:focus:after,
.image-cta:hover:after {
    opacity: 0
}

.image-cta:focus .image-cta-img,
.image-cta:hover .image-cta-img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: .4;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.image-cta:focus .image-cta-overlay,
.image-cta:hover .image-cta-overlay {
    -webkit-transform: none !important;
    transform: none !important
}

.image-cta:focus .image-cta-teaser,
.image-cta:hover .image-cta-teaser {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

.image-cta:focus .image-cta-video-icon,
.image-cta:hover .image-cta-video-icon {
    background: #c8322b;
    border-color: #c8322b;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.image-cta.is-loading {
    background: #f7f7f7
}

.image-cta.is-loading>* {
    opacity: 0
}

.image-cta.is-loading:before {
    -webkit-animation: loader 1s infinite linear;
    animation: loader 1s infinite linear;
    border: .5em solid rgba(45, 45, 46, .47);
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-top-color: transparent;
    border-width: .125rem;
    content: '';
    display: block;
    height: 1.5rem;
    left: 50%;
    margin: -.75rem 0 0 -.75rem;
    position: absolute;
    top: 50%;
    width: 1.5rem
}

.image-cta-img,
.image-cta:after {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.image-cta.is-loading:after {
    opacity: 0
}

.image-cta.image-cta-md {
    padding-top: 40%
}

.image-cta.image-cta-lg {
    padding-top: 60%
}

.image-cta:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(80%, rgba(45, 45, 46, .6)));
    background: linear-gradient(to bottom, transparent 40%, rgba(45, 45, 46, .6) 80%);
    content: '';
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    width: 100%;
    z-index: 2
}

.image-cta-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin: 0 auto;
    -webkit-transition: .3s opacity ease-out, .5s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .5s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .5s transform ease-out;
    transition: .3s opacity ease-out, .5s transform ease-out, .5s -webkit-transform ease-out;
    width: 100%;
    z-index: 1
}

.image-cta-overlay {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #fff;
    padding: 1rem 1.5rem;
    position: relative;
    -webkit-transition: 350ms all ease-out;
    transition: 350ms all ease-out;
    width: 100%;
    z-index: 3
}

@media screen and (min-width:30em) {
    .image-cta-overlay {
        padding: 1.5rem 2rem
    }
}

@media screen and (min-width:70em) {
    .unit.size1of3 .image-cta-overlay {
        padding: 1rem 1.5rem
    }
}

.image-cta-overlay :last-child {
    margin-bottom: 0
}

.image-cta-subtitle {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375;
    color: #fff;
    display: block;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.spec-sheet-pdf-project .image-cta-subtitle,
.text-white .image-cta-subtitle {
    color: #fff
}

.image-cta-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    color: #fff !important;
    line-height: 1.2;
    margin: 0;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .image-cta-title {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .unit.size1of3 .image-cta-overlay {
        padding: 1.5rem 2rem
    }

    .image-cta-title {
        font-size: 1.75rem
    }
}

.spec-sheet-pdf-project .image-cta-title,
.text-white .image-cta-title {
    color: #fff
}

.image-cta .arrow-link:focus span,
.image-cta .arrow-link:hover span {
    border-bottom: none
}

.image-cta-teaser {
    color: #fff;
    left: 0;
    line-height: 1.5;
    margin: 0;
    max-width: 60rem;
    opacity: 0;
    padding-top: .5rem;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition: 450ms all ease-out;
    transition: 450ms all ease-out;
    width: 100%
}

.image-cta-video-icon {
    background: #fff;
    border: .25em solid #fff;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    color: #fff;
    display: block;
    font-size: .875rem;
    height: 4em;
    left: 50%;
    margin-left: -2em;
    margin-top: -2em;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: 350ms all ease-out;
    transition: 350ms all ease-out;
    width: 4em;
    z-index: 3
}

@media screen and (min-width:56em) {
    .image-cta-video-icon {
        font-size: 1rem
    }
}

.image-cta-video-icon svg {
    display: block;
    fill: #5a5b5c;
    left: 50%;
    height: 1.5em;
    margin-left: -.625em;
    margin-top: -.75em;
    position: absolute;
    top: 50%;
    -webkit-transition: 350ms all ease-out;
    transition: 350ms all ease-out;
    width: 1.375em
}

.image-cta.cta-row-video {
    display: flex;
    margin-bottom: 1rem;
    min-height: 0;
    padding-top: 100%;
    width: 100%
}

.featured-ctas {
    background-color: #f7f7f7
}

.cta-equal-heights .image-cta,
.featured-ctas .image-cta {
    height: 100%
}

.featured-ctas+.section-bg,
.sticky-wrapper+.featured-ctas {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.image-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-top: .5rem !important
}

.image-grid-item.flex-25 {
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%
}

.image-grid-item.flex-33 {
    -webkit-box-flex: 33.33333%;
    -ms-flex: 33.33333%;
    flex: 33.33333%
}

.image-grid-item.flex-40 {
    -webkit-box-flex: 40%;
    -ms-flex: 40%;
    flex: 40%
}

.image-grid-item.flex-50 {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
}

.image-grid-item.flex-60 {
    -webkit-box-flex: 60%;
    -ms-flex: 60%;
    flex: 60%
}

.image-grid-item.flex-66 {
    -webkit-box-flex: 66.66667%;
    -ms-flex: 66.66667%;
    flex: 66.66667%
}

.image-grid-item.flex-75 {
    -webkit-box-flex: 75%;
    -ms-flex: 75%;
    flex: 75%
}

.image-grid-item:not(:last-child) {
    margin-right: .5rem
}

.image-grid-item img {
    display: block;
    width: 100%
}

.image-grid-caption {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    display: block;
    font-size: 1rem;
    font-style: italic;
    margin: 0 auto;
    padding: 1em
}

.image-grid-caption :first-child {
    margin-top: 0
}

.image-grid-caption :last-child {
    margin-bottom: 0
}

.spec-sheet-pdf-project .image-grid-caption,
.text-white .image-grid-caption {
    border-color: rgba(255, 255, 255, .2)
}

.cs-image-grid {
    font-size: 0
}

.cs-image-grid img {
    cursor: pointer;
    margin-bottom: 1rem;
    max-width: none;
    width: 100%
}

.cs-image-grid.images-loaded {
    position: relative
}

@media screen and (min-width:30em) {
    .cs-image-grid.images-loaded a:nth-child(1) img {
        margin-left: 0
    }

    .cs-image-grid.images-loaded img {
        margin-left: 1rem;
        position: absolute
    }

    .cs-image-grid.images-loaded.positioning img {
        position: absolute
    }

    .cs-image-grid.images-loaded img.first,
    .cs-image-grid.images-loaded img.last {
        margin-left: 0
    }

    .cs-image-grid.images-loaded img.last,
    .cs-image-grid.images-loaded.first-is-hero img:nth-child(1) {
        max-width: none !important;
        width: 100%
    }
}

.filter-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .75em
}

.filter-bar-full {
    display: block;
    padding: .75em 0
}

.filter-bar-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.filter-bar-item,
.filter-bar-title {
    display: inline-block;
    color: #2d2d2e;
    vertical-align: middle
}

@media screen and (min-width:70em) {
    .filter-bar-content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

.filter-bar-title {
    font-size: 1rem;
    font-weight: 600;
    padding: .375em .675em
}

.filter-bar-full .filter-bar-title {
    padding-left: 0
}

.filter-bar-item {
    padding: .375em .675em;
    text-decoration: none
}

.filter-bar-item.current {
    background-color: #fff;
    border-radius: 3px;
    color: #2d2d2e;
    cursor: default
}

.filter-bar-item.current:focus,
.filter-bar-item.current:hover {
    text-decoration: none
}

.filter-bar .alpha-list {
    display: none;
    vertical-align: middle
}

.filter-bar .alpha-dropdown {
    display: inline-block;
    margin: .375em .675em;
    vertical-align: middle;
    width: 10em
}

.filter-bar .view-by-character .filter-bar-item {
    padding: .25em .5em
}

.page-header+.filter-bar {
    margin-top: 2.5vmin
}

@media screen and (min-width:70em) {
    .filter-bar .alpha-list {
        display: inline-block
    }

    .filter-bar .alpha-dropdown {
        display: none
    }

    .page-header+.filter-bar {
        margin-top: 1.5vmin
    }
}

.surface-materials-header+.filter-bar {
    margin-top: .25rem
}

.filter-bar+.listing-header,
.sticky-wrapper+.listing-header {
    margin-top: 5vmin
}

@media screen and (min-width:70em) {

    .filter-bar+.listing-header,
    .sticky-wrapper+.listing-header {
        margin-top: 3vmin
    }
}

.clear-filter .icon {
    color: #c8322b
}

.filter-bar-title+.clear-filter {
    margin-left: -.675em
}

.filter-bar.stuck {
    background-color: #f7f7f7;
    border-bottom: 3px solid rgba(0, 0, 0, .08);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.case-studies-grid,
.event-card {
    position: relative
}

.filter-bar.stuck .filter-bar-content {
    margin: 0 auto;
    max-width: 100rem
}

.filter-bar+.search-box,
.search-box+.filter-bar {
    margin-top: 1.5rem
}

.surface-material-type-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1em
}

@media screen and (min-width:30em) {
    .surface-material-type-filter {
        margin-top: 0
    }
}

.surface-material-type-filter input[type=radio]+label {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase;
    line-height: inherit;
    margin: .375em 2em .375em 0
}

.reversible-row-subtitle,
.reversible-row-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.375
}

.spec-sheet-pdf-project .surface-material-type-filter input[type=radio]+label,
.text-white .surface-material-type-filter input[type=radio]+label {
    color: #fff
}

.product-filter-bar .dropdown,
.product-filter-bar .search-box {
    display: block;
    max-width: none;
    vertical-align: middle;
    width: 100%
}

@media screen and (min-width:56em) {
    .surface-material-type-filter input[type=radio]+label {
        margin-left: 2em;
        margin-right: .675em
    }

    .product-filter-bar .dropdown,
    .product-filter-bar .search-box {
        width: 20em
    }
}

@media screen and (min-width:70em) {

    .product-filter-bar .dropdown,
    .product-filter-bar .search-box {
        display: inline-block
    }
}

.product-filter-bar .filter-bar-group {
    margin: .5em 0;
    width: 100%
}

.product-filter-bar.stuck .filter-bar-group {
    margin: 0
}

.masonry-grid,
.masonry-grid-item:not(:last-child) {
    margin-bottom: 3px
}

.masonry-grid,
.reversible-row {
    margin-left: auto;
    margin-right: auto
}

.product-filter-bar.stuck .filter-bar-title {
    display: none
}

@media screen and (min-width:56em) {
    .product-filter-bar .filter-bar-group {
        width: auto
    }

    .product-filter-bar.stuck .filter-bar-title {
        display: inline-block
    }
}

.product-filter-bar.stuck .filter-bar-group:nth-child(2) {
    display: none
}

.masonry-grid {
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin
}

@media screen and (min-width:70em) {
    .masonry-grid {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

@media screen and (min-width:56em) {
    .product-filter-bar.stuck .filter-bar-group:nth-child(2) {
        display: block
    }

    .masonry-grid {
        display: -ms-grid;
        display: grid;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        grid-gap: 3px
    }

    .masonry-grid-item:not(:last-child) {
        margin-bottom: 0
    }

    .masonry-grid.masonry-count-2 {
        -ms-grid-columns: 60% 40%;
        grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
        -ms-grid-rows: minmax(400px, 36vmin);
        grid-template-rows: minmax(400px, 36vmin)
    }

    .masonry-count-2 .masonry-grid-item:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        grid-row: 1
    }

    .masonry-count-2 .masonry-grid-item:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        grid-row: 1
    }

    .masonry-grid.masonry-count-3 {
        -ms-grid-columns: 45% 55%;
        grid-template-columns: minmax(auto, 45%) minmax(auto, 55%);
        -ms-grid-rows: minmax(400px, 36vmin) minmax(300px, 26vmin);
        grid-template-rows: minmax(400px, 36vmin) minmax(300px, 26vmin)
    }

    .masonry-count-3 .masonry-grid-item:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .masonry-count-3 .masonry-grid-item:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .masonry-count-3 .masonry-grid-item:nth-child(3) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3
    }

    /* 2023change */
    .masonry-grid.masonry-count-4 {
        -ms-grid-columns: 55% 45%;
        grid-template-columns: minmax(auto, 100%) minmax(auto, 100%);
        -ms-grid-rows: minmax(350px, 30vmin) minmax(80px, 10vmin) minmax(350px, 34vmin);
        grid-template-rows: minmax(430px, 30vmin) minmax(200px, 10vmin) minmax(330px, 34vmin);
    }

    

    .masonry-grid.masonry-count-5 {
        -ms-grid-columns: 40% 30% 30%;
        grid-template-columns: minmax(auto, 40%) minmax(auto, 30%) minmax(auto, 30%);
        -ms-grid-rows: minmax(300px, 30vmin) minmax(80px, 10vmin) minmax(350px, 36vmin);
        grid-template-rows: minmax(300px, 30vmin) minmax(80px, 10vmin) minmax(350px, 36vmin)
    }

    .masonry-count-5 .masonry-grid-item:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3
    }

    .masonry-count-5 .masonry-grid-item:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .masonry-count-5 .masonry-grid-item:nth-child(3) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .masonry-count-5 .masonry-grid-item:nth-child(4) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        grid-row: 2/4
    }

    .masonry-count-5 .masonry-grid-item:nth-child(5) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        grid-row: 2/4
    }

    .masonry-grid.masonry-count-6 {
        -ms-grid-columns: minmax(290px, 34%) minmax(145px, 10%) minmax(145px, 16%) minmax(290px, 60%);
        grid-template-columns: minmax(290px, 34%) minmax(145px, 10%) minmax(145px, 16%) minmax(290px, 60%);
        -ms-grid-rows: minmax(350px, 30vmin) minmax(300px, 24vmin) minmax(450px, 36vmin);
        grid-template-rows: minmax(350px, 30vmin) minmax(300px, 24vmin) minmax(450px, 36vmin)
    }

    .masonry-count-6 .masonry-grid-item:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3
    }

    .masonry-count-6 .masonry-grid-item:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3
    }

    .masonry-count-6 .masonry-grid-item:nth-child(3) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .masonry-count-6 .masonry-grid-item:nth-child(4) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .masonry-count-6 .masonry-grid-item:nth-child(5) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .masonry-count-6 .masonry-grid-item:nth-child(6) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-column: 3/5;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .masonry-grid .image-cta {
        height: 100%;
        max-width: none;
        padding-top: 0
    }
}

.reversible-row {
    max-width: 100rem;
    text-align: left;
    padding: 5vmin
}

@media screen and (min-width:70em) {
    .reversible-row {
        padding: 3vmin
    }
}

@media screen and (min-width:56em) {
    .reversible-row {
        margin-left: auto;
        margin-right: auto;
        max-width: 100rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .unit>.reversible-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -2.5vmin;
        margin-right: -2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .reversible-row {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }

    .unit>.reversible-row {
        margin-left: -1.5vmin;
        margin-right: -1.5vmin
    }
}

.unit>.reversible-row {
    padding: 0
}

@media screen and (min-width:70em) {
    .unit>.reversible-row {
        padding: 0
    }
}

.reversible-row.image-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.event-card,
.featured-grid .product-grid,
.jump-to,
.product-card a,
.product-card>button {
    -webkit-box-direction: normal
}

.reversible-row-image {
    margin-bottom: 5vmin
}

@media screen and (min-width:56em) {
    .reversible-row-image {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        margin-bottom: 0
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .reversible-row-image {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.reversible-row-image img {
    display: block;
    width: 100%
}

@media screen and (min-width:56em) {
    .reversible-row-content {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .reversible-row-content {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.reversible-row-subtitle {
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    display: block
}

.spec-sheet-pdf-project .reversible-row-subtitle,
.text-white .reversible-row-subtitle {
    color: #fff
}

.reversible-row-title {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    display: block;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .reversible-row-title {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .reversible-row-title {
        font-size: 1.75rem
    }
}

.spec-sheet-pdf-project .reversible-row-title,
.text-white .reversible-row-title {
    color: #fff
}

.reversible-row-teaser :last-child {
    margin-bottom: 0
}

.homepage>.section-padded:first-child>.reversible-row:first-child {
    padding-top: 0
}

.large-text .reversible-row-teaser {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .large-text .reversible-row-teaser {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .large-text .reversible-row-teaser {
        font-size: 1.25rem
    }
}

@media screen and (min-width:56em) and (-ms-high-contrast:none) {
    .case-studies-grid>* {
        width: calc(50% - .5rem - .1px)
    }
}

@media screen and (min-width:56em) {
    .case-studies-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -1rem
    }

    .case-studies-grid>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - .5rem);
        flex: 0 0 calc(50% - .5rem);
        margin-bottom: 1rem;
        max-width: calc(50% - .5rem - .1px)
    }

    .case-studies-grid>:nth-child(2n) {
        margin-right: 0
    }

    .case-studies-grid>:not(:nth-child(2n)) {
        margin-right: 1rem
    }
}

.image-cta+.case-studies-grid {
    margin-top: 1rem
}

.case-studies-grid .image-cta {
    margin-bottom: 1rem;
    margin-left: 0;
    padding-top: 40%
}

@media screen and (min-width:56em) {
    .case-studies-grid .image-cta {
        padding-top: 20%
    }
}

.case-studies-grid .image-cta:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(70%, rgba(45, 45, 46, .6)));
    background: linear-gradient(to bottom, transparent 20%, rgba(45, 45, 46, .6) 70%)
}

.case-studies-accordion .accordion-more>.loading {
    display: none
}

.case-studies-accordion .accordion-more.is-loading {
    min-height: 5rem
}

.case-studies-accordion .accordion-more.is-loading>.loading {
    display: block;
    z-index: 9
}

.case-studies-accordion .accordion-more.is-loading .group {
    display: none
}

.case-studies-accordion .load-more {
    padding: .75rem 0 3vmin;
    text-align: center
}

.case-studies-accordion .load-more .btn {
    vertical-align: middle
}

.case-studies-accordion .group+.group {
    border-top: 1px solid rgba(0, 0, 0, .08);
    display: none;
    margin-top: 1em;
    padding-top: 1em
}

.case-studies-accordion .group+.group:before {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.125;
    text-transform: uppercase;
    content: attr(data-text);
    display: block;
    margin-bottom: 1rem;
    text-align: center
}

.date-card-month,
.event-card-month {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase
}

.case-studies-grid+.paging-split {
    margin-top: 1rem
}

.case-studies [v-cloak],
.case-studies>.loader {
    display: none
}

.case-studies .loader[v-cloak] {
    display: block
}

@media screen and (min-width:56em) {
    .case-studies-grid.is-loading:before {
        -webkit-animation: loader 1s infinite linear;
        animation: loader 1s infinite linear;
        border: .5em solid rgba(45, 45, 46, .12);
        border-radius: 50%;
        border-top-color: rgba(45, 45, 46, .47);
        display: block;
        height: 4em;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 4em;
        content: '';
        margin: 4rem auto
    }
}

.case-studies>.loader {
    margin: 4rem auto
}

ul.alternating-list {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.alternating-list>* {
    padding: 5vmin
}

@media screen and (min-width:70em) {
    .alternating-list>* {
        padding: 3vmin
    }
}

.alternating-list>:nth-child(odd) {
    background-color: #f7f7f7
}

.spec-sheet-pdf-project .alternating-list>:nth-child(odd),
.text-white .alternating-list>:nth-child(odd) {
    background-color: rgba(255, 255, 255, .08)
}

.date-card {
    border: 1px solid rgba(0, 0, 0, .08);
    padding: .5rem;
    text-align: center
}

@media screen and (min-width:30em) {
    .date-card {
        padding: 1rem
    }
}

.date-card-month {
    color: #5a5b5c;
    font-size: .875rem;
    display: block
}

.date-card-day,
.date-card-year {
    display: block;
    font-family: Georgia, Times, "Times New Roman", serif
}

.date-card-day {
    color: #2d2d2e;
    font-size: 1.25rem
}

.date-card-year {
    color: #5a5b5c
}

.event-card,
.event-card-date {
    display: -webkit-box;
    display: -ms-flexbox
}

.event-card {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    padding-top: 2rem
}

.event-card-date {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: .5rem solid #fff;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    display: flex;
    font-size: .875rem;
    height: 7rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    min-width: 7rem;
    padding: 0 2rem;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.event-card-end-date,
.event-card-start-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.event-card-end-date {
    padding-left: 2.25rem;
    position: relative
}

.event-card-end-date:before {
    background-color: #5a5b5c;
    content: '';
    display: block;
    height: .0625rem;
    left: .75rem;
    position: absolute;
    top: 2.125rem;
    width: .75rem
}

.event-card-month {
    color: #5a5b5c;
    font-size: .875rem;
    display: block
}

.event-card-day,
.event-card-title {
    font-weight: 600;
    letter-spacing: normal;
    display: block;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.event-card-day {
    color: #2d2d2e;
    line-height: 1;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .event-card-day {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .event-card-day {
        font-size: 1.75rem
    }
}

.event-card-year {
    color: #5a5b5c;
    display: block
}

.event-card-image img {
    display: block;
    width: 100%
}

.event-card-detail {
    border: 1px solid rgba(0, 0, 0, .08);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1.5rem
}

.event-card-detail>:first-child {
    margin-top: 0
}

.event-card-detail>:last-child {
    margin-bottom: 0
}

.event-card-image+.event-card-detail {
    border-top: none
}

.event-card-date+.event-card-detail {
    padding-top: 6.5rem
}

.event-card-title {
    color: #2d2d2e;
    line-height: 1.625;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .event-card-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }

    .featured-event.event-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:80em) {
    .event-card-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .event-card-title,
.text-white .event-card-title {
    color: #fff
}

.event-card-location {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    display: block;
    margin-top: .75rem
}

.spec-sheet-pdf-project .event-card-location,
.text-white .event-card-location {
    color: #fff
}

.event-card-footer {
    background: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, .08);
    border-top: none;
    padding: .5rem 1.5rem
}

@media screen and (min-width:56em) {
    .featured-event.event-card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.featured-event .event-card-date {
    border: 1px solid rgba(0, 0, 0, .08);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    position: static;
    -webkit-transform: none;
    transform: none;
    width: auto
}

.featured-event .event-card-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 35%;
    flex: 1 0 35%;
    margin-bottom: 5vmin
}

@media screen and (min-width:30em) {
    .featured-event .event-card-image {
        margin-bottom: 0;
        margin-right: 5vmin
    }
}

.ceu-list-item,
.event-list-item {
    margin-bottom: 1.5rem
}

@media screen and (min-width:70em) {
    .featured-event .event-card-image {
        margin-right: 3vmin
    }
}

.featured-event img+.event-card-date {
    background-color: #fff;
    border-top: none
}

.featured-event .event-card-detail {
    border: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0
}

.featured-event .event-card-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    font-size: 1.125rem
}

.ceu-accreditations th,
.featured-event .event-card-location {
    font-weight: 400;
    letter-spacing: .1em;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase
}

@media screen and (min-width:30em) {
    .featured-event .event-card-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .featured-event .event-card-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .featured-event .event-card-title,
.text-white .featured-event .event-card-title {
    color: #fff
}

.featured-event .event-card-location {
    font-size: .875rem;
    line-height: 1.375;
    color: #5a5b5c
}

.spec-sheet-pdf-project .featured-event .event-card-location,
.text-white .featured-event .event-card-location {
    color: #fff
}

.custom-row .featured-event.event-card {
    margin-right: auto;
    margin-left: auto;
    max-width: 60rem
}

.spec-sheet-pdf-project .date-card-month,
.spec-sheet-pdf-project .event-card-month,
.spec-sheet-pdf-project .event-card-year,
.text-white .date-card-month,
.text-white .event-card-month,
.text-white .event-card-year {
    color: #5a5b5c
}

.spec-sheet-pdf-project .date-card-day,
.spec-sheet-pdf-project .event-card-day,
.text-white .date-card-day,
.text-white .event-card-day {
    color: #2d2d2e
}

.spec-sheet-pdf-project .event-card-detail,
.text-white .event-card-detail {
    border-color: rgba(255, 255, 255, .2)
}

.spec-sheet-pdf-project .featured-event .event-card-date,
.text-white .featured-event .event-card-date {
    border: none
}

.spec-sheet-pdf-project .event-card-footer,
.text-white .event-card-footer {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .2)
}

.event-list {
    font-size: 1rem;
    font-weight: 400
}

.event-list-center .symbol-grid-item:last-child {
    margin-right: 0
}

@media screen and (min-width:56em) {
    .custom-row .featured-event .event-card-image {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 45%;
        flex: 1 0 45%
    }

    .event-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .event-list-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .event-list-item {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        max-width: 49%
    }

    .event-list-item:nth-child(odd) {
        margin-right: 2%
    }
}

@media screen and (min-width:80em) {
    .event-list-item {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        max-width: 32%
    }

    .event-list-item:nth-child(odd) {
        margin-right: 0
    }

    .event-list-item:not(:nth-child(3n)) {
        margin-right: 2%
    }
}

.event-list .event-card {
    height: 100%
}

@media screen and (min-width:56em) {
    .ceu-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ceu-list-item {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        max-width: 49%
    }

    .ceu-list-item:nth-child(odd) {
        margin-right: 2%
    }
}

.ceu-list .event-card {
    height: 100%;
    padding-top: 0
}

.ceu-accreditations {
    background: 0 0;
    border: none;
    width: 100%
}

.ceu-accreditations tbody:first-child {
    border-top: none
}

.ceu-accreditations tr {
    border: none
}

.ceu-accreditations tr:nth-child(odd) {
    background: 0 0
}

.ceu-accreditations tr+tr {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.ceu-accreditations td,
.ceu-accreditations th {
    vertical-align: top
}

.ceu-accreditations th {
    color: #5a5b5c;
    font-size: .875rem;
    line-height: inherit;
    padding: .5rem .75rem .5rem 0
}

.spec-sheet-pdf-project .ceu-accreditations th,
.text-white .ceu-accreditations th {
    color: #fff
}

.ceu-accreditations td {
    padding: .5rem 0
}

.article-card {
    text-align: left
}

@media screen and (min-width:30em) {
    .article-card {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.article-card-date,
.article-card-publication,
.article-card-title,
.featured-article.article-card {
    display: block
}

.article-card-image {
    float: left;
    margin: 0 1rem .5rem 0;
    text-align: center
}

@media screen and (min-width:30em) {
    .article-card-image {
        float: none;
        margin-bottom: 0;
        margin-right: 2.5vmin
    }
}

@media screen and (min-width:70em) {
    .article-card-image {
        margin-right: 1.5vmin
    }
}

.article-card-image img {
    display: block;
    margin: 0 auto
}

.article-card-detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.article-card-detail>:first-child {
    margin-top: 0
}

.article-card-detail>:last-child {
    margin-bottom: 0
}

.article-card-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    margin-bottom: .125em;
    font-size: 1.125rem
}

.article-card-date,
.featured-article .article-card-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.375
}

@media screen and (min-width:30em) {
    .article-card-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .article-card-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .article-card-title,
.text-white .article-card-title {
    color: #fff
}

.article-card-date {
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase
}

.spec-sheet-pdf-project .article-card-date,
.text-white .article-card-date {
    color: #fff
}

.featured-article .article-card-title {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    margin-bottom: .25em;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .featured-article .article-card-title {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .featured-article .article-card-title {
        font-size: 1.75rem
    }
}

.spec-sheet-pdf-project .featured-article .article-card-title,
.text-white .featured-article .article-card-title {
    color: #fff
}

.featured-article .article-card-image {
    float: none;
    margin: 0 0 2.5vmin
}

@media screen and (min-width:56em) {
    .featured-article.article-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .featured-article .article-card-detail {
        padding-top: .5rem
    }

    .featured-article .article-card-image {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-bottom: 0;
        margin-right: 2.5vmin;
        max-width: 40%
    }
}

@media screen and (min-width:70em) {
    .featured-article .article-card-image {
        margin-right: 3vmin
    }
}

.featured-article .article-card-image img {
    margin: 0
}

.featured-article .article-card-detail p {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .featured-article .article-card-detail p {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .featured-article .article-card-detail p {
        font-size: 1.25rem
    }
}

.article-detail-date,
.article-type-title {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.featured-article .blog-card-tags {
    margin-bottom: 1rem
}

.article-detail>:first-child {
    margin-top: 0
}

.article-detail>:last-child {
    margin-bottom: 0
}

.article-title {
    border-bottom: none;
    clear: both;
    margin: 0;
    padding-bottom: 0
}

.article-type-title {
    color: #5a5b5c;
    display: block;
    margin-bottom: 1.5rem
}

.spec-sheet-pdf-project .article-type-title,
.text-white .article-type-title {
    color: #fff
}

.article-detail-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem 3rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .5rem;
    padding: 1rem 1.25rem
}

.article-detail-publication {
    display: block
}

.article-detail-date {
    color: #5a5b5c;
    display: block
}

.spec-sheet-pdf-project .article-detail-date,
.text-white .article-detail-date {
    color: #fff
}

.article-detail-date-update {
    font-size: .75rem
}

@media screen and (min-width:70em) {
    .locations {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.locations.loaded>.loader {
    display: none
}

.locations.loaded .locations-map,
.locations.loaded .locations-sidebar {
    display: block
}

.locations>.loader {
    margin: 4rem auto
}

.locations-map {
    display: none;
    height: 15rem
}

.locations-sidebar {
    display: none
}

@media screen and (min-width:70em) {
    .locations-map {
        height: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%
    }

    .locations-sidebar {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 40rem;
        min-width: 30rem;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.locations-search {
    background: #5a5b5c;
    color: #fff;
    padding: 5vmin
}

@media screen and (min-width:56em) {
    .article-title {
        clear: none
    }

    .locations-search {
        padding: 2rem
    }
}

.locations-search-field {
    position: relative
}

.locations-search-field input {
    border: none;
    max-width: none;
    padding: 1em 2.5em
}

.locations-search-icon {
    fill: #5a5b5c;
    left: 1rem;
    position: absolute;
    top: 1.125rem
}

.location-target-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: none;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 3rem
}

.location-target-btn svg {
    fill: currentColor
}

.location-target-btn:focus,
.location-target-btn:hover {
    background-color: #f7f7f7;
    color: #c8322b
}

.locations-filters {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1rem
}

.locations-filters li {
    margin-right: 2rem
}

.locations-filters input[type=checkbox]+label {
    color: rgba(255, 255, 255, .85);
    margin: 0
}

.locations-filters input[type=checkbox]+label:before {
    background: #5a5b5c;
    border-color: #fff
}

.locations-filters input[type=checkbox]:checked+label {
    color: #fff
}

.locations-filters input[type=checkbox]:checked+label:before {
    background: #fff;
    border-color: #fff;
    color: #2d2d2e
}

.location-card {
    cursor: pointer;
    padding: 2rem 5vmin 2rem 3.5rem;
    position: relative;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

@media screen and (min-width:30em) {
    .location-card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 5rem
    }
}

@media screen and (min-width:70em) {
    .locations-list {
        height: 65vh;
        min-height: 30rem;
        overflow: auto
    }

    .location-card {
        display: block;
        padding-left: 6rem
    }
}

@media screen and (min-width:110em) {
    .location-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.location-card:focus,
.location-card:hover {
    background: #f7f7f7
}

.location-card:focus .location-type,
.location-card:hover .location-type {
    background: #ededed
}

.location-card:focus .arrow-link,
.location-card:hover .arrow-link {
    color: #2d2d2e
}

.location-card:focus .arrow-link span:not(.no-wrap),
.location-card:hover .arrow-link span:not(.no-wrap) {
    border-bottom: 1px solid
}

.location-card.highlighted {
    -webkit-box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 6px #f1e6be;
    box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 6px #f1e6be;
    background: #fffbe5;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.location-card+.location-card {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.location-card .location-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .location-card .location-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .location-card .location-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .location-card .location-title,
.text-white .location-card .location-title {
    color: #fff
}

.location-card .location-address {
    margin: .25rem 0
}

.location-card-col1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 1.5rem
}

.location-card-col2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: .75rem
}

@media screen and (min-width:30em) {
    .location-card-col2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 9rem;
        flex: 0 0 9rem;
        margin-top: 0;
        text-align: center;
        width: 9rem
    }
}

@media screen and (min-width:70em) {
    .location-card-col2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: .75rem;
        text-align: left;
        width: auto
    }
}

@media screen and (min-width:110em) {
    .location-card-col2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 9rem;
        flex: 0 0 9rem;
        margin-top: 0;
        text-align: center;
        width: 9rem
    }
}

.location-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    background: #c8322b;
    border-radius: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2em;
    flex: 0 0 2em;
    font-weight: 600;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 1rem;
    margin-top: -.25em;
    position: absolute;
    width: 2em
}

@media screen and (min-width:30em) {
    .location-label {
        -webkit-box-flex: 2.5em;
        -ms-flex: 2.5em;
        flex: 2.5em;
        height: 2.5em;
        left: 1.5rem;
        margin-top: -1.25em;
        top: 50%;
        width: 2.5em
    }
}

@media screen and (min-width:70em) {
    .location-label {
        font-size: 1.25rem;
        margin-top: -.5em;
        top: auto
    }
}

.location-distance {
    display: block;
    font-size: .875rem;
    font-style: italic;
    margin-bottom: .5rem
}

.location-type {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.125;
    text-transform: uppercase;
    background: rgba(0, 0, 0, .03);
    border-radius: 3px;
    display: inline-block;
    margin-top: .25rem;
    padding: .375em .75em;
    -webkit-transition: background .2s ease-out;
    transition: background .2s ease-out
}

@media screen and (min-width:30em) {
    .location-type {
        display: block
    }
}

@media screen and (min-width:70em) {
    .location-type {
        display: inline
    }
}

@media screen and (min-width:110em) {
    .location-type {
        display: block
    }
}

.location-card .arrow-link {
    color: #c8322b
}

.location-no-results {
    margin: 0;
    padding: 2rem
}

.location-detail {
    background: rgba(45, 45, 46, .88);
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 5vmin;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.location-detail.active {
    display: block
}

.location-detail-content {
    background: #fff;
    margin: 0 auto;
    max-width: 100rem;
    padding: 5vmin;
    position: relative;
    width: 100%
}

.location-detail-small .location-detail-content {
    max-width: 35rem
}

.location-detail-content .close-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: none;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.75rem;
    font-weight: 300;
    height: 2.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: .5rem;
    top: .5rem;
    width: 2.5rem
}

.location-detail-content .close-btn:focus,
.location-detail-content .close-btn:hover {
    background: #c8322b;
    color: #fff
}

.location-detail-content .loader {
    display: block;
    margin: 3rem auto
}

.location-detail-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.25;
    margin: 0 0 5vmin;
    padding-right: 2rem;
    font-size: 1.75rem
}

@media screen and (min-width:30em) {
    .location-detail-title {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .location-detail-title {
        font-size: 2.5rem
    }
}

.spec-sheet-pdf-project .location-detail-title,
.text-white .location-detail-title {
    color: #fff
}

@media screen and (min-width:70em) {
    .location-detail-title {
        margin-bottom: 3vmin
    }
}

.location-detail-contact {
    min-width: 10rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word
}

@media screen and (min-width:56em) {
    .location-detail-cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .location-detail-contact {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .location-detail-media+.location-detail-contact {
        padding-right: 3rem
    }
}

.location-rep-photo {
    display: block;
    width: 12rem
}

.location-contact-col+.location-contact-col {
    margin-top: 5vmin
}

.location-detail-media {
    margin-bottom: 5vmin;
    margin-left: -5vmin;
    margin-right: -5vmin
}

@media screen and (min-width:56em) {
    .location-contact-col+.location-contact-col {
        margin-top: 3vmin
    }

    .location-detail-media {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        margin: 0;
        max-width: 900px;
        width: 70%
    }
}

.location-description {
    margin-top: 5vmin
}

@media screen and (min-width:70em) {
    .location-description {
        margin-top: 3vmin
    }
}

.dropdown-link-list,
.export-dropdown-options {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none
}

.location-carousel .slick-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .625em;
    height: 4em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    width: 4em
}

@media screen and (min-width:56em) {
    .location-carousel .slick-arrow {
        font-size: .75em
    }
}

.location-modal-enter-active,
.location-modal-leave-active {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.location-modal-enter,
.location-modal-leave-to {
    opacity: 0
}

.location-modal-enter-active .location-detail-content,
.location-modal-leave-active .location-detail-content {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.location-modal-enter .location-detail-content,
.location-modal-leave-to .location-detail-content {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.locations .scrollbar-outer>.scroll-element.scroll-y {
    width: 1.25rem;
    border: 4px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.locations .scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left: -1.25rem;
    margin-left: 1.25rem
}

.dropdown {
    display: inline-block;
    position: relative
}

.dropdown-toggle,
.dropdown-toggle:disabled {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, .16);
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: inherit;
    line-height: 1.75;
    max-width: none;
    min-width: 8rem;
    padding: 0;
    text-align: left;
    text-transform: none;
    width: 100%
}

.item-carousel-heading,
.product-card-overlay-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal
}

.dropdown-toggle:disabled:focus,
.dropdown-toggle:disabled:hover,
.dropdown-toggle:focus,
.dropdown-toggle:hover {
    background-color: #5a5b5c;
    color: #fff;
    border-color: #5a5b5c
}

.dropdown-toggle:disabled:focus .dropdown-title,
.dropdown-toggle:disabled:hover .dropdown-title,
.dropdown-toggle:focus .dropdown-title,
.dropdown-toggle:hover .dropdown-title {
    color: #fff
}

.dropdown-toggle:disabled:focus .dropdown-icon,
.dropdown-toggle:disabled:hover .dropdown-icon,
.dropdown-toggle:focus .dropdown-icon,
.dropdown-toggle:hover .dropdown-icon {
    background: 0 0;
    border-color: rgba(255, 255, 255, .2)
}

.dropdown-toggle:disabled:focus .dropdown-icon .icon,
.dropdown-toggle:disabled:hover .dropdown-icon .icon,
.dropdown-toggle:focus .dropdown-icon .icon,
.dropdown-toggle:hover .dropdown-icon .icon {
    fill: #fff
}

.spec-sheet-pdf-project .dropdown-toggle:disabled:focus,
.spec-sheet-pdf-project .dropdown-toggle:disabled:hover,
.spec-sheet-pdf-project .dropdown-toggle:focus,
.spec-sheet-pdf-project .dropdown-toggle:hover,
.text-white .dropdown-toggle:disabled:focus,
.text-white .dropdown-toggle:disabled:hover,
.text-white .dropdown-toggle:focus,
.text-white .dropdown-toggle:hover {
    background-color: #fff;
    color: #2d2d2e;
    border-color: #fff
}

.spec-sheet-pdf-project .dropdown-toggle:disabled:focus .dropdown-title,
.spec-sheet-pdf-project .dropdown-toggle:disabled:hover .dropdown-title,
.spec-sheet-pdf-project .dropdown-toggle:focus .dropdown-title,
.spec-sheet-pdf-project .dropdown-toggle:hover .dropdown-title,
.text-white .dropdown-toggle:disabled:focus .dropdown-title,
.text-white .dropdown-toggle:disabled:hover .dropdown-title,
.text-white .dropdown-toggle:focus .dropdown-title,
.text-white .dropdown-toggle:hover .dropdown-title {
    color: #2d2d2e
}

.spec-sheet-pdf-project .dropdown-toggle:disabled:focus .dropdown-icon,
.spec-sheet-pdf-project .dropdown-toggle:disabled:hover .dropdown-icon,
.spec-sheet-pdf-project .dropdown-toggle:focus .dropdown-icon,
.spec-sheet-pdf-project .dropdown-toggle:hover .dropdown-icon,
.text-white .dropdown-toggle:disabled:focus .dropdown-icon,
.text-white .dropdown-toggle:disabled:hover .dropdown-icon,
.text-white .dropdown-toggle:focus .dropdown-icon,
.text-white .dropdown-toggle:hover .dropdown-icon {
    background: #c8322b;
    border-color: #c8322b
}

.dropdown-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 1.125rem
}

.dropdown-title .icon {
    display: block;
    fill: currentColor;
    margin-right: .5em
}

.dropdown-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    border-left: 2px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .625em
}

.dropdown-icon .icon {
    fill: #5a5b5c;
    height: .375em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: 1em
}

.dropdown-menu {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 .375em 1.5em rgba(0, 0, 0, .03), 0 .625em 3em rgba(0, 0, 0, .08);
    display: none;
    font-size: 1rem;
    font-weight: 400;
    left: 0;
    max-height: 70vh;
    min-width: 14rem;
    outline: 0;
    overflow: auto;
    padding: 1em;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9050
}

.dropdown-link-list {
    padding-left: 0
}

.dropdown-link-list a {
    display: block;
    color: #2d2d2e;
    padding: .5em;
    text-decoration: none
}

.dropdown-link-list a:focus,
.dropdown-link-list a:hover {
    color: #c8322b
}

.dropdown-link-list li:not(:last-child) a {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.dropdown.is-active .dropdown-toggle {
    background-color: #c8322b;
    border-color: #c8322b;
    color: #fff
}

.dropdown.is-active .dropdown-title,
.dropdown.is-active .dropdown-toggle:focus .dropdown-title,
.dropdown.is-active .dropdown-toggle:hover .dropdown-title {
    color: #fff
}

.dropdown.is-active .dropdown-icon {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .2)
}

.dropdown.is-active .dropdown-icon .icon {
    fill: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown.is-active .dropdown-menu {
    display: block
}

.dropdown.is-active.spec-sheet-pdf-project .dropdown-icon,
.dropdown.is-active.text-white .dropdown-icon,
.spec-sheet-pdf-project .dropdown.is-active .dropdown-icon,
.text-white .dropdown.is-active .dropdown-icon {
    border-color: rgba(255, 255, 255, .2)
}

.export-dropdown {
    min-width: 21rem
}

.export-dropdown-options {
    padding-left: 0
}

.export-dropdown-options li {
    padding: .5em
}

.export-dropdown-options li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.export-dropdown-options .dropdown-option-title {
    color: #2d2d2e;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    margin-bottom: .25rem
}

.export-dropdown-radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.export-dropdown-radios input[type=radio]+label {
    margin: 0 1rem 0 0
}

.export-dropdown .g-recaptcha {
    margin-top: 1rem
}

.export-dropdown button {
    margin-top: .5rem;
    width: 100%
}

.export-dropdown button.is-loading {
    color: transparent;
    overflow: hidden;
    position: relative
}

.export-dropdown button.is-loading:after {
    -webkit-animation: loader 1s infinite linear;
    animation: loader 1s infinite linear;
    border: .5em solid rgba(45, 45, 46, .12);
    border-radius: 50%;
    border-top-color: rgba(45, 45, 46, .47);
    display: block;
    height: 4em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 4em;
    content: '';
    font-size: .375em;
    left: 50%;
    margin: -2em 0 0 -2em;
    position: absolute;
    top: 50%
}

.export-captcha-error {
    color: #c8322b;
    display: none
}

.slick-slide img {
    margin-left: auto;
    margin-right: auto
}

/* 2023change */
.slick-arrow,
a.slick-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 0;
    color: #5a5b5c;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .625rem;
    height: 4em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    text-decoration: none;
    top: 50%;
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    -webkit-transition: .3s opacity ease-out;
    transition: .3s opacity ease-out;
    width: 4em;
    z-index: 99
}

.slick-arrow:focus,
.slick-arrow:hover,
a.slick-arrow:focus,
a.slick-arrow:hover {
    color: #c8322b
}

@media screen and (min-width:56em) {

    .slick-arrow,
    a.slick-arrow {
        font-size: .75rem
    }
}

/* 2023change */
/* .slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none
} */

.slick-arrow svg {
    display: block;
    fill: currentColor;
    height: 1.5625em;
    margin: 0 auto;
    width: .75em
}

.slick-arrow.next {
    right: 0
}

.slick-arrow.prev {
    left: 0
}

.slick-dotted {
    margin-bottom: 2.5rem !important
}

.slick-dots {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    left: 0;
    margin-top: 1rem;
    position: absolute;
    text-align: center;
    top: 100%;
    width: 100%
}

.slick-dots li {
    background: #2d2d2e;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .5em;
    margin: 0 .5em;
    opacity: .2;
    -webkit-transition: .9s all ease-out;
    transition: .9s all ease-out;
    vertical-align: middle;
    width: .5em
}

.spec-sheet-pdf-project .slick-dots li,
.text-white .slick-dots li {
    background: #fff
}

.slick-dots .slick-active {
    opacity: 1
}

.simple-carousel .simple-carousel-item:not(:first-child),
.slick-dots button {
    display: none
}

.simple-carousel.slick-initialized .simple-carousel-item:not(:first-child) {
    display: block
}

.simple-carousel-item img {
    width: 100%
}

.dimensions-carousel {
    margin: 0 auto;
    max-width: 26rem;
    padding: 0 2rem;
    position: relative
}

.dimensions-carousel .carousel-card:not(:first-child) {
    display: none
}

.dimensions-carousel.slick-initialized .carousel-card:not(:first-child) {
    display: block
}

.dimensions-carousel .slick-arrow {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 2rem
}

.spec-sheet-pdf-project .dimensions-carousel .slick-arrow,
.text-white .dimensions-carousel .slick-arrow {
    color: #fff;
    opacity: .65
}

.spec-sheet-pdf-project .dimensions-carousel .slick-arrow:focus,
.spec-sheet-pdf-project .dimensions-carousel .slick-arrow:hover,
.text-white .dimensions-carousel .slick-arrow:focus,
.text-white .dimensions-carousel .slick-arrow:hover {
    opacity: 1
}

.spec-sheet-pdf-project .dimensions-carousel .slick-arrow.slick-disabled,
.text-white .dimensions-carousel .slick-arrow.slick-disabled {
    opacity: 0
}

.dimensions-carousel .carousel-card a {
    display: block;
    overflow: hidden;
    position: relative
}

.dimensions-carousel .carousel-card a:focus img,
.dimensions-carousel .carousel-card a:hover img {
    opacity: .2
}

.dimensions-carousel .carousel-card a:focus .icon,
.dimensions-carousel .carousel-card a:hover .icon {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.dimensions-carousel .carousel-card a:focus .icon svg,
.dimensions-carousel .carousel-card a:hover .icon svg {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: 350ms all ease-out;
    transition: 350ms all ease-out
}

.dimensions-carousel .carousel-card img {
    display: block;
    margin: 0 auto;
    max-height: 16em;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.dimensions-carousel .carousel-card .icon {
    background: #c8322b;
    border-radius: 100%;
    display: block;
    height: 2.5em;
    left: 50%;
    margin-top: -1.25em;
    margin-left: -1.25em;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 2.5em;
    z-index: 20
}

.dimensions-carousel .carousel-card .icon svg {
    display: block;
    fill: #fff;
    height: 1em;
    margin: .75em auto 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 1em
}

.product-hero-carousel {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin;
    position: relative
}

@media screen and (min-width:70em) {
    .dimensions-carousel .carousel-card img {
        max-height: 12em
    }

    .product-hero-carousel {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

.product-hero-carousel img {
    display: block;
    width: 100%
}

.product-hero-carousel img:not(:first-child) {
    display: none
}

.product-hero-carousel .slick-initialized img:not(:first-child) {
    display: block
}

.inspiration-carousel {
    position: relative
}

.inspiration-carousel .inspiration-thumb {
    display: block;
    padding: 0 .5em;
    position: relative
}

.inspiration-carousel .inspiration-thumb img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.inspiration-carousel .inspiration-thumb .icon {
    background-color: rgba(255, 255, 255, .4);
    border-radius: 100%;
    font-size: 1.25em;
    height: 4em;
    left: 50%;
    margin: -2em 0 0 -2em;
    opacity: 0;
    padding-top: .75em;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: 4em
}

.inspiration-carousel .inspiration-thumb .icon svg {
    fill: rgba(0, 0, 0, .4);
    height: 2.5em;
    width: 2.5em
}

@media screen and (min-width:30em) {
    .inspiration-carousel .inspiration-thumb .icon {
        font-size: 1em
    }
}

@media screen and (min-width:56em) {
    .inspiration-carousel .inspiration-thumb .icon {
        font-size: 1.25em
    }
}

@media screen and (min-width:70em) {
    .inspiration-carousel .inspiration-thumb .icon {
        font-size: 1em
    }
}

@media screen and (min-width:80em) {
    .inspiration-carousel .inspiration-thumb .icon {
        font-size: 1.5em
    }
}

.inspiration-carousel .inspiration-thumb:focus .icon,
.inspiration-carousel .inspiration-thumb:hover .icon {
    opacity: 1
}

.item-carousel-heading {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.25;
    display: block;
    margin-top: 0;
    text-align: center;
    font-size: 1.75rem
}

@media screen and (min-width:30em) {
    .item-carousel-heading {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .item-carousel-heading {
        font-size: 2.5rem
    }
}

.item-carousel-heading:after {
    background-color: rgba(0, 0, 0, .08);
    content: '';
    display: block;
    height: .075em;
    margin: .5em auto 0;
    max-height: 3px;
    min-height: 2px;
    min-width: 32px;
    width: 1em
}

.spec-sheet-pdf-project .item-carousel-heading,
.text-white .item-carousel-heading {
    color: #fff
}

.spec-sheet-pdf-project .item-carousel-heading:after,
.text-white .item-carousel-heading:after {
    background-color: #fff;
    opacity: .2
}

.item-carousel {
    position: relative
}

.section-title+.item-carousel {
    margin-top: 2.5vmin
}

@media screen and (min-width:70em) {
    .section-title+.item-carousel {
        margin-top: 1.5vmin
    }
}

.item-carousel .slick-track {
    margin-left: auto;
    margin-right: auto
}

.item-carousel .slick-list {
    margin: -1.5em 1.5em
}

.item-carousel .slick-slide {
    height: auto
}

.item-carousel .slick-arrow {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0
}

.spec-sheet-pdf-project .item-carousel .slick-arrow,
.text-white .item-carousel .slick-arrow {
    color: #fff;
    opacity: .65
}

.spec-sheet-pdf-project .item-carousel .slick-arrow:focus,
.spec-sheet-pdf-project .item-carousel .slick-arrow:hover,
.text-white .item-carousel .slick-arrow:focus,
.text-white .item-carousel .slick-arrow:hover {
    opacity: 1
}

.spec-sheet-pdf-project .item-carousel .slick-arrow.slick-disabled,
.text-white .item-carousel .slick-arrow.slick-disabled {
    opacity: 0
}

.item-carousel .slick-dots {
    margin-top: 0
}

.item-carousel-card {
    padding: 3em 1.5em
}

.item-carousel-card:not(:first-child) {
    display: none
}

.slick-initialized .item-carousel-card:not(:first-child) {
    display: block
}

.item-carousel .product-card {
    height: 100%
}

.item-carousel .is-loading .loading {
    height: 19px;
    margin-top: 3vmin;
    position: static
}

.product-card {
    background-color: #fff;
    text-align: center
}

.product-card a,
.product-card>button {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: 0 0;
    border: none;
    color: #2d2d2e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.25rem 1rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: z-index .3s ease-out, -webkit-box-shadow .3s ease-out;
    transition: z-index .3s ease-out, -webkit-box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out, z-index .3s ease-out;
    transition: box-shadow .3s ease-out, z-index .3s ease-out, -webkit-box-shadow .3s ease-out;
    z-index: 0
}

.product-card a:focus,
.product-card a:hover,
.product-card>button:focus,
.product-card>button:hover {
    -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    color: #2d2d2e;
    z-index: 20
}

.product-card a:focus .product-card-title,
.product-card a:hover .product-card-title,
.product-card>button:focus .product-card-title,
.product-card>button:hover .product-card-title {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em
}

@media screen and (min-width:56em) {

    .product-card a,
    .product-card>button {
        padding: 2rem
    }
}

.product-card>button {
    width: 100%
}

.product-card-selectable {
    cursor: pointer;
    height: 100%;
    padding: 1.25rem 1rem;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.product-card-selectable:after {
    background: #fff;
    border: 1px solid #5a5b5c;
    border-radius: 3px;
    color: #fff;
    content: '\2713';
    display: block;
    font-size: .75rem;
    height: 1rem;
    line-height: 1.2;
    position: absolute;
    right: 1rem;
    text-align: center;
    top: 1rem;
    -webkit-transition: .2s border-color ease-out;
    transition: .2s border-color ease-out;
    width: 1rem
}

.product-card-selectable:not(.disabled):focus,
.product-card-selectable:not(.disabled):hover {
    -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    z-index: 10
}

.product-card-selectable.selected .product-card-title,
.product-card-selectable:not(.disabled):focus .product-card-title,
.product-card-selectable:not(.disabled):hover .product-card-title {
    color: #c8322b
}

.product-card-selectable.selected:after {
    background-color: #5a5b5c;
    border-color: #5a5b5c
}

.product-card-selectable.disabled {
    opacity: .25;
    pointer-events: none
}

.product-card-image img {
    display: block;
    margin: 0 auto
}

.product-card-title {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: .5rem
}

.product-card.view-all a {
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 300px;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    font-size: 1.125rem
}

.product-card.view-all a:focus,
.product-card.view-all a:hover {
    background-color: #5a5b5c;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.product-card.view-all a:focus .arrow-link span:not(.no-wrap),
.product-card.view-all a:hover .arrow-link span:not(.no-wrap) {
    border-bottom: 1px solid
}

.product-grid {
    border-left: 1px solid rgba(0, 0, 0, .08);
    display: -ms-grid;
    display: grid;
    grid-auto-flow: dense
}

@media screen and (min-width:30em) {
    .product-card-title {
        margin-top: 1rem
    }

    .product-card.view-all a {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50));
        min-height: 250px
    }

    .product-grid-2-up,
    .product-grid-3-up,
    .product-grid-4-up,
    .product-grid-5-up {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr)
    }

    .product-grid-2-up .product-card:nth-child(-n+2),
    .product-grid-3-up .product-card:nth-child(-n+2),
    .product-grid-4-up .product-card:nth-child(-n+2),
    .product-grid-5-up .product-card:nth-child(-n+2) {
        border-top: 1px solid rgba(0, 0, 0, .08)
    }

    .product-grid-2-up .product-card.featured,
    .product-grid-3-up .product-card.featured,
    .product-grid-4-up .product-card.featured,
    .product-grid-5-up .product-card.featured {
        grid-column: span 2;
        grid-row: span 2
    }

    .product-grid-2-up .product-card.featured:first-child~.product-card:nth-child(2),
    .product-grid-3-up .product-card.featured:first-child~.product-card:nth-child(2),
    .product-grid-4-up .product-card.featured:first-child~.product-card:nth-child(2),
    .product-grid-5-up .product-card.featured:first-child~.product-card:nth-child(2) {
        border-top: none
    }
}

@media screen and (min-width:56em) {
    .product-card-selectable {
        padding: 2rem
    }

    .product-card.view-all a {
        min-height: 300px
    }

    .product-grid-3-up,
    .product-grid-4-up,
    .product-grid-5-up {
        -ms-grid-columns: (1fr) [3];
        grid-template-columns: repeat(3, 1fr)
    }

    .product-grid-3-up .product-card.featured:first-child~.product-card:nth-child(2),
    .product-grid-3-up .product-card:nth-child(-n+3),
    .product-grid-4-up .product-card.featured:first-child~.product-card:nth-child(2),
    .product-grid-4-up .product-card:nth-child(-n+3),
    .product-grid-5-up .product-card.featured:first-child~.product-card:nth-child(2),
    .product-grid-5-up .product-card:nth-child(-n+3) {
        border-top: 1px solid rgba(0, 0, 0, .08)
    }

    .product-grid-3-up .product-card.featured:first-child~.product-card:nth-child(3),
    .product-grid-4-up .product-card.featured:first-child~.product-card:nth-child(3),
    .product-grid-5-up .product-card.featured:first-child~.product-card:nth-child(3) {
        border-top: none
    }

    .product-grid-3-up .product-card.featured:nth-child(2),
    .product-grid-4-up .product-card.featured:nth-child(2),
    .product-grid-5-up .product-card.featured:nth-child(2) {
        border-top: none !important
    }

    .product-grid-3-up .product-card.featured:nth-child(2)~.product-card:nth-child(3),
    .product-grid-4-up .product-card.featured:nth-child(2)~.product-card:nth-child(3),
    .product-grid-5-up .product-card.featured:nth-child(2)~.product-card:nth-child(3) {
        border-top: 1px solid rgba(0, 0, 0, .08)
    }
}

@media screen and (min-width:70em) {

    .product-grid-4-up,
    .product-grid-5-up {
        -ms-grid-columns: (1fr) [4];
        grid-template-columns: repeat(4, 1fr)
    }

    .product-grid-4-up .product-card.featured:first-child~.product-card:nth-child(3),
    .product-grid-4-up .product-card:nth-child(-n+4),
    .product-grid-5-up .product-card.featured:first-child~.product-card:nth-child(3),
    .product-grid-5-up .product-card:nth-child(-n+4) {
        border-top: 1px solid rgba(0, 0, 0, .08)
    }

    .product-grid-4-up .product-card.featured:first-child~.product-card:nth-child(4),
    .product-grid-5-up .product-card.featured:first-child~.product-card:nth-child(4) {
        border-top: none
    }

    .product-grid-4-up .product-card.featured:nth-child(2),
    .product-grid-5-up .product-card.featured:nth-child(2) {
        border-top: 1px solid rgba(0, 0, 0, .08) !important
    }

    .product-grid-4-up .product-card.featured:nth-child(2)~.product-card:nth-child(3),
    .product-grid-5-up .product-card.featured:nth-child(2)~.product-card:nth-child(3) {
        border-top: none
    }
}

@media screen and (min-width:80em) {
    .product-card.view-all a {
        font-size: 1.25rem;
        min-height: 375px
    }

    .product-grid-5-up {
        -ms-grid-columns: (1fr) [5];
        grid-template-columns: repeat(5, 1fr)
    }

    .product-grid-5-up .product-card.featured:first-child~.product-card:nth-child(4),
    .product-grid-5-up .product-card:nth-child(-n+5) {
        border-top: 1px solid rgba(0, 0, 0, .08)
    }

    .product-grid-5-up .product-card.featured:first-child~.product-card:nth-child(5) {
        border-top: none
    }
}

.featured-grid .product-grid,
.product-grid .product-card.featured,
.product-grid .product-card:first-child {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.product-grid .product-card {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    border-right: 1px solid rgba(0, 0, 0, .08)
}

.product-grid .product-card.featured {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.product-grid .product-card.featured .product-card-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-card .status-flag {
    background: #fff;
    left: .5rem;
    position: absolute;
    top: .5rem;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    z-index: 10
}

@media screen and (min-width:56em) {
    .product-card .status-flag {
        left: 1rem;
        top: 1rem
    }
}

.featured-grid {
    background-color: #f7f7f7
}

.featured-ctas+.featured-grid,
.sticky-wrapper+.featured-grid {
    background: 0 0
}

.featured-grid .product-grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.featured-grid .product-card:first-child {
    border-top: none
}

.product-card.featured a {
    font-weight: 300;
    overflow: hidden;
    position: relative;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .product-card.featured a {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .product-card.featured a {
        font-size: 1.25rem
    }
}

.product-card.featured a:after {
    background-color: #5a5b5c;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    width: 100%;
    z-index: 1
}

.product-card.featured a:focus,
.product-card.featured a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-card.featured a:focus:after,
.product-card.featured a:hover:after {
    opacity: .8
}

.product-card.featured a:focus .product-card-image,
.product-card.featured a:hover .product-card-image {
    -webkit-filter: blur(6px);
    filter: blur(6px);
    opacity: .8;
    -webkit-transform: scale(1.15) translateY(6%);
    transform: scale(1.15) translateY(6%)
}

.product-card.featured a:focus .product-card-title,
.product-card.featured a:focus .status-flag,
.product-card.featured a:hover .product-card-title,
.product-card.featured a:hover .status-flag {
    opacity: 0
}

.product-card.featured a:focus .product-card-overlay,
.product-card.featured a:hover .product-card-overlay {
    opacity: 1
}

.product-card.featured a:focus .product-card-overlay-title,
.product-card.featured a:focus .product-card-teaser,
.product-card.featured a:hover .product-card-overlay-title,
.product-card.featured a:hover .product-card-teaser {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.product-card-overlay {
    left: 0;
    opacity: 0;
    padding: 1.25rem 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 2
}

@media screen and (min-width:56em) {
    .product-card-overlay {
        padding: 2rem
    }
}

.product-card-overlay-title {
    font-weight: 600;
    line-height: 1.625;
    color: #fff;
    display: block;
    opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    -webkit-transition: 450ms all ease-out;
    transition: 450ms all ease-out;
    font-size: 1.125rem
}

.anchor-links .anchor-links-title,
.browse-nav-modal .nav-list-level-1>li>a {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase
}

.spec-sheet-pdf-project .product-card-overlay-title,
.text-white .product-card-overlay-title {
    color: #fff
}

.product-card-overlay-title .icon {
    display: inline-block;
    fill: #fff;
    height: .375em;
    min-height: .5rem;
    min-width: .25rem;
    vertical-align: middle;
    width: .1875em
}

.product-card-teaser {
    color: rgba(255, 255, 255, .8);
    margin: 0;
    opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    -webkit-transition: 450ms all ease-out;
    transition: 450ms all ease-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.product-card.featured .product-card-title {
    -webkit-transition: .3s opacity ease-out;
    transition: .3s opacity ease-out
}

.product-card.featured .product-card-image {
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

@media screen and (min-width:30em) {
    .product-card-overlay-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }

    .featured-grid .product-count-2 .product-card,
    .featured-grid .product-count-3 .product-card,
    .featured-grid .product-count-5 .product-card,
    .featured-grid .product-count-6 .product-card {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:56em) {

    .featured-grid .product-count-2 .product-card,
    .featured-grid .product-count-3 .product-card,
    .featured-grid .product-count-5 .product-card,
    .featured-grid .product-count-6 .product-card {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }
}

.featured-grid .product-count-1 .product-card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:30em) {
    .featured-grid .product-count-1 .product-card a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 6% 5%
    }
}

@media screen and (min-width:30em) and (min-width:30em) {
    .featured-grid .product-count-1 .product-card a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:30em) {

    .featured-grid .product-count-1 .product-card a:focus,
    .featured-grid .product-count-1 .product-card a:hover {
        -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
        box-shadow: 0 0 3em rgba(0, 0, 0, .1)
    }

    .featured-grid .product-count-1 .product-card a:focus:after,
    .featured-grid .product-count-1 .product-card a:hover:after {
        content: none
    }

    .featured-grid .product-count-1 .product-card a:focus .product-card-image,
    .featured-grid .product-count-1 .product-card a:hover .product-card-image {
        -webkit-filter: none;
        filter: none;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .featured-grid .product-count-1 .product-card a:focus .product-card-overlay-title,
    .featured-grid .product-count-1 .product-card a:hover .product-card-overlay-title {
        color: #2d2d2e
    }

    .featured-grid .product-count-1 .product-card a:focus .product-card-overlay-title span,
    .featured-grid .product-count-1 .product-card a:hover .product-card-overlay-title span {
        border-bottom: 1px solid #2d2d2e
    }

    .featured-grid .product-count-1 .product-card .product-card-overlay {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        margin-left: 1.5vmin;
        opacity: 1;
        padding: 0;
        position: static;
        text-align: left;
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .featured-grid .product-count-1 .product-card .product-card-overlay-title {
        color: #c8322b;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none
    }

    .featured-grid .product-count-1 .product-card .product-card-overlay-title .icon {
        fill: currentColor
    }

    .featured-grid .product-count-1 .product-card .product-card-teaser {
        color: #5a5b5c;
        margin: 0;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .featured-grid .product-count-1 .product-card .product-card-title {
        display: none
    }
}

@media screen and (min-width:56em) {
    .featured-grid .product-count-1 .product-card a {
        padding: 4% 3%
    }

    .featured-grid .product-count-2 .product-card:first-child {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }

    .featured-grid .product-count-2 .product-card:first-child a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 6% 5%
    }
}

@media screen and (min-width:56em) and (min-width:30em) {
    .featured-grid .product-count-2 .product-card:first-child a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:56em) {

    .featured-grid .product-count-2 .product-card:first-child a:focus,
    .featured-grid .product-count-2 .product-card:first-child a:hover {
        -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
        box-shadow: 0 0 3em rgba(0, 0, 0, .1)
    }

    .featured-grid .product-count-2 .product-card:first-child a:focus:after,
    .featured-grid .product-count-2 .product-card:first-child a:hover:after {
        content: none
    }

    .featured-grid .product-count-2 .product-card:first-child a:focus .product-card-image,
    .featured-grid .product-count-2 .product-card:first-child a:hover .product-card-image {
        -webkit-filter: none;
        filter: none;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .featured-grid .product-count-2 .product-card:first-child a:focus .product-card-overlay-title,
    .featured-grid .product-count-2 .product-card:first-child a:hover .product-card-overlay-title {
        color: #2d2d2e
    }

    .featured-grid .product-count-2 .product-card:first-child a:focus .product-card-overlay-title span,
    .featured-grid .product-count-2 .product-card:first-child a:hover .product-card-overlay-title span {
        border-bottom: 1px solid #2d2d2e
    }

    .featured-grid .product-count-2 .product-card:first-child .product-card-overlay {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        margin-left: 1.5vmin;
        opacity: 1;
        padding: 0;
        position: static;
        text-align: left;
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .featured-grid .product-count-2 .product-card:first-child .product-card-overlay-title {
        color: #c8322b;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none
    }

    .featured-grid .product-count-2 .product-card:first-child .product-card-overlay-title .icon {
        fill: currentColor
    }

    .featured-grid .product-count-2 .product-card:first-child .product-card-teaser {
        color: #5a5b5c;
        margin: 0;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .featured-grid .product-count-2 .product-card:first-child .product-card-title {
        display: none
    }

    .featured-grid .product-count-2 .product-card:nth-child(2) a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:30em) {
    .featured-grid .product-count-5 .product-card:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .featured-grid .product-count-5 .product-card:first-child a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 6% 5%
    }
}

@media screen and (min-width:30em) and (min-width:30em) {
    .featured-grid .product-count-5 .product-card:first-child a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:30em) {

    .featured-grid .product-count-5 .product-card:first-child a:focus,
    .featured-grid .product-count-5 .product-card:first-child a:hover {
        -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
        box-shadow: 0 0 3em rgba(0, 0, 0, .1)
    }

    .featured-grid .product-count-5 .product-card:first-child a:focus:after,
    .featured-grid .product-count-5 .product-card:first-child a:hover:after {
        content: none
    }

    .featured-grid .product-count-5 .product-card:first-child a:focus .product-card-image,
    .featured-grid .product-count-5 .product-card:first-child a:hover .product-card-image {
        -webkit-filter: none;
        filter: none;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .featured-grid .product-count-5 .product-card:first-child a:focus .product-card-overlay-title,
    .featured-grid .product-count-5 .product-card:first-child a:hover .product-card-overlay-title {
        color: #2d2d2e
    }

    .featured-grid .product-count-5 .product-card:first-child a:focus .product-card-overlay-title span,
    .featured-grid .product-count-5 .product-card:first-child a:hover .product-card-overlay-title span {
        border-bottom: 1px solid #2d2d2e
    }

    .featured-grid .product-count-5 .product-card:first-child .product-card-overlay {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        margin-left: 1.5vmin;
        opacity: 1;
        padding: 0;
        position: static;
        text-align: left;
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .featured-grid .product-count-5 .product-card:first-child .product-card-overlay-title {
        color: #c8322b;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none
    }

    .featured-grid .product-count-5 .product-card:first-child .product-card-overlay-title .icon {
        fill: currentColor
    }

    .featured-grid .product-count-5 .product-card:first-child .product-card-teaser {
        color: #5a5b5c;
        margin: 0;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .featured-grid .product-count-5 .product-card:first-child .product-card-title {
        display: none
    }
}

.anchor-links,
.masonry-listing a {
    -webkit-transition: all .3s ease-out
}

@media screen and (min-width:56em) {
    .featured-grid .product-count-5 .product-card:first-child {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:30em) {
    .featured-grid .product-count-5 .product-card:nth-child(2) a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .featured-grid .product-count-4 .product-card {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:56em) {
    .featured-grid .product-count-4 .product-card {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }
}

.product-grid+.listing-header {
    margin-top: 5vmin
}

@media screen and (min-width:70em) {
    .featured-grid .product-count-4 .product-card {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }

    .product-grid+.listing-header {
        margin-top: 3vmin
    }
}

.product-grid.horizontal-scroll {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 75%;
    grid-auto-flow: column;
    -ms-grid-columns: none;
    grid-template-columns: none;
    overflow-x: auto
}

.product-grid.horizontal-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 18px
}

.product-grid.horizontal-scroll::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .05)
}

.product-grid.horizontal-scroll::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    border: 5px solid transparent;
    border-radius: 12px;
    background-color: rgba(0, 0, 0, .4)
}

.product-grid.horizontal-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .65)
}

@media screen and (min-width:30em) {
    .product-grid.horizontal-scroll {
        grid-auto-columns: 45%
    }
}

@media screen and (min-width:56em) {
    .product-grid.horizontal-scroll {
        grid-auto-columns: 33.33333%
    }
}

@media screen and (min-width:80em) {
    .product-card-overlay-title {
        font-size: 1.25rem
    }

    .product-grid.horizontal-scroll {
        grid-auto-columns: 45%
    }
}

.product-grid.horizontal-scroll .product-card {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.jump-to {
    list-style-type: none;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2.5vmin
}

.anchor-links .accordion-teaser :last-child,
.anchor-links-list {
    margin-bottom: 0
}

.jump-to li {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .jump-to {
        margin-left: -1.5vmin;
        margin-right: -1.5vmin
    }

    .jump-to li {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.anchor-links {
    background-color: #f7f7f7;
    transition: all .3s ease-out
}

.anchor-links .anchor-links-title {
    color: #5a5b5c;
    font-size: .875rem;
    display: block;
    padding: 1.4375rem 2rem
}

.spec-sheet-pdf-project .anchor-links .anchor-links-title,
.text-white .anchor-links .anchor-links-title {
    color: #fff
}

.anchor-links .accordion-header {
    cursor: pointer;
    display: block;
    position: relative;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.anchor-links .accordion-header:focus .accordion-header-title,
.anchor-links .accordion-header:hover .accordion-header-title {
    color: #c8322b
}

.anchor-links .accordion-header:focus .accordion-toggle svg,
.anchor-links .accordion-header:hover .accordion-toggle svg {
    fill: #c8322b
}

.anchor-links .accordion-toggle {
    display: block;
    margin-top: -.1875em;
    position: absolute;
    right: 2rem;
    top: 50%;
    text-align: center;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.anchor-links .accordion-toggle svg {
    display: block;
    fill: #5a5b5c;
    height: .375em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: .75em
}

.anchor-links .accordion-teaser {
    background-color: #f7f7f7;
    padding: 2.5vmin 5vmin
}

@media screen and (min-width:70em) {
    .anchor-links .accordion-toggle {
        right: 1.5rem
    }

    .anchor-links .accordion-teaser {
        padding: 1.5vmin 3vmin
    }
}

.anchor-links .accordion-teaser :first-child {
    margin-top: 0
}

.anchor-links .accordion-more {
    padding: 0 1rem
}

.anchor-links-list,
.browse-nav-modal ul {
    padding-left: 0;
    margin-top: 0;
    list-style-type: none
}

.anchor-links .accordion-item.open .accordion-toggle svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.anchor-links.stuck,
.temp-anchor-links.stuck {
    background-color: #f7f7f7;
    border-bottom: 3px solid rgba(0, 0, 0, .08);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.anchor-links.stuck .anchor-links-list,
.temp-anchor-links.stuck .anchor-links-list {
    max-height: 70vh;
    overflow: auto
}

.anchor-links.stuck .accordion-item,
.temp-anchor-links.stuck .accordion-item {
    border-top: none
}

.anchor-links.stuck .accordion-more,
.temp-anchor-links.stuck .accordion-more {
    background-color: #fff
}

.anchor-links-list li:not(:last-child) {
    margin-bottom: .75rem
}

.anchor-links-list a {
    color: #2d2d2e;
    display: block;
    text-decoration: none
}

.anchor-links-list a:focus,
.anchor-links-list a:hover {
    color: #c8322b
}

.browse-nav-modal {
    display: none;
    padding: 0
}

.browse-nav-modal a {
    color: #2d2d2e;
    text-decoration: none
}

.browse-nav-modal ul {
    margin-bottom: 0
}

.browse-nav-modal .sub a {
    display: block;
    margin-bottom: .5em
}

.browse-nav-modal .nav-list-level-1>li>a {
    color: #5a5b5c;
    font-size: .875rem;
    margin-bottom: 1em
}

.masonry-listing-title,
.off-canvas-filters-title {
    letter-spacing: normal;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.spec-sheet-pdf-project .browse-nav-modal .nav-list-level-1>li>a,
.text-white .browse-nav-modal .nav-list-level-1>li>a {
    color: #fff
}

.browse-nav-modal .nav-list-level-3 {
    margin-left: 1em
}

.browse-nav-modal .nav-list-level-3>li>a {
    color: #5a5b5c;
    font-size: .875rem
}

.masonry-listing-item {
    margin-bottom: 5%;
    position: relative;
    text-align: center
}

@media screen and (min-width:56em) {
    .masonry-listing-item {
        margin-bottom: 4%
    }
}

@media screen and (min-width:70em) {

    .anchor-links.stuck,
    .temp-anchor-links.stuck {
        left: auto;
        width: auto
    }

    .masonry-listing-item {
        margin-bottom: 2%
    }
}

.masonry-listing a {
    background-color: #f7f7f7;
    color: #5a5b5c;
    display: block;
    text-decoration: none;
    transition: all .3s ease-out
}

.masonry-listing a:focus,
.masonry-listing a:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    position: relative;
    -webkit-transform: translateY(-.25em);
    transform: translateY(-.25em)
}

.masonry-listing a:focus .masonry-listing-title,
.masonry-listing a:hover .masonry-listing-title {
    color: #c8322b
}

.masonry-listing-image {
    display: block;
    width: 100%
}

.masonry-listing-content {
    border-bottom: 3px solid rgba(0, 0, 0, .08);
    padding: 1.25em 1.5em 1.5em
}

.masonry-listing-content .status-flag {
    display: inline-block;
    vertical-align: middle
}

.masonry-listing-title {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.625;
    display: block;
    margin-bottom: .25em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .masonry-listing-content {
        padding: 1.5em
    }

    .masonry-listing-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .masonry-listing-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .masonry-listing-title,
.text-white .masonry-listing-title {
    color: #fff
}

.masonry-listing-teaser>:first-child {
    margin-top: 0
}

.masonry-listing-teaser>:last-child {
    margin-bottom: 0
}

.masonry-listing-teaser+.status-flag {
    margin-top: 1rem
}

.masonry-listing .js-item-sizer,
.masonry-listing-item {
    width: 100%
}

@media screen and (min-width:56em) {

    .masonry-listing .js-item-sizer,
    .masonry-listing-item {
        width: 48%
    }
}

@media screen and (min-width:70em) {

    .masonry-listing .js-item-sizer,
    .masonry-listing-item {
        width: 32%
    }
}

.masonry-listing .js-gutter-sizer {
    width: 5%
}

@media screen and (min-width:56em) {
    .masonry-listing .js-gutter-sizer {
        width: 4%
    }
}

@media screen and (min-width:70em) {
    .masonry-listing .js-gutter-sizer {
        width: 2%
    }
}

.masonry-listing-tag {
    background-color: #c8322b;
    color: #fff;
    font-size: .875rem;
    left: 0;
    letter-spacing: .1em;
    line-height: 1;
    padding: .5em .75em;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 1rem
}

.off-canvas {
    background-color: #fff;
    height: 100%;
    left: 0;
    max-width: 26rem;
    overflow: auto;
    padding: 4rem 5vmin 5vmin;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 90%;
    z-index: 9998
}

@media screen and (min-width:70em) {
    .off-canvas {
        padding: 4rem 3vmin 3vmin
    }
}

.off-canvas-right {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.off-canvas.active {
    -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    -webkit-transform: none;
    transform: none
}

.off-canvas-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: none;
    border-radius: 3px;
    color: #5a5b5c;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.75rem;
    font-weight: 300;
    height: 2.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: .5rem;
    text-align: center;
    top: .5rem;
    width: 2.5rem;
    z-index: 99
}

.off-canvas-close:focus,
.off-canvas-close:hover {
    background-color: #c8322b;
    border-color: #c8322b;
    color: #fff
}

.off-canvas-overlay {
    display: block;
    background-color: #2d2d2e;
    height: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: .3s opacity ease-out;
    transition: .3s opacity ease-out;
    width: 0;
    z-index: 9997
}

.scroll-locked .off-canvas-overlay {
    height: 100%;
    opacity: .88;
    width: 100%
}

.off-canvas-filters {
    padding-bottom: calc(7em + 5vmin)
}

.off-canvas-filters-title {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.625;
    display: block;
    margin-bottom: .5em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .off-canvas-filters-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .off-canvas-filters-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .off-canvas-filters-title,
.text-white .off-canvas-filters-title {
    color: #fff
}

.off-canvas-filters-category {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    display: block;
    margin-bottom: .5em
}

.spec-sheet-pdf-project .off-canvas-filters-category,
.text-white .off-canvas-filters-category {
    color: #fff
}

.off-canvas-filters-list {
    list-style-type: none;
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 5vmin
}

@media screen and (min-width:56em) {
    .off-canvas-filters-list {
        margin-bottom: 2.5vmin
    }
}

@media screen and (min-width:70em) {
    .off-canvas-filters {
        padding-bottom: calc(7em + 3vmin)
    }

    .off-canvas-filters-list {
        margin-bottom: 1.5vmin
    }
}

.off-canvas-filters-list .off-canvas-filters-list {
    margin-bottom: 0;
    margin-left: 1.5rem
}

.off-canvas-filters-list li {
    position: relative
}

.off-canvas-filters-list .filter-category-link {
    color: #2d2d2e;
    display: block;
    margin-bottom: .375em;
    padding-left: 1.5rem;
    position: relative;
    text-decoration: none
}

.off-canvas-filters-list .filter-category-link .icon {
    display: block;
    fill: #2d2d2e;
    height: .625em;
    left: .5em;
    position: absolute;
    top: .475em;
    width: .3125em
}

.off-canvas-filters-list .filter-category-link.current {
    color: #c8322b
}

.off-canvas-filters-list .off-canvas-filters-list .filter-category-link {
    color: #5a5b5c
}

.off-canvas-filters-list a.filter-category-link:focus,
.off-canvas-filters-list a.filter-category-link:hover {
    color: #c8322b
}

.off-canvas-filters-list a.filter-category-link:focus .icon,
.off-canvas-filters-list a.filter-category-link:hover .icon {
    fill: #c8322b
}

.off-canvas-filters-list label {
    z-index: 2
}

.off-canvas-filters-list label:focus+.expand-icon,
.off-canvas-filters-list label:hover+.expand-icon {
    background-color: #f7f7f7
}

.off-canvas-filters-buttons {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .08);
    bottom: 0;
    left: 0;
    max-width: 26rem;
    padding: 1.5vmin 3vmin;
    position: fixed;
    width: 90%;
    z-index: 10
}

@media all and (-ms-high-contrast:none) {
    .off-canvas-filters-buttons {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .off-canvas.active .off-canvas-filters-buttons {
        -webkit-transform: none;
        transform: none
    }
}

.off-canvas-filters-buttons button {
    display: block;
    width: 100%
}

.off-canvas-filters-buttons button+button {
    margin-top: .5em
}

.off-canvas-filters .search-box {
    margin-bottom: 5vmin
}

@media screen and (min-width:30em) {
    .off-canvas-filters .search-box {
        margin-bottom: 2.5vmin
    }
}

@media screen and (min-width:70em) {
    .off-canvas-filters .search-box {
        margin-bottom: 1.5vmin
    }
}

.off-canvas-filters .expandable-cat {
    display: none
}

.off-canvas-filters .expandable-cat.current {
    display: block
}

.off-canvas-filters .expand-icon {
    border-radius: 3px;
    height: 19px;
    position: absolute;
    right: 0;
    top: .125em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: 19px
}

.off-canvas-filters .expand-icon.open {
    background-color: #f7f7f7
}

.off-canvas-filters .expand-icon:after,
.off-canvas-filters .expand-icon:before {
    background-color: #5a5b5c;
    content: '';
    left: 50%;
    position: absolute;
    top: 50%
}

.off-canvas-filters .expand-icon:before {
    height: 1px;
    margin-left: -4px;
    margin-top: -1px;
    width: 7px
}

.off-canvas-filters .expand-icon:after {
    height: 7px;
    margin-left: -1px;
    margin-top: -4px;
    width: 1px
}

.int-photo {
    font-size: 1rem;
    font-weight: 400;
    text-align: left
}

@media screen and (min-width:56em) {
    .int-photo {
        margin: 0 auto;
        padding: 0;
        position: relative
    }
}

.int-photo-wrap .int-photo {
    padding: 0
}

.int-photo-img {
    margin-bottom: 1rem;
    position: relative
}

.int-photo-img>img {
    display: block;
    width: 100%
}

@media screen and (min-width:56em) {
    .int-photo-img {
        margin-bottom: 0
    }
}

.int-photo-popup {
    background-color: #f7f7f7;
    margin-bottom: 1rem
}

@media screen and (min-width:56em) {
    .int-photo-popup {
        height: 0;
        margin-bottom: 0;
        position: absolute;
        width: 0
    }
}

@-webkit-keyframes marker-pulse-light {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    25% {
        opacity: 1
    }

    100%,
    75% {
        opacity: 0;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@keyframes marker-pulse-light {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    25% {
        opacity: 1
    }

    100%,
    75% {
        opacity: 0;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@-webkit-keyframes marker-pulse-dark {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    25% {
        opacity: 1
    }

    100%,
    50% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes marker-pulse-dark {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    25% {
        opacity: 1
    }

    100%,
    50% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

button.int-photo-marker {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #c8322b;
    border: .125em solid #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 .25em 1em rgba(0, 0, 0, .2);
    box-shadow: 0 .25em 1em rgba(0, 0, 0, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: auto;
    display: none;
    font-size: .75em;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    letter-spacing: normal;
    margin: -.875em 0 0 -.875em;
    outline: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: 2em
}

button.int-photo-marker:focus,
button.int-photo-marker:hover {
    background-color: #c8322b;
    border-color: #fff
}

@media screen and (min-width:56em) {
    button.int-photo-marker {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1em
    }

    button.int-photo-marker:focus,
    button.int-photo-marker:hover {
        -webkit-box-shadow: 0 .25em 1.5em rgba(0, 0, 0, .65), 0 0 0 .375em rgba(255, 255, 255, .5);
        box-shadow: 0 .25em 1.5em rgba(0, 0, 0, .65), 0 0 0 .375em rgba(255, 255, 255, .5);
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    button.int-photo-marker:after,
    button.int-photo-marker:before {
        border-radius: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: '';
        height: 200%;
        left: -50%;
        opacity: 0;
        position: absolute;
        top: -50%;
        width: 200%
    }

    button.int-photo-marker:before {
        -webkit-animation: 3s marker-pulse-dark;
        animation: 3s marker-pulse-dark;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        border: 1px solid rgba(255, 255, 255, .5)
    }

    button.int-photo-marker:after {
        -webkit-animation: 3s marker-pulse-light;
        animation: 3s marker-pulse-light;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        border: 1px solid #fff
    }
}

.int-photo.has-sequence .int-photo-marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

button.int-photo-marker.active {
    background-color: #c8322b;
    border-color: #fff
}

@media screen and (min-width:56em) {
    button.int-photo-marker.active {
        -webkit-box-shadow: 0 .5em 1.5em rgba(0, 0, 0, .2);
        box-shadow: 0 .5em 1.5em rgba(0, 0, 0, .2);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        z-index: 710
    }

    button.int-photo-marker.active:after,
    button.int-photo-marker.active:before {
        content: none
    }

    button.int-photo-marker.active .close-icon {
        display: block
    }

    button.int-photo-marker.active .int-photo-marker-key {
        display: none
    }
}

.int-photo-marker .close-icon {
    display: none
}

.int-photo-marker-key {
    font-size: .875em;
    font-weight: 600
}

.int-photo-marker.vr-marker {
    background-color: transparent;
    border: none;
    height: 2em;
    margin: -1em 0 0 -1em;
    width: 2em
}

.int-photo-marker .vr-marker-icon {
    display: block;
    height: 2em;
    width: 2em
}

.int-photo-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin
}

@media screen and (min-width:70em) {
    button.int-photo-marker.active {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    .int-photo-content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

.int-photo-detail {
    padding: 1rem;
    position: relative
}

@media screen and (min-width:56em) {
    .int-photo-detail {
        background-color: #fff;
        border-radius: .25rem;
        -webkit-box-shadow: 0 .5em 3em rgba(0, 0, 0, .1);
        box-shadow: 0 .5em 3em rgba(0, 0, 0, .1);
        display: block;
        margin-bottom: 0;
        max-height: 90vh;
        opacity: 0;
        overflow: auto;
        padding: 1.5rem;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: .3s all ease-out;
        transition: .3s all ease-out;
        width: 20rem
    }

    .popup-right .int-photo-detail {
        margin-left: -20rem;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

.int-photo-detail-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.int-photo-detail .loading {
    height: 16px;
    margin: 1em 0;
    position: relative;
    width: 100%
}

.int-photo-thumb {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .08);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 10rem;
    flex: 1 1 10rem;
    padding: .25rem;
    width: 10rem
}

@media screen and (min-width:56em) {
    .int-photo-detail-top {
        display: block
    }

    .int-photo-detail .loading {
        margin-top: 1.5rem
    }

    .int-photo-thumb {
        border: none;
        display: block;
        opacity: 0;
        padding: 0;
        -webkit-transition: .5s all ease-out;
        transition: .5s all ease-out;
        -webkit-transition-delay: 150ms;
        transition-delay: 150ms;
        width: auto
    }
}

.int-photo-thumb img {
    display: block;
    width: 100%
}

.vr-popup .int-photo-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 4rem;
    flex: 0 1 4rem;
    max-width: 4rem
}

.int-photo-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0;
    font-size: 1.125rem
}

.alternating-product-row-subtitle,
.alternating-product-row-title,
.int-photo-section-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.375
}

@media screen and (min-width:30em) {
    .int-photo-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .int-photo-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .int-photo-title,
.text-white .int-photo-title {
    color: #fff
}

.int-photo-thumb+.int-photo-title {
    margin-left: 1rem
}

@media screen and (min-width:56em) {
    .int-photo-title {
        display: block;
        opacity: 0;
        padding-left: 0;
        -webkit-transform: translateY(1.5rem);
        transform: translateY(1.5rem);
        -webkit-transition: .4s all ease-out;
        transition: .4s all ease-out;
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms;
        width: auto
    }

    .int-photo-thumb+.int-photo-title {
        margin: 1rem 0 0
    }
}

.int-photo-key {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #5a5b5c;
    border-radius: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2em;
    flex: 0 0 2em;
    font-size: .875rem;
    font-weight: 400;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: -.5em;
    position: absolute;
    top: -.5em;
    width: 2em
}

.int-photo-teaser :first-child {
    margin-top: 0
}

.int-photo-teaser :last-child {
    margin-bottom: 0
}

.int-photo-detail-top+.int-photo-teaser {
    margin-top: 1rem
}

@media screen and (min-width:56em) {
    .int-photo-key {
        display: none
    }

    .int-photo-teaser {
        opacity: 0;
        -webkit-transform: translateY(1.5rem);
        transform: translateY(1.5rem);
        -webkit-transition: .4s all ease-out;
        transition: .4s all ease-out;
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms
    }

    .int-photo-popup.active {
        z-index: 700
    }

    .int-photo-popup.active .int-photo-detail,
    .int-photo-popup.active .int-photo-teaser,
    .int-photo-popup.active .int-photo-thumb,
    .int-photo-popup.active .int-photo-title {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width:110em) {
    .product-grid.horizontal-scroll {
        grid-auto-columns: 33.33333%
    }

    .int-photo-wrap {
        max-width: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .int-photo-wrap {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.int-photo-col1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .int-photo-col1 {
        padding-left: 3vmin;
        padding-right: 3vmin;
        padding-top: 3vmin
    }
}

@media screen and (min-width:110em) {
    .int-photo-col1 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        float: none;
        margin: 0
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .int-photo-col1 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.int-photo-col2 {
    padding-top: 5vmin
}

@media screen and (min-width:110em) {
    .int-photo-col2 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .int-photo-col2 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.int-photo-section {
    margin-top: 5vmin
}

@media screen and (min-width:70em) {
    .int-photo-col2 {
        padding-top: 3vmin
    }

    .int-photo-section {
        margin-top: 3vmin
    }
}

.int-photo-section:first-child {
    margin-top: 0
}

.int-photo-section-title {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    display: block;
    margin: 0 0 1rem;
    padding-bottom: .5rem;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .int-photo-section-title {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .int-photo-section-title {
        font-size: 1.75rem
    }
}

.spec-sheet-pdf-project .int-photo-section-title,
.text-white .int-photo-section-title {
    color: #fff;
    border-color: rgba(255, 255, 255, .2)
}

.int-photo-popup+.int-photo-section-title,
.unstyled-list+.int-photo-section-title {
    margin-top: 2rem
}

@media screen and (min-width:70em) {
    .unstyled-list+.int-photo-section-title {
        margin-top: 3vmin
    }
}

.idea-starters-360 {
    height: 0;
    overflow: hidden;
    padding-bottom: 71.42857%;
    position: relative
}

.idea-starters-360 iframe {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.landing-int-photo {
    padding: 5vmin
}

@media screen and (min-width:56em) {
    .landing-int-photo {
        padding: 0;
        text-align: center
    }
}

.spec-sheet-pdf-project .int-photo-popup,
.text-white .int-photo-popup {
    background-color: #fff;
    color: #5a5b5c
}

.spec-sheet-pdf-project .int-photo-detail .int-photo-title,
.spec-sheet-pdf-project .int-photo-detail .int-photo-title a,
.text-white .int-photo-detail .int-photo-title,
.text-white .int-photo-detail .int-photo-title a {
    color: #c8322b
}

.fancybox-container {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.fancybox-bg {
    background: #2d2d2e
}

.fancybox-is-open .fancybox-bg {
    opacity: .88
}

.fancybox-infobar {
    color: #ededed;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .875rem
}

.fancybox-content {
    background: #fff
}

.fancybox-slide {
    padding: 5vmin
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #f7f7f7
}

.fancybox-error,
.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 0
}

.fancybox-error p {
    color: #5a5b5c
}

.fancybox-toolbar .copy-success-message {
    background-color: #0f9159;
    border-radius: 3px;
    color: #fff;
    display: block;
    height: 0;
    margin-top: 1em;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 1em;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 100%;
    width: 100%;
    min-width: 16rem;
    z-index: 100
}

.fancybox-toolbar .copy-success-message.active {
    height: auto;
    padding: 1.5rem;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: .3s opacity ease-out, .3s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .3s -webkit-transform ease-out;
    transition: .3s transform ease-out, .3s opacity ease-out;
    transition: .3s transform ease-out, .3s opacity ease-out, .3s -webkit-transform ease-out
}

.fancybox-toolbar .copy-success-message .icon {
    display: inline-block;
    fill: #fff;
    height: .75em;
    margin-right: .25em;
    width: 1em
}

.fancybox-button {
    background: rgba(45, 45, 46, .8);
    border: none !important
}

.tab-navigation li:first-child,
.tab-navigation li:not(.selected)+li {
    border-left: 1px solid rgba(0, 0, 0, .08)
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #fff
}

.fancybox-button:focus,
.fancybox-button:hover {
    background-color: #c8322b
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover,
.fancybox-show-nav .fancybox-navigation .fancybox-button.disabled {
    color: #5a5b5c;
    display: none
}

.fancybox-navigation .fancybox-button {
    margin-top: -19px
}

.fancybox-close-small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    right: .5rem;
    top: .5rem;
    width: 2.5rem
}

.fancybox-close-small:focus,
.fancybox-close-small:hover {
    background: #c8322b;
    color: #fff
}

.fancybox-close-small svg {
    fill: currentColor;
    height: 1.6875rem;
    opacity: 1;
    width: 1.6875rem
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
    color: #5a5b5c
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
    color: #c8322b
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-button--share-link svg {
    height: 13px;
    margin: -1px auto 0;
    width: 13px
}

.fancybox-button--share-link svg path {
    stroke-width: 1.5px
}

.fancybox-caption {
    font-weight: 300;
    color: #fff;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .fancybox-caption {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .fancybox-caption {
        font-size: 1.25rem
    }
}

.fancybox-caption::after {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #fff
}

.fancybox-caption a:hover {
    color: #c8322b
}

.fancybox-caption .fancybox-button:hover {
    color: #fff
}

.article-detail .fancybox-thumbs>ul,
.landing-page .fancybox-thumbs>ul {
    font-size: 0
}

.fancybox-thumbs>ul>li {
    opacity: .5
}

.fancybox-thumbs>ul>li:before {
    content: none
}

.fancybox-thumbs .fancybox-thumbs-active {
    opacity: 1
}

.fancybox-image {
    background-color: #f7f7f7
}

.alternating-product-row {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding: 10vmin 5vmin
}

@media screen and (min-width:70em) {
    .alternating-product-row {
        padding: 4.5vmin 3vmin
    }
}

@media screen and (min-width:56em) {
    .alternating-product-row {
        margin-left: auto;
        margin-right: auto;
        max-width: 100rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 28rem
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .alternating-product-row {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.alternating-product-row.image-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.application-listing-icon,
.blog-card-content,
.idea-starters-listing-icon,
.positions-item,
.quick-ship-modal-info,
.sisi-home-cta,
a.blog-card {
    -webkit-box-direction: normal
}

.alternating-product-row-image {
    margin-bottom: 5vmin
}

@media screen and (min-width:56em) {
    .alternating-product-row-image {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        margin-bottom: 0
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .alternating-product-row-image {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.alternating-product-row-image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 80vmin
}

@media screen and (min-width:56em) {
    .alternating-product-row-image img {
        max-height: 36rem;
        max-width: 85%
    }

    .alternating-product-row-image.pull-top img {
        margin-top: -9vmin
    }

    .alternating-product-row-image.pull-bottom img {
        margin-bottom: -9vmin
    }

    .alternating-product-row-content {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding: 5vmin 2.5vmin
    }
}

.alternating-product-row-teaser>:last-child,
.tab-navigation,
.tabcordions .tab-content>:last-child {
    margin-bottom: 0
}

@media screen and (min-width:56em) and (min-width:70em) {
    .alternating-product-row-content {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {
    .alternating-product-row-content {
        padding-bottom: 3vmin;
        padding-top: 3vmin
    }
}

.alternating-product-row-title {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    display: block;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .alternating-product-row-title {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .alternating-product-row-title {
        font-size: 1.75rem
    }
}

.spec-sheet-pdf-project .alternating-product-row-title,
.text-white .alternating-product-row-title {
    color: #fff
}

.alternating-product-row-subtitle {
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase;
    display: block
}

.spec-sheet-pdf-project .alternating-product-row-subtitle,
.text-white .alternating-product-row-subtitle {
    color: #fff
}

.alternating-product-row-teaser {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .alternating-product-row-teaser {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .alternating-product-row-teaser {
        font-size: 1.25rem
    }
}

.tab-navigation a,
.tabcordions .tab-header {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.tab-navigation {
    list-style-type: none;
    margin-top: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

@media screen and (min-width:56em) {
    .tab-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.tab-navigation li {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.tab-navigation li:first-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.tab-navigation li:first-child a {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.tab-navigation li:last-child {
    border-right: 1px solid rgba(0, 0, 0, .08);
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.tab-navigation li:last-child a {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.tab-navigation .selected {
    border-color: #5a5b5c !important
}

.tab-navigation a {
    color: #5a5b5c;
    display: block;
    height: 100%;
    padding: .75rem 2rem;
    text-align: center;
    text-decoration: none
}

.tab-navigation a:focus,
.tab-navigation a:hover {
    background-color: #f7f7f7;
    color: #2d2d2e
}

.tab-navigation .selected a {
    background-color: #5a5b5c;
    color: #fff;
    cursor: default
}

@media screen and (min-width:56em) {
    .tab-pane {
        padding: 7.5vmin 5vmin 5vmin
    }

    .tab-pane.inactive {
        display: none
    }
}

@media screen and (min-width:70em) {
    .tab-pane {
        padding: 4.5vmin 3vmin 3vmin
    }

    .tab-pane .unit {
        padding-bottom: 0
    }
}

.tab-pane .inner {
    padding-top: 0
}

.tab-pane .unit:last-child {
    padding-bottom: 0
}

.tab-pane .unit+.unit {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .tab-pane .unit+.unit {
        border-top: none;
        padding-top: 0
    }
}

@media screen and (min-width:56em) {

    .tabcordions,
    .tabs {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .08);
        margin-top: .75rem !important;
        position: relative
    }

    .spec-sheet-pdf-project .tabcordions,
    .spec-sheet-pdf-project .tabs,
    .text-white .tabcordions,
    .text-white .tabs {
        background-color: transparent;
        border-color: rgba(255, 255, 255, .2)
    }
}

.tabcordions .tab-pane {
    border: 1px solid rgba(0, 0, 0, .08)
}

@media screen and (min-width:56em) {
    .tabcordions .tab-pane {
        border: none
    }
}

.spec-sheet-pdf-project .tabcordions .tab-pane,
.text-white .tabcordions .tab-pane {
    border-color: rgba(255, 255, 255, .2)
}

.tabcordions .tab-pane+.tab-pane {
    border-top: none
}

.tabcordions .tab-header {
    background: #5a5b5c;
    color: #fff;
    display: block;
    margin: 0;
    padding: .75rem 2.5rem .75rem 1rem;
    pointer-events: none;
    position: relative;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.product-tab-header,
.sisi-home-cta-subtitle {
    line-height: 1.375;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.spec-sheet-pdf-project .tabcordions .tab-header,
.text-white .tabcordions .tab-header {
    background: #fff;
    color: #2d2d2e
}

.tabcordions .tabcordion-toggle {
    display: none;
    fill: #fff;
    height: .375em;
    margin-top: -.1875em;
    position: absolute;
    right: 1rem;
    text-align: center;
    top: 50%;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: .75em
}

.tabcordions .tab-content {
    background-color: #fff;
    padding: 1rem
}

.tabcordions .tab-content>:first-child {
    margin-top: 0
}

@media screen and (min-width:56em) {
    .tabcordions .tab-header {
        display: none
    }

    .tabcordions .tab-content {
        padding: 0
    }
}

.spec-sheet-pdf-project .tabcordions .tab-content,
.text-white .tabcordions .tab-content {
    background-color: transparent
}

.tabcordions .tab-pane.accordion-hidden .tab-header,
.tabcordions .tab-pane.inactive .tab-header {
    background: #fff;
    color: #5a5b5c;
    cursor: pointer;
    pointer-events: auto
}

.tabcordions .tab-pane.accordion-hidden .tab-header:focus,
.tabcordions .tab-pane.accordion-hidden .tab-header:hover,
.tabcordions .tab-pane.inactive .tab-header:focus,
.tabcordions .tab-pane.inactive .tab-header:hover {
    background-color: #f7f7f7;
    color: #2d2d2e
}

.spec-sheet-pdf-project .tabcordions .tab-pane.accordion-hidden .tab-header,
.spec-sheet-pdf-project .tabcordions .tab-pane.inactive .tab-header,
.text-white .tabcordions .tab-pane.accordion-hidden .tab-header,
.text-white .tabcordions .tab-pane.inactive .tab-header {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
}

.spec-sheet-pdf-project .tabcordions .tab-pane.accordion-hidden .tab-header:focus,
.spec-sheet-pdf-project .tabcordions .tab-pane.accordion-hidden .tab-header:hover,
.spec-sheet-pdf-project .tabcordions .tab-pane.inactive .tab-header:focus,
.spec-sheet-pdf-project .tabcordions .tab-pane.inactive .tab-header:hover,
.text-white .tabcordions .tab-pane.accordion-hidden .tab-header:focus,
.text-white .tabcordions .tab-pane.accordion-hidden .tab-header:hover,
.text-white .tabcordions .tab-pane.inactive .tab-header:focus,
.text-white .tabcordions .tab-pane.inactive .tab-header:hover {
    background-color: rgba(255, 255, 255, .2)
}

.tabcordions .tab-pane.accordion-hidden .tabcordion-toggle,
.tabcordions .tab-pane.inactive .tabcordion-toggle {
    display: block;
    fill: currentColor;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.tabcordions .tab-pane.accordion-hidden .tab-content {
    display: none
}

@media screen and (min-width:56em) {
    .tabcordions .tab-pane.accordion-hidden .tab-content {
        display: block
    }

    .tabcordions .tab-pane.inactive .tabcordion-toggle {
        fill: #5a5b5c;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .tabcordions .tab-pane.inactive .tab-content {
        display: none
    }
}

@media screen and (min-width:56em) and (min-width:56em) {
    .tabcordions .tab-pane.inactive .tab-content {
        display: block
    }
}

.large-text .tab-content {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .large-text .tab-content {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .large-text .tab-content {
        font-size: 1.25rem
    }
}

.product-tab-header {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    display: block;
    margin: 0 0 .5em;
    text-align: center;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .product-tab-header {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

.spec-sheet-pdf-project .product-tab-header,
.text-white .product-tab-header {
    color: #fff
}

.product-videos {
    background: #f7f7f7;
    margin: -7.5vmin -5vmin 0;
    padding: 7.5vmin 5vmin 5vmin;
    text-align: center
}

@media screen and (min-width:70em) {
    .product-videos {
        margin: -4.5vmin -3vmin 0;
        padding: 4.5vmin 3vmin 3vmin
    }
}

.product-videos-carousel {
    margin: 0 auto;
    max-width: 45rem;
    padding: 0;
    position: relative
}

.product-videos-carousel .slick-arrow {
    -webkit-box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .05), 0 0 2rem rgba(0, 0, 0, .08);
    box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .05), 0 0 2rem rgba(0, 0, 0, .08)
}

.product-videos-carousel .slick-arrow.prev {
    margin-left: -2em
}

.product-videos-carousel .slick-arrow.next {
    margin-right: -2em
}

.product-photos {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 1em;
    max-width: 1200px;
    text-align: center
}

.product-photos:after {
    clear: both;
    display: table
}

.product-photos-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-photos-img {
    border: 1px solid #fff;
    display: block;
    overflow: hidden;
    max-width: 200px;
    padding: .5rem;
    position: relative
}

@media screen and (min-width:80em) {
    .product-tab-header {
        font-size: 1.75rem
    }

    .product-photos-img {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }
}

.product-photos-img:focus,
.product-photos-img:hover {
    border-color: rgba(0, 0, 0, .08)
}

.product-photos-img:focus img,
.product-photos-img:hover img {
    opacity: .2
}

.product-photos-img:focus .icon,
.product-photos-img:hover .icon {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.product-photos-img:focus .icon svg,
.product-photos-img:hover .icon svg {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: 350ms all ease-out;
    transition: 350ms all ease-out;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.product-photos-img .icon {
    background: #c8322b;
    border-radius: 100%;
    display: block;
    height: 2.5em;
    left: 50%;
    margin-top: -1.25em;
    margin-left: -1.25em;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 2.5em;
    z-index: 20
}

.product-photos-img .icon svg {
    display: block;
    fill: #fff;
    height: 1em;
    margin: .75em auto 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 1em
}

.product-photos-img img {
    display: block;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.product-videos+.product-photos {
    margin-top: 5vmin
}

@media screen and (min-width:70em) {
    .product-videos+.product-photos {
        margin-top: 3vmin
    }

    .product-tabs-compare-btn {
        border-top: 1px solid rgba(0, 0, 0, .08);
        margin-top: 3vmin !important;
        padding-top: 3vmin
    }
}

.top-divider {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin;
    margin-top: -1px
}

@media screen and (min-width:70em) {
    .top-divider {
        padding-left: 3vmin;
        padding-right: 3vmin;
        margin-top: 0
    }
}

.top-divider hr {
    background-color: rgba(0, 0, 0, .08);
    border: none;
    height: 1px;
    margin: 0
}

.product-header {
    background-color: #fff;
    padding: 1em 0;
    text-align: center;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

@media screen and (min-width:30em) {
    .product-header {
        padding: 1.5em 0;
        text-align: left
    }

    .product-header-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:70em) {
    .product-header.stuck {
        background-color: #f7f7f7;
        border-bottom: 3px solid rgba(0, 0, 0, .08);
        left: 0;
        position: fixed;
        padding: .75em 0;
        right: 0;
        top: 0;
        z-index: 100
    }
}

.application-listing a,
.application-listing a:focus,
.application-listing a:hover {
    background-color: #5a5b5c
}

.product-header-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin
}

@media screen and (min-width:70em) {
    .product-header-content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

.product-header-title {
    border: none;
    margin: .25rem 1rem .25rem 0;
    padding-bottom: 0
}

.product-header-btn {
    margin: .25rem 0
}

.sisi-cta {
    margin: 0 auto;
    max-width: 60rem
}

.sisi-cta-img {
    text-align: center
}

.sisi-cta-img img {
    max-height: 320px
}

@media screen and (min-width:56em) {
    .sisi-cta {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sisi-cta-img {
        margin-right: 3vmin;
        width: 35%
    }

    .sisi-cta-body {
        width: 65%
    }
}

.sisi-cta-title {
    margin: 0
}

.sisi-cta-teaser {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .sisi-cta-teaser {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .sisi-cta-teaser {
        font-size: 1.25rem
    }
}

.sisi-home-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-width: 400px;
    text-decoration: none
}

.sisi-home-cta:focus .sisi-home-cta-title,
.sisi-home-cta:hover .sisi-home-cta-title {
    color: #2d2d2e !important
}

.sisi-home-cta:focus .arrow-link .icon,
.sisi-home-cta:hover .arrow-link .icon {
    fill: #2d2d2e
}

.sisi-home-cta:focus .arrow-link span:not(.no-wrap),
.sisi-home-cta:hover .arrow-link span:not(.no-wrap) {
    border-bottom: 1px solid
}

.sisi-home-cta-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 100%
}

@media screen and (min-width:56em) {
    .sisi-home-cta {
        max-width: 600px
    }

    .sisi-home-cta-overlay {
        padding: 0 0 2rem
    }
}

.sisi-home-cta-subtitle {
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase;
    display: block
}

.spec-sheet-pdf-project .sisi-home-cta-subtitle,
.text-white .sisi-home-cta-subtitle {
    color: #fff
}

.sisi-home-cta-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    color: #c8322b !important;
    line-height: 1.2;
    margin: 0;
    font-size: 1.375rem
}

.spec-sheet-pdf-project .sisi-home-cta-title,
.text-white .sisi-home-cta-title {
    color: #fff
}

@media screen and (min-width:30em) {
    .sisi-home-cta-title {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50));
        line-height: 1.2
    }
}

.application-listing-icon,
.tab-links a {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:70em) {
    .sisi-home-cta-title {
        font-size: 1.25rem
    }
}

@media screen and (min-width:80em) {
    .sisi-home-cta-title {
        font-size: 1.75rem
    }
}

.sisi-modal {
    display: none;
    max-width: 100rem;
    padding-top: 55px;
    width: 100%
}

.tab-links {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-header+.tab-links {
    margin-top: -1px
}

.tab-links a {
    border-top: .25rem solid rgba(0, 0, 0, .08);
    color: #5a5b5c;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: .875rem;
    max-width: 100%;
    padding: 1em;
    text-decoration: none
}

.spec-sheet-pdf-project .tab-links a,
.text-white .tab-links a {
    color: #fff
}

@media screen and (min-width:30em) {
    .tab-links a {
        font-size: 1em;
        padding: 1.25em 1.75em
    }

    .application-filter-dropdowns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:70em) {
    .tab-links a {
        font-size: 1.125em
    }
}

.tab-links a:focus,
.tab-links a:hover {
    color: #2d2d2e
}

.tab-links a.current {
    border-color: #c8322b;
    color: #c8322b;
    position: relative
}

.tab-links a.current:after,
.tab-links a.current:before {
    border-color: rgba(0, 0, 0, .08) transparent transparent;
    border-style: solid;
    border-width: .675em 1.375em 0;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -1.375em;
    position: absolute;
    top: 100%;
    width: 0
}

.tab-links a.current:after {
    border-top-color: #fff;
    margin-top: -1px
}

.application-filter-bar {
    padding-bottom: 1em;
    padding-top: 1em
}

.application-filter-bar .filter-bar-group {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media screen and (min-width:56em) {
    .application-filter-dropdowns {
        display: inline-block;
        vertical-align: middle
    }
}

.application-filter-bar .dropdown {
    display: block;
    margin: .375em .675em 0
}

@media screen and (min-width:56em) {
    .application-filter-bar .dropdown {
        display: inline-block;
        margin: 0 .675em 0 0;
        min-width: 16rem;
        vertical-align: middle
    }
}

.application-listing-item {
    margin-bottom: 3%;
    position: relative;
    text-align: center
}

@media screen and (min-width:30em) {
    .application-filter-bar .dropdown {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .application-listing-item {
        margin-bottom: 2%
    }
}

@media screen and (min-width:56em) {
    .application-listing-item {
        margin-bottom: 1%
    }
}

.application-listing a {
    color: #5a5b5c;
    display: block;
    overflow: hidden;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.application-listing a:focus .application-listing-image,
.application-listing a:hover .application-listing-image {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: .4;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.application-listing a:focus .application-listing-icon,
.application-listing a:hover .application-listing-icon {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.application-listing a:focus .application-listing-icon svg,
.application-listing a:hover .application-listing-icon svg {
    -webkit-transform: none;
    transform: none
}

.application-listing-image {
    display: block;
    -webkit-transition: .3s opacity ease-out, .5s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .5s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .5s transform ease-out;
    transition: .3s opacity ease-out, .5s transform ease-out, .5s -webkit-transform ease-out;
    width: 100%
}

.application-listing-icon {
    font-size: .875rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    height: 100%;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
    -webkit-transition: 350ms all ease-out;
    transition: 350ms all ease-out;
    width: 100%;
    z-index: 3
}

.application-modal-title,
.product-by-name-title {
    font-weight: 600;
    letter-spacing: normal;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.spec-sheet-pdf-project .application-listing-icon,
.text-white .application-listing-icon {
    color: #fff
}

.application-listing-icon svg {
    display: block;
    fill: #fff;
    height: 1.25em;
    margin: 0 auto .5rem;
    -webkit-transition: 450ms all ease-out;
    transition: 450ms all ease-out;
    -webkit-transform: translateY(.5em);
    transform: translateY(.5em);
    width: 1.25em
}

/* 2024change */
.application-listing .js-item-sizer,
.application-listing-item {
    width: 100%;
    float: left;
    margin-left: 1%;
}

@media screen and (min-width:30em) {

    .application-listing .js-item-sizer,
    .application-listing-item {
        width: 49%;
    }
}

/* 2024change */
@media screen and (min-width:56em) {
    .application-listing .js-item-sizer,
    .application-listing-item {
        width: 31.66667%;
    }
}

.application-listing .js-gutter-sizer {
    width: 3%
}

@media screen and (min-width:30em) {
    .application-listing .js-gutter-sizer {
        width: 2%
    }
}

@media screen and (min-width:56em) {
    .application-listing .js-gutter-sizer {
        width: 1%
    }
}

.application-modal {
    max-width: 90%;
    max-height: 90%;
    padding: 0;
    position: relative;
    width: 100rem
}

@media screen and (min-width:56em) {
    .application-modal-img {
        width: 60%
    }
}

@media screen and (min-width:70em) {
    .application-modal-img {
        width: 50%
    }
}

@media screen and (min-width:80em) {
    .application-modal-img {
        width: 60%
    }
}

.application-modal-img img {
    display: block;
    width: 100%
}

@media screen and (min-width:56em) {
    .application-modal-content {
        height: 100%;
        overflow: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 40%
    }
}

@media screen and (min-width:70em) {
    .application-modal-content {
        width: 50%
    }
}

.application-modal-title {
    color: #2d2d2e;
    line-height: 1.25;
    display: block;
    text-align: center;
    font-size: 1.75rem
}

@media screen and (min-width:30em) {
    .application-modal-title {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }

    .application-modal-products {
        margin-left: auto;
        margin-right: auto;
        max-width: 100rem;
        padding-left: 0;
        padding-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:80em) {
    .application-modal-content {
        width: 40%
    }

    .application-modal-title {
        font-size: 2.5rem
    }
}

.spec-sheet-pdf-project .application-modal-title,
.text-white .application-modal-title {
    color: #fff
}

.application-modal-products {
    margin-top: 2.5vmin
}

.blog-card-content,
.idea-starters-listing-icon,
.positions-item,
.product-hero,
.quick-ship-modal-info,
a.blog-card {
    -webkit-box-orient: vertical
}

@media screen and (min-width:30em) {
    .application-modal-products .product-card {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:56em) {
    .application-modal-products .product-card {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:70em) {
    .application-modal-products {
        margin-top: 1.5vmin
    }

    .application-modal-products .product-card {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }
}

.product-by-name:after {
    clear: both;
    display: table
}

.product-by-name-image {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .08);
    float: left;
    margin: 0 1rem .5rem 0;
    max-width: 10rem;
    padding: .25rem;
    text-align: center;
    width: 40%
}

@media screen and (min-width:30em) {
    .product-by-name {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .product-by-name-image {
        float: none;
        margin-bottom: 0;
        margin-right: 2.5vmin;
        width: 10rem
    }
}

@media screen and (min-width:70em) {
    .product-by-name-image {
        margin-right: 1.5vmin
    }
}

.product-by-name-image img {
    display: block;
    margin: 0 auto
}

.product-by-name-detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.product-by-name-detail>:first-child {
    margin-top: 0
}

.product-by-name-detail>:last-child {
    margin-bottom: 0
}

.product-by-name-title {
    color: #2d2d2e;
    line-height: 1.625;
    display: block;
    margin-bottom: .125em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .product-by-name-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .product-by-name-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .product-by-name-title,
.text-white .product-by-name-title {
    color: #fff
}

.product-by-name-date,
.product-by-name-publication {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase
}

.spec-sheet-pdf-project .product-by-name-date,
.spec-sheet-pdf-project .product-by-name-publication,
.text-white .product-by-name-date,
.text-white .product-by-name-publication {
    color: #fff
}

.featured-article.product-by-name {
    display: block
}

.featured-article .product-by-name-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .featured-article .product-by-name-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .featured-article .product-by-name-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .featured-article .product-by-name-title,
.text-white .featured-article .product-by-name-title {
    color: #fff
}

.featured-article .product-by-name-date {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    color: #5a5b5c
}

.swatch-bar-name,
.swatch-hero-title {
    letter-spacing: normal;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.spec-sheet-pdf-project .featured-article .product-by-name-date,
.spec-sheet-pdf-project .swatch-card a:focus .swatch-card-title,
.spec-sheet-pdf-project .swatch-card a:hover .swatch-card-title,
.text-white .featured-article .product-by-name-date,
.text-white .swatch-card a:focus .swatch-card-title,
.text-white .swatch-card a:hover .swatch-card-title {
    color: #fff
}

.featured-article .product-by-name-image {
    float: none;
    margin-bottom: 5vmin
}

@media screen and (min-width:56em) {
    .featured-article.product-by-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .featured-article .product-by-name-image {
        margin-bottom: 0;
        margin-right: 2.5vmin;
        max-width: 40%
    }
}

@media screen and (min-width:70em) {
    .featured-article .product-by-name-image {
        margin-right: 1.5vmin
    }
}

.featured-article .product-by-name-image img {
    margin: 0
}

.featured-article .product-by-name-detail p {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .featured-article .product-by-name-detail p {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .featured-article .product-by-name-detail p {
        font-size: 1.25rem
    }
}

.swatch-card {
    margin: 0 auto;
    max-width: 35rem;
    text-align: center
}

.swatch-card a {
    text-decoration: none
}

.swatch-card-image {
    background-color: #fff;
    margin-bottom: .5rem;
    position: relative
}

.swatch-card-image img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.swatch-bar,
.swatch-enlarge {
    display: -webkit-box;
    display: -ms-flexbox
}

.swatch-enlarge {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(45, 45, 46, .75);
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    width: 100%
}

.result-bar-download:not(.active) .dropdown-toggle,
a:focus .swatch-enlarge,
a:hover .swatch-enlarge {
    opacity: 1
}

.swatch-enlarge .icon {
    fill: #fff;
    height: 1.25rem;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    -webkit-transition: .4s all ease-out;
    transition: .4s all ease-out;
    width: 1.25rem
}

a:focus .swatch-enlarge .icon,
a:hover .swatch-enlarge .icon {
    -webkit-transform: none;
    transform: none
}

.swatch-card-title {
    color: #2d2d2e;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    margin-top: .5rem
}

.swatch-card-code,
.swatch-card-info,
.swatch-card-note {
    color: #5a5b5c
}

.swatch-hero {
    background-color: #f7f7f7;
    position: relative
}

@media screen and (min-width:56em) {
    .swatch-hero:after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), to(rgba(0, 0, 0, .4)));
        background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, .4) 100%);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }
}

.swatch-hero-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 12rem
}

.swatch-hero-img.no-img {
    background-color: #f7f7f7;
    background-size: 250px
}

.swatch-hero-img-temp {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.swatch-hero .loader {
    border-color: rgba(255, 255, 255, .5);
    border-top-color: #fff;
    left: 50%;
    margin: -2em 0 0 -2em;
    position: absolute;
    top: 50%
}

.swatch-hero-overlay {
    background-color: #fff
}

.swatch-hero-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    width: 100%;
    padding: 1rem 5vmin
}

@media screen and (min-width:70em) {
    .swatch-hero-content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

@media screen and (min-width:30em) {
    .swatch-hero-img {
        height: 20rem;
        max-height: 55vh;
        min-height: 20rem
    }

    .swatch-hero-content {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
}

@media screen and (min-width:56em) {
    .swatch-hero-img {
        height: 60rem
    }

    .swatch-hero-img.no-img {
        background-size: auto
    }

    .swatch-hero-overlay {
        background-color: transparent;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 2
    }

    .swatch-hero-content {
        color: #fff;
        padding-bottom: 4rem;
        padding-top: 0
    }
}

.swatch-hero-title {
    color: #2d2d2e;
    font-weight: 600;
    margin: 0;
    padding-bottom: 0;
    font-size: 2.5rem
}

@media screen and (min-width:30em) {
    .swatch-hero-title {
        font-size: calc(2.5rem + 3 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .swatch-hero-title {
        font-size: 5.5rem
    }
}

.spec-sheet-pdf-project .swatch-hero-title,
.text-white .swatch-hero-title {
    color: #fff
}

.swatch-selector-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin;
    position: relative
}

.swatch-bar-links a:not(:last-child),
.swatch-bar-name,
.swatch-links a:not(:last-child) {
    margin-right: 1em
}

@media screen and (min-width:70em) {
    .swatch-selector-content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

.swatch-bar {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1em 0;
    position: relative;
    z-index: 30
}

@media screen and (min-width:56em) {
    .swatch-hero-title {
        color: #fff
    }

    .swatch-bar {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        border-bottom: none;
        -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
        box-shadow: 0 0 3em rgba(0, 0, 0, .1);
        margin-top: -2.5rem;
        padding: 1.25em 2.25em
    }

    .swatch-bar-code {
        white-space: nowrap
    }
}

@media screen and (min-width:70em) {
    .swatch-bar {
        margin-top: -3.25rem
    }
}

.swatch-bar-name {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.25;
    font-size: 1.75rem
}

@media screen and (min-width:30em) {
    .swatch-bar-name {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .swatch-bar-name {
        font-size: 2.5rem
    }
}

.spec-sheet-pdf-project .swatch-bar-name,
.text-white .swatch-bar-name {
    color: #fff
}

.swatch-bar-code {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    color: #5a5b5c
}

.spec-sheet-pdf-project .swatch-bar-code,
.text-white .swatch-bar-code {
    color: #fff
}

.swatch-bar-links {
    margin-top: .5em
}

.swatch-selector .swatch-card {
    background: 0 0;
    border: none;
    border-radius: 0;
    cursor: pointer;
    line-height: 1.75;
    max-width: 332px;
    padding: 0;
    text-align: center;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    width: 100%
}

.swatch-grid+.swatch-links,
.swatch-links {
    border-top: 1px solid rgba(0, 0, 0, .08);
    text-align: center
}

.swatch-selector .swatch-card:focus,
.swatch-selector .swatch-card:hover {
    background: 0 0
}

.swatch-selector .swatch-card:focus .swatch-card-image,
.swatch-selector .swatch-card:hover .swatch-card-image {
    -webkit-box-shadow: inset 0 0 0 .125rem rgba(45, 45, 46, .18);
    box-shadow: inset 0 0 0 .125rem rgba(45, 45, 46, .18)
}

.swatch-selector .swatch-card-image {
    padding: .375rem;
    position: relative;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.swatch-selector .swatch-card.current .swatch-card-image {
    -webkit-box-shadow: inset 0 0 0 .125rem #2d2d2e;
    box-shadow: inset 0 0 0 .125rem #2d2d2e
}

.swatch-selector .swatch-card.current .swatch-card-image:after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    bottom: .125rem;
    color: #2d2d2e;
    content: '\2713';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Arial, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    height: 1.125rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: .125rem;
    text-align: center;
    width: 1.125rem
}

.explore-materials-bar-header,
.search-result-title,
.search-result-title .search-result-term,
.swatch-grid-category-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.swatch-selector .swatch-card.current .swatch-card-title {
    color: #c8322b
}

@media screen and (min-width:56em) {
    .swatch-bar-links {
        margin-top: 0
    }

    .swatch-bar+.swatch-carousel {
        margin-top: -1em
    }
}

.specifications-table+.swatch-add-info {
    margin-top: 5vmin
}

@media screen and (min-width:70em) {
    .specifications-table+.swatch-add-info {
        margin-top: 3vmin
    }
}

.swatch-links {
    font-weight: 600;
    margin-top: 5vmin;
    padding: 1rem 0
}

@media screen and (min-width:56em) {
    .swatch-links {
        padding: 1.5rem 0
    }
}

@media screen and (min-width:70em) {
    .swatch-links {
        margin-top: 3vmin
    }
}

.swatch-grid+.swatch-links {
    padding-top: 5vmin
}

.swatch-grid+.swatch-links a {
    margin: 0 .5em
}

.swatch-grid-category,
.swatch-selector .swatch-grid-item:nth-child(odd) {
    margin-right: 2%
}

.swatch-grid-scroll-wrapper {
    margin-top: 5vmin;
    max-height: 35vh;
    overflow: auto
}

@media screen and (min-width:70em) {
    .swatch-grid-scroll-wrapper {
        margin-top: 3vmin
    }
}

.swatch-grid-category-title {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    margin-bottom: .5em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .swatch-grid-category-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

.spec-sheet-pdf-project .swatch-grid-category-title,
.text-white .swatch-grid-category-title {
    color: #fff
}

.swatch-selector .swatch-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swatch-selector .swatch-card-title {
    color: #2d2d2e;
    margin-top: .25rem;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.swatch-selector .swatch-grid-item {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    max-width: 49%
}

@media screen and (min-width:56em) {
    .swatch-grid+.swatch-links {
        padding-top: 1.5vmin
    }

    .swatch-selector .swatch-grid-item {
        -ms-flex-preferred-size: 32.66666666666667%;
        flex-basis: 32.66666666666667%;
        max-width: 32.66666666666667%
    }

    .swatch-selector .swatch-grid-item:nth-child(odd) {
        margin-right: 0
    }

    .swatch-selector .swatch-grid-item:not(:nth-child(3n)) {
        margin-right: 1%
    }
}

@media screen and (min-width:70em) {
    .swatch-selector .swatch-grid-item {
        -ms-flex-preferred-size: 19.2%;
        flex-basis: 19.2%;
        margin-bottom: 2%;
        max-width: 19.2%
    }

    .swatch-selector .swatch-grid-item:not(:nth-child(3n)) {
        margin-right: 0
    }

    .swatch-selector .swatch-grid-item:not(:nth-child(5n)) {
        margin-right: 1%
    }
}

@media screen and (min-width:80em) {
    .swatch-grid-category-title {
        font-size: 1.25rem
    }

    .swatch-selector .swatch-grid-item {
        margin-bottom: 1.5%
    }

    .swatch-selector .swatch-grid-item:not(:nth-child(4n)) {
        margin-right: 0
    }

    .swatch-selector .swatch-grid-item:not(:nth-child(5n)) {
        margin-right: 1%
    }
}

.swatch-selector.no-banner .swatch-hero {
    background: 0 0;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .swatch-selector.no-banner .swatch-hero {
        padding-top: 3vmin
    }
}

.swatch-selector.no-banner .swatch-hero:after {
    content: none
}

.swatch-selector.no-banner .swatch-hero-overlay {
    position: static;
    width: auto
}

@media screen and (min-width:56em) {
    .swatch-selector.no-banner .swatch-selector-content {
        padding-top: 1px
    }

    .swatch-selector.no-banner .swatch-hero-title {
        color: #2d2d2e
    }
}

.act-symbols svg {
    display: inline-block;
    fill: #5a5b5c;
    margin-right: .5em;
    vertical-align: middle
}

.act-abrasion-high,
.act-abrasion-low,
.act-facts {
    height: .875em;
    width: .875em
}

.act-physical {
    height: .875em;
    width: .9375em
}

.act-crocking {
    height: .875em;
    width: 1em
}

.act-colorfastness {
    height: 1em;
    width: 1em
}

.act-flammability {
    height: .9375em;
    width: .8125em
}

.act-symbols+.specifications-table {
    margin-top: 1em
}

.tooltipster-sidetip .tooltipster-box {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    font-size: .875rem;
    line-height: 1.5
}

.tooltipster-sidetip .tooltipster-content {
    color: #5a5b5c;
    line-height: inherit;
    padding: 1em
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: rgba(0, 0, 0, .08)
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
    top: -1px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 9px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: rgba(0, 0, 0, .08)
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #fff;
    bottom: -1px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 9px
}

.explore-materials-bar {
    background-color: #f7f7f7;
    text-align: center
}

.explore-materials-bar+.section-bg {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.explore-materials-bar-header {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    margin: 0 0 1rem;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .explore-materials-bar-header {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .explore-materials-bar-header {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .explore-materials-bar-header,
.text-white .explore-materials-bar-header {
    color: #fff
}

.explore-materials-bar .btn {
    display: inline-block
}

.explore-materials-bar .surface-materials-search {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 26rem;
    position: relative
}

@media screen and (min-width:30em) {
    .explore-materials-bar .surface-materials-search {
        margin-top: 1.5rem
    }
}

.explore-materials-bar .surface-materials-search-type {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.explore-materials-bar .surface-materials-search-type input[type=radio]+label {
    margin: .375rem .5rem
}

.explore-materials-bar .surface-materials-search-heading {
    font-weight: 300;
    color: #2d2d2e;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    letter-spacing: inherit;
    margin: 0 auto 0 0;
    text-transform: none;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .explore-materials-bar .surface-materials-search-heading {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50));
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media screen and (min-width:80em) {
    .explore-materials-bar .surface-materials-search-heading {
        font-size: 1.25rem
    }
}

.explore-materials-bar .search-box {
    margin-top: .25rem;
    max-width: none;
    width: 100%
}

.explore-materials-bar-browse {
    font-weight: 300;
    margin-top: .5rem;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .explore-materials-bar-browse {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50));
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 1rem
    }

    .explore-materials-bar-browse a:first-child {
        border-right: 1px solid rgba(0, 0, 0, .08)
    }
}

.explore-materials-bar-browse a {
    display: block;
    padding: .5rem 1.5rem
}

.richtext-swatch-list,
.richtext-swatch-list-large {
    padding-left: 0;
    margin-top: 1.5rem;
    list-style-type: none
}

.swatch-grid-item {
    margin-bottom: 1.5rem
}

@media screen and (min-width:30em) {
    .swatch-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .swatch-grid-item {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        max-width: 49%
    }

    .swatch-grid-item:nth-child(odd) {
        margin-right: 2%
    }
}

@media screen and (min-width:56em) {
    .swatch-grid-item {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        margin-bottom: 4%;
        max-width: 32%
    }

    .swatch-grid-item:nth-child(odd) {
        margin-right: 0
    }

    .swatch-grid-item:not(:nth-child(3n)) {
        margin-right: 2%
    }
}

@media screen and (min-width:80em) {
    .explore-materials-bar-browse {
        font-size: 1.25rem
    }

    .swatch-grid-item {
        -ms-flex-preferred-size: 23.5%;
        flex-basis: 23.5%;
        max-width: 23.5%
    }

    .swatch-grid-item:not(:nth-child(3n)) {
        margin-right: 0
    }

    .swatch-grid-item:not(:nth-child(4n)) {
        margin-right: 2%
    }
}

.swatch-grid-5-up,
.swatch-grid-6-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swatch-grid-5-up .swatch-grid-item,
.swatch-grid-6-up .swatch-grid-item {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    max-width: 49%
}

.swatch-grid-5-up .swatch-grid-item:nth-child(odd),
.swatch-grid-6-up .swatch-grid-item:nth-child(odd) {
    margin-right: 2%
}

@media screen and (min-width:30em) {

    .swatch-grid-5-up .swatch-grid-item,
    .swatch-grid-6-up .swatch-grid-item {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        max-width: 32%
    }

    .swatch-grid-5-up .swatch-grid-item:nth-child(odd),
    .swatch-grid-6-up .swatch-grid-item:nth-child(odd) {
        margin-right: 0
    }

    .swatch-grid-5-up .swatch-grid-item:not(:nth-child(3n)),
    .swatch-grid-6-up .swatch-grid-item:not(:nth-child(3n)) {
        margin-right: 2%
    }
}

@media screen and (min-width:56em) {

    .swatch-grid-5-up .swatch-grid-item,
    .swatch-grid-6-up .swatch-grid-item {
        -ms-flex-preferred-size: 23.5%;
        flex-basis: 23.5%;
        max-width: 23.5%
    }

    .swatch-grid-5-up .swatch-grid-item:not(:nth-child(3n)),
    .swatch-grid-6-up .swatch-grid-item:not(:nth-child(3n)) {
        margin-right: 0
    }

    .swatch-grid-5-up .swatch-grid-item:not(:nth-child(4n)),
    .swatch-grid-6-up .swatch-grid-item:not(:nth-child(4n)) {
        margin-right: 2%
    }
}

@media screen and (min-width:70em) {

    .swatch-grid-5-up .swatch-grid-item,
    .swatch-grid-6-up .swatch-grid-item {
        -ms-flex-preferred-size: 18.4%;
        flex-basis: 18.4%;
        max-width: 18.4%
    }

    .swatch-grid-5-up .swatch-grid-item:not(:nth-child(4n)),
    .swatch-grid-6-up .swatch-grid-item:not(:nth-child(4n)) {
        margin-right: 0
    }

    .swatch-grid-5-up .swatch-grid-item:not(:nth-child(5n)),
    .swatch-grid-6-up .swatch-grid-item:not(:nth-child(5n)) {
        margin-right: 2%
    }
}

@media screen and (min-width:80em) {
    .swatch-grid-6-up .swatch-grid-item {
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        max-width: 15%
    }

    .swatch-grid-6-up .swatch-grid-item:not(:nth-child(5n)) {
        margin-right: 0
    }

    .swatch-grid-6-up .swatch-grid-item:not(:nth-child(6n)) {
        margin-right: 2%
    }
}

.richtext-swatch-list {
    margin-bottom: 0
}

@media screen and (min-width:30em) and (-ms-high-contrast:none) {
    .richtext-swatch-list>* {
        width: calc(50% - 1.5rem - .1px)
    }
}

@media screen and (min-width:30em) {
    .richtext-swatch-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .richtext-swatch-list>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5rem);
        flex: 0 0 calc(50% - 1.5rem);
        margin-bottom: 1.5rem;
        max-width: calc(50% - 1.5rem - .1px)
    }

    .richtext-swatch-list>:nth-child(2n) {
        margin-right: 0
    }

    .richtext-swatch-list>:not(:nth-child(2n)) {
        margin-right: 3rem
    }
}

@media screen and (min-width:56em) and (-ms-high-contrast:none) {
    .richtext-swatch-list>* {
        width: calc(33.33333% - 2rem - .1px)
    }
}

@media screen and (min-width:56em) {
    .richtext-swatch-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .richtext-swatch-list>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2rem);
        flex: 0 0 calc(33.33333% - 2rem);
        margin-bottom: 1.5rem;
        max-width: calc(33.33333% - 2rem - .1px)
    }

    .richtext-swatch-list>:not(:nth-child(2n)),
    .richtext-swatch-list>:nth-child(3n) {
        margin-right: 0
    }

    .richtext-swatch-list>:not(:nth-child(3n)) {
        margin-right: 3rem
    }
}

@media screen and (min-width:70em) and (-ms-high-contrast:none) {
    .richtext-swatch-list>* {
        width: calc(25% - 2.25rem - .1px)
    }
}

@media screen and (min-width:70em) {
    .richtext-swatch-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .richtext-swatch-list>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25rem);
        flex: 0 0 calc(25% - 2.25rem);
        margin-bottom: 1.5rem;
        max-width: calc(25% - 2.25rem - .1px)
    }

    .richtext-swatch-list>:not(:nth-child(3n)),
    .richtext-swatch-list>:nth-child(4n) {
        margin-right: 0
    }

    .richtext-swatch-list>:not(:nth-child(4n)) {
        margin-right: 3rem
    }
}

.richtext-swatch-list li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem
}

.richtext-swatch-list img {
    display: block;
    margin-right: .5rem
}

.richtext-swatch-list-large {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.richtext-swatch-list-large>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 1.5rem);
    flex: 0 0 calc(50% - 1.5rem);
    margin-bottom: 1.5rem;
    max-width: calc(50% - 1.5rem - .1px)
}

@media screen and (-ms-high-contrast:none) {
    .richtext-swatch-list-large>* {
        width: calc(50% - 1.5rem - .1px)
    }
}

.richtext-swatch-list-large>:nth-child(2n) {
    margin-right: 0
}

.richtext-swatch-list-large>:not(:nth-child(2n)) {
    margin-right: 3rem
}

@media screen and (min-width:30em) and (-ms-high-contrast:none) {
    .richtext-swatch-list-large>* {
        width: calc(33.33333% - 2rem - .1px)
    }
}

@media screen and (min-width:30em) {
    .richtext-swatch-list-large {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .richtext-swatch-list-large>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2rem);
        flex: 0 0 calc(33.33333% - 2rem);
        margin-bottom: 1.5rem;
        max-width: calc(33.33333% - 2rem - .1px)
    }

    .richtext-swatch-list-large>:not(:nth-child(2n)),
    .richtext-swatch-list-large>:nth-child(3n) {
        margin-right: 0
    }

    .richtext-swatch-list-large>:not(:nth-child(3n)) {
        margin-right: 3rem
    }
}

@media screen and (min-width:56em) and (-ms-high-contrast:none) {
    .richtext-swatch-list-large>* {
        width: calc(25% - 2.25rem - .1px)
    }
}

@media screen and (min-width:56em) {
    .richtext-swatch-list-large {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .richtext-swatch-list-large>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25rem);
        flex: 0 0 calc(25% - 2.25rem);
        margin-bottom: 1.5rem;
        max-width: calc(25% - 2.25rem - .1px)
    }

    .richtext-swatch-list-large>:not(:nth-child(3n)),
    .richtext-swatch-list-large>:nth-child(4n) {
        margin-right: 0
    }

    .richtext-swatch-list-large>:not(:nth-child(4n)) {
        margin-right: 3rem
    }
}

@media screen and (min-width:70em) and (-ms-high-contrast:none) {
    .richtext-swatch-list-large>* {
        width: calc(16.66667% - 2.5rem - .1px)
    }
}

@media screen and (min-width:70em) {
    .richtext-swatch-list-large {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .richtext-swatch-list-large>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5rem);
        flex: 0 0 calc(16.66667% - 2.5rem);
        margin-bottom: 1.5rem;
        max-width: calc(16.66667% - 2.5rem - .1px)
    }

    .richtext-swatch-list-large>:not(:nth-child(5n)),
    .richtext-swatch-list-large>:nth-child(6n) {
        margin-right: 0
    }

    .richtext-swatch-list-large>:not(:nth-child(6n)) {
        margin-right: 3rem
    }
}

.richtext-swatch-list-large li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem;
    text-align: center
}

.richtext-swatch-list-large img {
    display: block;
    margin-bottom: .5rem
}

.result-bar {
    background-color: #f7f7f7;
    margin-top: .5rem;
    padding: 1em 1.5rem
}

.result-bar-detail {
    margin-right: 1.5rem
}

.result-bar-detail+.result-bar-download,
.result-bar-detail+.result-bar-export,
.result-bar-detail+.sticky-wrapper {
    margin-top: 1rem
}

@media screen and (min-width:56em) {
    .result-bar {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .result-bar-detail+.result-bar-download,
    .result-bar-detail+.result-bar-export,
    .result-bar-detail+.sticky-wrapper {
        margin-top: 0
    }

    .result-bar .sticky-wrapper,
    .result-bar-download,
    .result-bar-export {
        margin-left: auto
    }

    .result-bar-export .dropdown-menu {
        left: auto;
        right: 0
    }
}

.result-bar-download .dropdown {
    display: block;
    margin-bottom: .5rem;
    text-align: left
}

.result-bar-download .dropdown.is-active .doc-library-item-date,
.result-bar-download .dropdown.is-active .doc-library-version-date,
.result-bar-download .dropdown.is-active .dropdown-title,
.result-bar-download .dropdown.is-active .event-card-year,
.result-bar-download .dropdown.is-active .num,
.result-bar-download .dropdown.is-active .prod-comp-selection-count,
.result-bar-export .dropdown.is-active .doc-library-item-date,
.result-bar-export .dropdown.is-active .doc-library-version-date,
.result-bar-export .dropdown.is-active .dropdown-title,
.result-bar-export .dropdown.is-active .event-card-year,
.result-bar-export .dropdown.is-active .num,
.result-bar-export .dropdown.is-active .prod-comp-selection-count {
    color: #fff
}

.result-bar-download-content>a+a {
    margin-top: .5rem
}

.result-bar-download {
    opacity: .5;
    pointer-events: none
}

.result-bar-download.active,
.result-bar.active .result-bar-download {
    opacity: 1;
    pointer-events: auto
}

.result-bar-download.active .doc-library-item-date,
.result-bar-download.active .doc-library-version-date,
.result-bar-download.active .event-card-year,
.result-bar-download.active .num,
.result-bar-download.active .prod-comp-selection-count,
.result-bar.active .result-bar-download .doc-library-item-date,
.result-bar.active .result-bar-download .doc-library-version-date,
.result-bar.active .result-bar-download .event-card-year,
.result-bar.active .result-bar-download .num,
.result-bar.active .result-bar-download .prod-comp-selection-count {
    color: #c8322b
}

.result-bar-download.active .dropdown-toggle:focus .doc-library-item-date,
.result-bar-download.active .dropdown-toggle:focus .doc-library-version-date,
.result-bar-download.active .dropdown-toggle:focus .event-card-year,
.result-bar-download.active .dropdown-toggle:focus .num,
.result-bar-download.active .dropdown-toggle:focus .prod-comp-selection-count,
.result-bar-download.active .dropdown-toggle:hover .doc-library-item-date,
.result-bar-download.active .dropdown-toggle:hover .doc-library-version-date,
.result-bar-download.active .dropdown-toggle:hover .event-card-year,
.result-bar-download.active .dropdown-toggle:hover .num,
.result-bar-download.active .dropdown-toggle:hover .prod-comp-selection-count,
.result-bar-download.active .dropdown.is-active .doc-library-item-date,
.result-bar-download.active .dropdown.is-active .doc-library-version-date,
.result-bar-download.active .dropdown.is-active .event-card-year,
.result-bar-download.active .dropdown.is-active .num,
.result-bar-download.active .dropdown.is-active .prod-comp-selection-count,
.result-bar.active .dropdown.is-active .doc-library-item-date,
.result-bar.active .dropdown.is-active .doc-library-version-date,
.result-bar.active .dropdown.is-active .event-card-year,
.result-bar.active .dropdown.is-active .num,
.result-bar.active .dropdown.is-active .prod-comp-selection-count,
.result-bar.active .result-bar-download .dropdown-toggle:focus .doc-library-item-date,
.result-bar.active .result-bar-download .dropdown-toggle:focus .doc-library-version-date,
.result-bar.active .result-bar-download .dropdown-toggle:focus .event-card-year,
.result-bar.active .result-bar-download .dropdown-toggle:focus .num,
.result-bar.active .result-bar-download .dropdown-toggle:focus .prod-comp-selection-count,
.result-bar.active .result-bar-download .dropdown-toggle:hover .doc-library-item-date,
.result-bar.active .result-bar-download .dropdown-toggle:hover .doc-library-version-date,
.result-bar.active .result-bar-download .dropdown-toggle:hover .event-card-year,
.result-bar.active .result-bar-download .dropdown-toggle:hover .num,
.result-bar.active .result-bar-download .dropdown-toggle:hover .prod-comp-selection-count {
    color: #fff
}

.result-bar-download.stuck {
    background-color: #f7f7f7;
    border-bottom: 3px solid rgba(0, 0, 0, .08);
    left: 0;
    margin-top: 0;
    padding: 1rem 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 100%;
    z-index: 999
}

@media screen and (min-width:30em) {
    .result-bar-download .dropdown {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 1rem;
        vertical-align: middle
    }

    .result-bar-download-content>a {
        display: inline-block;
        vertical-align: middle
    }

    .result-bar-download-content>a+a {
        margin-left: 1.5rem;
        margin-top: 0
    }

    .result-bar-download.stuck {
        padding: 1.5rem 0
    }
}

.result-bar-download.stuck .result-bar-download-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin
}

@media screen and (min-width:70em) {
    .result-bar-download.stuck .result-bar-download-content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

@media screen and (min-width:56em) {
    .result-bar-download.stuck .result-bar-download-content {
        text-align: right
    }
}

.result-bar-download.stuck.active,
.result-bar.active .result-bar-download.stuck {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.filter-bar+.result-bar,
.material-product-banner+.result-bar,
.materials-style-modal+.result-bar {
    background-color: transparent;
    margin-top: 1rem;
    padding: 0
}

.search-result-title {
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase
}

.spec-sheet-pdf-project .search-result-title,
.text-white .search-result-title {
    color: #fff
}

.search-result-title .search-result-term {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    text-transform: none;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .search-result-title .search-result-term {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .search-result-title .search-result-term {
        font-size: 1.25rem
    }
}

.export-results-title,
.search-result-title .search-result-term .search-result-clear {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase
}

.spec-sheet-pdf-project .search-result-title .search-result-term,
.text-white .search-result-title .search-result-term {
    color: #fff
}

.search-result-title .search-result-term .search-result-clear {
    color: #c8322b;
    margin-left: .5em;
    text-decoration: none
}

.spec-sheet-pdf-project .search-result-title .search-result-term .search-result-clear,
.text-white .search-result-title .search-result-term .search-result-clear {
    color: #fff
}

.search-result-title .search-result-term .search-result-clear:focus,
.search-result-title .search-result-term .search-result-clear:hover {
    text-decoration: underline
}

.swatch-carousel {
    padding: 0 5vmin;
    text-align: center
}

@media screen and (min-width:56em) {
    .swatch-carousel {
        padding: 0 3vmin
    }
}

.swatch-carousel .slick-track {
    margin-left: auto;
    margin-right: auto
}

.swatch-carousel .js-carousel-card:not(:first-child) {
    display: none
}

.swatch-carousel.slick-initialized .js-carousel-card:not(:first-child) {
    display: block
}

.swatch-carousel .slick-arrow {
    background: 0 0;
    margin-top: -.75em
}

.item-carousel-heading+.swatch-carousel {
    margin-top: 2.5vmin
}

.swatch-carousel .swatch-card {
    cursor: pointer;
    padding: .5em .5em 0;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.swatch-carousel .swatch-card:focus,
.swatch-carousel .swatch-card:hover {
    -webkit-transform: translateY(-.25em);
    transform: translateY(-.25em)
}

.swatch-carousel .swatch-card:focus .swatch-card-image,
.swatch-carousel .swatch-card:hover .swatch-card-image {
    -webkit-box-shadow: 0 .125em 1em rgba(0, 0, 0, .1);
    box-shadow: 0 .125em 1em rgba(0, 0, 0, .1)
}

.swatch-carousel .swatch-card-image {
    padding: .5em;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.swatch-carousel .swatch-card-title {
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.mini-swatch-carousel {
    padding: 0 2em
}

.mini-swatch-carousel-item {
    display: none;
    padding: .125rem;
    vertical-align: middle
}

.mini-swatch-carousel .slick-arrow {
    height: 100%;
    width: 2rem
}

.mini-swatch-carousel .slick-arrow svg {
    height: 1.125rem;
    width: .5625rem
}

.export-results {
    color: #5a5b5c
}

.export-results-title {
    color: #5a5b5c;
    margin-right: .5rem
}

.spec-sheet-pdf-project .export-results-title,
.text-white .export-results-title {
    color: #fff
}

.export-results a {
    padding: 0 .25em
}

@media screen and (min-width:30em) {
    .material-product-result {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:70em) {
    .item-carousel-heading+.swatch-carousel {
        margin-top: 1.5vmin
    }

    .material-product-result {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.material-product-result-image {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    padding: .375em;
    margin-bottom: 1em
}

@media screen and (min-width:30em) {
    .material-product-result-image {
        margin: 0 5vmin 0 0;
        max-width: 15em
    }

    .material-product-result-detail {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (min-width:70em) {
    .material-product-result-image {
        margin-right: 3vmin
    }
}

.material-product-result-image img {
    display: block
}

.material-product-result .result-bar {
    background-color: transparent;
    margin: -.5rem 0 0;
    padding: 0
}

.material-product-result-links {
    font-weight: 300;
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin-top: 2.5vmin;
    padding-top: 2.5vmin;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .material-product-result-links {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .material-product-result-links {
        font-size: 1.25rem
    }
}

@media screen and (min-width:70em) {
    .material-product-result-links {
        margin-top: 1.5vmin;
        padding-top: 1.5vmin
    }
}

.material-product-result-links a {
    display: block;
    margin-bottom: .25em;
    margin-top: .25em
}

@media screen and (min-width:56em) {
    .material-product-result-links a {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 0;
        vertical-align: top
    }
}

.material-product-result-links a:not(:last-child) {
    margin-right: 1em
}

.material-product-results+.paging-split {
    border-top: none
}

.material-product-results .product-card a:focus .product-card-title,
.material-product-results .product-card a:hover .product-card-title {
    color: #2d2d2e;
    text-decoration: none
}

.material-product-results .product-card a:focus .product-card-btn,
.material-product-results .product-card a:hover .product-card-btn {
    background-color: #2d2d2e;
    border-color: #2d2d2e;
    color: #fff
}

.surface-materials-header .page-header,
.surface-materials-subheader h1 {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
    line-height: 1.25;
    border-bottom: none;
    padding-bottom: 0;
    font-weight: 600
}

.material-product-results .product-card-btn {
    margin-top: 1rem;
    width: 100%
}

.surface-materials-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.surface-materials-header .page-header {
    color: #2d2d2e;
    margin-right: 3rem;
    font-size: 2.5rem
}

.spec-sheet-pdf-project .surface-materials-header .page-header,
.text-white .surface-materials-header .page-header {
    color: #fff
}

@media screen and (min-width:30em) {
    .surface-materials-header .page-header {
        font-size: calc(2.5rem + 1 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .surface-materials-header .page-header {
        font-size: 3.5rem
    }
}

.surface-materials-subheader {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.surface-materials-subheader h1 {
    color: #2d2d2e;
    margin: 0 1.5rem 0 0;
    font-size: 1.75rem
}

.doc-library-header,
.doc-library-heading {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media screen and (min-width:30em) {
    .surface-materials-subheader h1 {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .surface-materials-subheader h1 {
        font-size: 2.5rem
    }
}

.spec-sheet-pdf-project .surface-materials-subheader h1,
.text-white .surface-materials-subheader h1 {
    color: #fff
}

.surface-materials-header .search-box {
    margin: .5rem 0;
    width: 100%
}

.surface-materials-search-type {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.surface-materials-search {
    margin-top: 1rem
}

@media screen and (min-width:56em) {
    .surface-materials-search {
        margin-top: 0
    }
}

.surface-materials-search label {
    margin: 0 1rem 0 0
}

.surface-materials-search-heading {
    margin-right: 1rem
}

.surface-materials-search-type input[type=radio]+label {
    margin: .375rem 1rem .375rem 0
}

.material-product-banner {
    background-color: #f7f7f7;
    margin-top: .5rem;
    padding: 5vmin
}

@media screen and (min-width:70em) {
    .material-product-banner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 3vmin
    }
}

.material-product-banner-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:30em) {
    .surface-materials-header .search-box {
        width: 16em
    }

    .material-product-banner-wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.material-product-banner-image {
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, .08);
    display: block;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    margin-right: 5vmin;
    max-width: 10em;
    padding: .25rem
}

@media screen and (min-width:56em) {
    .material-product-banner-image {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.material-product-banner-image img {
    display: block
}

.material-product-banner-detail {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
}

.material-product-banner-detail>:first-child {
    margin-top: 0
}

.material-product-banner-detail>:last-child {
    margin-bottom: 0
}

@media screen and (min-width:56em) {
    .material-product-banner-detail {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.material-product-banner-links {
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin-top: 5vmin;
    padding-top: 5vmin
}

@media screen and (min-width:30em) {
    .material-product-banner-links {
        margin-top: 2.5vmin;
        padding-top: 2.5vmin;
        text-align: center
    }
}

@media screen and (min-width:70em) {
    .material-product-banner-image {
        margin-right: 3vmin
    }

    .material-product-banner-links {
        border-bottom: none;
        border-top: none;
        margin-left: 1.5vmin;
        margin-top: 0;
        padding-top: 0;
        text-align: left
    }
}

.pdf-export .pdf-grid,
.pdf-export [class*=block-grid-],
.symbol-card {
    text-align: center
}

.material-product-banner-links a {
    color: #2d2d2e;
    font-size: 1rem;
    font-weight: 600;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    max-width: 18em;
    padding: .5em 1.5em .5em 2.75em
}

.symbol-card a:focus .symbol-card-title,
.symbol-card a:hover .symbol-card-title,
.symbol-card.selected .symbol-card-title {
    color: #c8322b
}

.material-product-banner-links a .icon {
    left: 1em
}

@media screen and (min-width:30em) {
    .material-product-banner-links a {
        display: inline-block;
        vertical-align: middle
    }
}

@media screen and (min-width:70em) {
    .material-product-banner-links a {
        display: block;
        margin: 0;
        min-width: 15em
    }
}

.material-product-banner-links a+a {
    margin-top: 2px
}

@media screen and (min-width:30em) {
    .material-product-banner-links a+a {
        margin-top: 0
    }
}

@media screen and (min-width:70em) {
    .material-product-banner-links a+a {
        margin-top: 2px
    }

    .material-product-banner-mini {
        padding: 2rem
    }
}

.material-product-banner-style {
    font-weight: 300;
    display: block;
    margin-top: .125rem;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .material-product-banner-style {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .material-product-banner-style {
        font-size: 1.25rem
    }
}

.material-product-banner-code {
    font-size: 1rem;
    font-weight: 400
}

.material-product-banner-notes {
    margin: .125em 0 0
}

.material-product-banner-mini {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0
}

.material-product-banner-mini .material-product-banner-notes {
    border-top: 1px solid rgba(0, 0, 0, .08);
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 5vmin;
    padding-top: 5vmin
}

@media screen and (min-width:30em) {
    .material-product-banner-mini .material-product-banner-notes {
        margin-top: 2.5vmin;
        padding-top: 2.5vmin
    }
}

@media screen and (min-width:70em) {
    .material-product-banner-mini .material-product-banner-image {
        margin-right: 2rem
    }

    .material-product-banner-mini .material-product-banner-notes {
        margin-top: 1.5vmin;
        padding-top: 1.5vmin
    }
}

.symbol-card {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    position: relative;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.symbol-card.is-loading {
    background: #f7f7f7;
    border-color: #f7f7f7;
    min-height: 15rem
}

.symbol-card.is-loading>* {
    opacity: 0
}

.symbol-card.is-loading:before {
    -webkit-animation: loader 1s infinite linear;
    animation: loader 1s infinite linear;
    border: .5em solid rgba(45, 45, 46, .47);
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-top-color: transparent;
    border-width: .125rem;
    content: '';
    display: block;
    height: 1.5rem;
    left: 50%;
    margin: -.75rem 0 0 -.75rem;
    position: absolute;
    top: 50%;
    width: 1.5rem
}

.symbol-card.is-loading .symbol-card-image {
    padding-top: calc(100% - 2rem)
}

.symbol-card.is-loading .symbol-card-image img {
    display: none
}

.symbol-card.selected {
    border-color: rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    box-shadow: 0 0 3em rgba(0, 0, 0, .1)
}

.symbol-card a {
    text-decoration: none
}

.symbol-card-type {
    background-color: #5a5b5c;
    color: #fff;
    left: .5rem;
    position: absolute;
    top: .5rem;
    z-index: 1
}

.symbol-card-image {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 1rem
}

.symbol-card-image img {
    display: block;
    margin: 0 auto
}

.symbol-card-title {
    display: block;
    font-weight: 600;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 1rem;
    padding: 0 2rem;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.spec-sheet-pdf-project .symbol-card-title,
.text-white .symbol-card-title {
    color: #5a5b5c
}

.symbol-card-actions {
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-top: 1px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    position: relative
}

.symbol-card-action {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px
}

.symbol-card-action:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .08)
}

.symbol-card-action .dropdown-toggle,
.symbol-card-action>a,
.symbol-card-action>input[type=checkbox]+label {
    display: block;
    padding: 1rem;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.symbol-card-action .dropdown-toggle:focus,
.symbol-card-action .dropdown-toggle:hover,
.symbol-card-action>a:focus,
.symbol-card-action>a:hover,
.symbol-card-action>input[type=checkbox]+label:focus,
.symbol-card-action>input[type=checkbox]+label:hover {
    background-color: #f7f7f7
}

.symbol-card-action .dropdown-toggle:focus .icon,
.symbol-card-action .dropdown-toggle:hover .icon,
.symbol-card-action>a:focus .icon,
.symbol-card-action>a:hover .icon,
.symbol-card-action>input[type=checkbox]+label:focus .icon,
.symbol-card-action>input[type=checkbox]+label:hover .icon {
    fill: #2d2d2e
}

.symbol-card-action .dropdown-toggle:focus:before,
.symbol-card-action .dropdown-toggle:hover:before,
.symbol-card-action>a:focus:before,
.symbol-card-action>a:hover:before,
.symbol-card-action>input[type=checkbox]+label:focus:before,
.symbol-card-action>input[type=checkbox]+label:hover:before {
    border-color: #2d2d2e
}

.symbol-card-action input[type=checkbox]:focus+label {
    outline: Highlight auto 5px;
    outline: -webkit-focus-ring-color auto 5px
}

.symbol-card-action input[type=checkbox]+label {
    margin-bottom: 0
}

.symbol-card-action input[type=checkbox]+label:before {
    border-color: #5a5b5c;
    border-width: 1px;
    margin: 0 auto;
    position: static
}

.symbol-card-action input[type=checkbox]:checked+label:before {
    border-color: #5a5b5c
}

.symbol-card-action .icon {
    display: block;
    fill: #5a5b5c;
    height: 1rem;
    margin: 0 auto;
    width: 1rem
}

.symbol-card-action .dropdown {
    display: block;
    position: static;
    text-align: left
}

.symbol-card-action .dropdown-toggle {
    background: 0 0;
    border: none;
    min-width: 0
}

.symbol-card-action .dropdown.is-active .dropdown-toggle {
    background-color: #c8322b
}

.symbol-card-action .dropdown.is-active .dropdown-toggle .icon {
    fill: #fff;
    -webkit-transform: none;
    transform: none
}

.symbol-card-action .dropdown-menu {
    left: 50%;
    min-width: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%
}

.symbol-card .copy-success-message {
    background-color: #0f9159;
    border-radius: 3px;
    bottom: 100%;
    color: #fff;
    display: block;
    height: 0;
    left: 50%;
    margin-bottom: 1em;
    opacity: 0;
    padding: 0;
    position: absolute;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 90%;
    z-index: 100
}

.symbol-card .copy-success-message.active {
    height: auto;
    padding: 1.5rem;
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: .3s opacity ease-out, .3s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .3s -webkit-transform ease-out;
    transition: .3s transform ease-out, .3s opacity ease-out;
    transition: .3s transform ease-out, .3s opacity ease-out, .3s -webkit-transform ease-out
}

.symbol-card .copy-success-message .icon {
    display: inline-block;
    fill: #fff;
    height: .75em;
    margin-right: .25em;
    width: 1em
}

.symbol-grid {
    font-size: 1rem;
    font-weight: 400;
    position: relative
}

@media screen and (min-width:30em) {
    .symbol-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:56em) {
    .symbol-grid-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.symbol-grid-center .symbol-grid-item:last-child {
    margin-right: 0
}

.symbol-grid:last-child {
    margin-bottom: -4% !important
}

.symbol-grid-item {
    margin-bottom: 4%;
    -webkit-transition: .3s opacity ease-out;
    transition: .3s opacity ease-out
}

@media screen and (min-width:30em) {
    .symbol-grid-item {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        max-width: 49%
    }

    .symbol-grid-item:nth-child(odd) {
        margin-right: 2%
    }
}

.symbol-grid .symbol-card {
    height: 100%
}

.symbol-library [v-cloak],
.symbol-library>.loader {
    display: none
}

.symbol-library .loader[v-cloak] {
    display: block
}

@media screen and (min-width:56em) {
    .symbol-grid-item {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        max-width: 32%
    }

    .symbol-grid-item:nth-child(odd) {
        margin-right: 0
    }

    .symbol-grid-item:not(:nth-child(3n)) {
        margin-right: 2%
    }

    .symbol-grid.is-loading:before {
        -webkit-animation: loader 1s infinite linear;
        animation: loader 1s infinite linear;
        border: .5em solid rgba(45, 45, 46, .12);
        border-radius: 50%;
        border-top-color: rgba(45, 45, 46, .47);
        display: block;
        height: 4em;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 4em;
        content: '';
        margin: 4rem auto
    }

    .doc-library-list td {
        padding: 1.25rem
    }
}

.symbol-library>.loader {
    margin: 4rem auto
}

.doc-library-header {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375;
    background-color: #5a5b5c;
    color: #fff
}

.spec-sheet-pdf-project .doc-library-header,
.text-white .doc-library-header {
    color: #fff
}

.doc-library-title {
    font-weight: 300;
    color: #2d2d2e;
    display: block;
    line-height: 1.5;
    margin-right: .5rem;
    vertical-align: middle;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .doc-library-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .doc-library-title {
        font-size: 1.25rem
    }
}

.doc-library-item-no {
    display: inline-block;
    margin-right: .5em;
    vertical-align: middle
}

.doc-library-version-num {
    display: block;
    margin-bottom: 1em
}

tr.doc-library-add-row {
    display: none
}

tr.doc-library-add-row.active {
    display: block
}

@media screen and (min-width:56em) {
    tr.doc-library-add-row.active {
        display: table-row
    }
}

.doc-library-add-row td {
    display: block
}

@media screen and (min-width:56em) {
    .doc-library-add-row td {
        display: table-cell
    }
}

.doc-library-list thead+tbody tr:nth-child(even),
.doc-library-list tr:nth-child(odd) {
    background-color: #fff
}

.doc-library-list tbody:nth-child(odd) tr {
    background-color: #f7f7f7
}

.doc-library-list .doc-library-actions-cell {
    display: block;
    padding: .25rem 0 0
}

@media screen and (min-width:56em) {
    .doc-library-list .doc-library-actions-cell {
        display: table-cell;
        padding: 1.25rem
    }
}

.doc-library-actions-cell:before,
.doc-library-add-row td:not(.empty-cell):before {
    content: none !important
}

.doc-library-list tr+tr,
.doc-library-list tr+tr td {
    padding-top: 0
}

.doc-library-info-toggle {
    background: 0 0;
    border: none;
    border-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
    color: #5a5b5c;
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.75;
    margin-top: .25rem;
    max-width: none;
    padding: 1rem 0 0;
    text-align: left;
    width: 100%
}

@media screen and (min-width:56em) {
    .doc-library-info-toggle {
        border-top: none;
        display: inline-block;
        padding-top: 0;
        vertical-align: middle;
        width: auto
    }
}

.doc-library-info-toggle:focus,
.doc-library-info-toggle:hover {
    background: 0 0;
    border-color: rgba(0, 0, 0, .08);
    color: #2d2d2e
}

.spec-sheet-pdf-project .doc-library-info-toggle,
.text-white .doc-library-info-toggle {
    background: 0 0;
    border: none
}

.spec-sheet-pdf-project .doc-library-info-toggle.active,
.spec-sheet-pdf-project .doc-library-info-toggle:focus,
.spec-sheet-pdf-project .doc-library-info-toggle:hover,
.text-white .doc-library-info-toggle.active,
.text-white .doc-library-info-toggle:focus,
.text-white .doc-library-info-toggle:hover {
    color: #2d2d2e
}

.doc-library-info-toggle .icon {
    display: inline-block;
    fill: currentColor;
    height: .5em;
    margin-left: .125em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle;
    width: .75em
}

.doc-library-info-toggle.active {
    background: 0 0;
    color: #2d2d2e
}

.doc-library-info-toggle.active .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.doc-library-add-info {
    display: none
}

.doc-library-add-info>:first-child {
    margin-top: 0
}

.doc-library-add-info>:last-child {
    margin-bottom: 0
}

#document-list .active .doc-library-add-info {
    display: block
}

.doc-library-add-info .loader {
    border-width: .25em;
    height: 2em;
    margin-top: .5em;
    width: 2em
}

.doc-library-add-info ul {
    margin-bottom: 1em
}

.doc-library-add-info ul li:first-child {
    margin-top: 0
}

.doc-library-heading {
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375;
    display: block
}

.spec-sheet-pdf-project .doc-library-heading,
.text-white .doc-library-heading {
    color: #5a5b5c
}

.doc-library-versions {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    margin-top: .5em
}

@media screen and (min-width:30em) {
    .doc-library-versions {
        max-width: 14em
    }
}

.doc-library-versions li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .25em 0
}

.doc-library-versions .doc-library-actions {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.doc-library-versions .doc-library-version-num {
    margin-bottom: 0
}

.doc-library-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.doc-library-action {
    margin: 0 .25rem
}

.doc-library-action a,
.doc-library-action input[type=checkbox]+label {
    border-radius: 3px;
    display: block;
    padding: .75rem;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.doc-library-action a:focus,
.doc-library-action a:hover,
.doc-library-action input[type=checkbox]+label:focus,
.doc-library-action input[type=checkbox]+label:hover {
    background-color: rgba(0, 0, 0, .03)
}

.doc-library-action a:focus .icon,
.doc-library-action a:hover .icon,
.doc-library-action input[type=checkbox]+label:focus .icon,
.doc-library-action input[type=checkbox]+label:hover .icon {
    fill: #2d2d2e
}

.doc-library-action a:focus:before,
.doc-library-action a:hover:before,
.doc-library-action input[type=checkbox]+label:focus:before,
.doc-library-action input[type=checkbox]+label:hover:before {
    border-color: #2d2d2e
}

.doc-library-action input[type=checkbox]:focus+label {
    outline: Highlight auto 5px;
    outline: -webkit-focus-ring-color auto 5px
}

.doc-library-action input[type=checkbox]+label {
    margin-bottom: 0
}

.doc-library-action input[type=checkbox]+label:before {
    border-color: #5a5b5c;
    border-width: 1px;
    margin: 0 auto;
    position: static
}

.doc-library-action input[type=checkbox]:checked+label:before {
    border-color: #5a5b5c
}

.doc-library-action .icon {
    display: block;
    fill: #5a5b5c;
    height: 1rem;
    margin: 0 auto;
    width: 1rem
}

.doc-library-list .copy-success-message {
    background-color: #0f9159;
    border-radius: 3px;
    color: #fff;
    display: block;
    height: 0;
    left: 50%;
    max-width: 20em;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    width: 0;
    z-index: 100
}

.doc-library-list .copy-success-message.active {
    height: auto;
    padding: 1.5rem;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s opacity ease-out, .3s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .3s -webkit-transform ease-out;
    transition: .3s transform ease-out, .3s opacity ease-out;
    transition: .3s transform ease-out, .3s opacity ease-out, .3s -webkit-transform ease-out;
    width: 90%
}

.doc-library-list .copy-success-message .icon {
    display: inline-block;
    fill: #fff;
    height: .75em;
    margin-right: .25em;
    width: 1em
}

.doc-list {
    font-size: 1rem;
    font-weight: 400;
    position: relative
}

.doc-list.is-loading .doc-library-list {
    opacity: .3;
    -webkit-transition: .2s opacity ease-out;
    transition: .2s opacity ease-out
}

@media screen and (min-width:56em) {
    .doc-list.is-loading:before {
        -webkit-animation: loader 1s infinite linear;
        animation: loader 1s infinite linear;
        border: .5em solid rgba(45, 45, 46, .12);
        border-radius: 50%;
        border-top-color: rgba(45, 45, 46, .47);
        display: block;
        height: 4em;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 4em;
        content: '';
        left: 50%;
        margin: -2em 0 0 -2em;
        position: absolute;
        top: 50%
    }

    .doc-list.is-loading.first-load:before {
        margin: 4rem auto;
        position: static
    }
}

.doc-list [v-cloak],
.doc-list>.loader {
    display: none
}

.doc-list .loader[v-cloak] {
    display: block
}

.doc-list>.loader {
    margin: 4rem auto
}

.pdf-export {
    font-size: 10pt
}

.pdf-export * {
    font-family: Arial;
    letter-spacing: normal !important;
    text-transform: none !important
}

.pdf-export tr {
    page-break-inside: avoid
}

.pdf-export .heading1,
.pdf-export h1 {
    font-size: 20pt
}

.pdf-export .heading2,
.pdf-export h2 {
    font-size: 18pt
}

.pdf-export .heading3,
.pdf-export h3 {
    font-size: 16pt
}

.pdf-export .heading4,
.pdf-export h4 {
    font-size: 14pt
}

.pdf-export .heading5,
.pdf-export h5 {
    font-size: 10pt
}

.pdf-export .pdf-logo {
    display: block;
    fill: #ee3b33;
    height: 50px;
    width: 52px
}

.pdf-export .pdf-header {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1em 0
}

.pdf-export .pdf-heading {
    margin-top: .5in
}

.pdf-export .pdf-criteria {
    background-color: #f7f7f7;
    font-size: .875rem;
    margin-bottom: 1em;
    padding: 1em
}

.pdf-export .pdf-criteria-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    display: block;
    padding-bottom: .5em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .pdf-export .pdf-criteria-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .pdf-export .pdf-criteria-title {
        font-size: 1.25rem
    }
}

.pdf-export .pdf-criteria-heading,
.pdf-export .pdf-footer {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375;
    text-transform: uppercase;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: .1em
}

.spec-sheet-pdf-project .pdf-export .pdf-criteria-title,
.text-white .pdf-export .pdf-criteria-title {
    color: #fff
}

.pdf-export .pdf-criteria-heading {
    color: #5a5b5c;
    display: block
}

.spec-sheet-pdf-project .pdf-export .pdf-criteria-heading,
.text-white .pdf-export .pdf-criteria-heading {
    color: #fff
}

.pdf-export .pdf-criteria-options:after {
    clear: both;
    content: "";
    display: table
}

.pdf-export .pdf-criteria-cat {
    float: left;
    padding: 20px 15px 0;
    width: 33.33333%
}

.pdf-export .pdf-criteria-cat:nth-child(3n+1) {
    clear: both
}

.pdf-export .pdf-criteria-list {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.pdf-export .pdf-criteria-list li {
    margin-top: .25em
}

.pdf-export .pdf-criteria-list+.pdf-criteria-heading {
    margin-top: 1.25em
}

.pdf-export .pdf-footer {
    color: #5a5b5c;
    background-color: #f7f7f7;
    padding: 1em;
    text-align: center
}

.spec-sheet-pdf-project .pdf-export .pdf-footer,
.text-white .pdf-export .pdf-footer {
    color: #fff
}

.pdf-export .pdf-footer-info {
    display: inline-block;
    margin: 0 1em;
    vertical-align: middle
}

.pdf-export .pdf-section-title {
    margin: 1.5rem 0 1rem;
    padding-bottom: .5rem
}

.pdf-export .pdf-section-title>* {
    margin: 0
}

.pdf-export .pdf-section-title h2 {
    font-weight: 700
}

.pdf-export .pdf-section-title p {
    font-size: 10px
}

.pdf-export .material-product-banner {
    padding: 10px
}

.pdf-export .material-product-banner-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pdf-export .material-product-banner-code {
    font-size: 1em
}

.pdf-export table+.material-product-banner {
    margin-top: .5in
}

.pdf-export .material-product-banner-image {
    border: none;
    margin-right: 10px;
    max-width: 80px
}

.pdf-export .material-product-banner .search-result-title {
    color: #5a5b5c;
    font-size: 10px
}

.pdf-export .material-product-banner .search-result-term {
    font-size: 14px;
    font-weight: 700
}

.pdf-export [class*=block-grid-] img {
    display: block;
    width: 100%
}

.pdf-export [class*=block-grid-] .swatch-card-title {
    display: block;
    font-weight: 700;
    margin-top: .5em;
    text-transform: none
}

.pdf-export [class*=block-grid-] .swatch-card-note {
    color: #5a5b5c;
    display: block;
    font-size: 10px
}

.pdf-export .pdf-grid:after {
    clear: both;
    content: "";
    display: table
}

.pdf-export .pdf-grid>div {
    float: left;
    margin: 0 2% 3% 0;
    width: 18.4%
}

.pdf-export .pdf-grid>div:nth-child(5n) {
    margin-right: 0
}

.pdf-export .pdf-grid>div:nth-child(5n+1) {
    clear: both
}

.pdf-export .pdf-grid img {
    display: block;
    width: 100%
}

.pdf-export .pdf-grid .swatch-card-title {
    display: block;
    font-weight: 700;
    margin-top: .5em;
    text-transform: none
}

.pdf-export .pdf-grid .swatch-card-note {
    color: #5a5b5c;
    display: block;
    font-size: 10px
}

.pdf-export .prod-comp {
    margin-bottom: .5in
}

.pdf-export .prod-comp .compare-1 td,
.pdf-export .prod-comp .compare-1 th {
    width: 50%
}

.pdf-export .prod-comp .compare-2 td,
.pdf-export .prod-comp .compare-2 th {
    width: 33.33333%
}

.pdf-export .prod-comp .compare-3 td,
.pdf-export .prod-comp .compare-3 th {
    width: 25%
}

.pdf-export .prod-comp .compare-4 td,
.pdf-export .prod-comp .compare-4 th {
    width: 20%
}

.pdf-export .prod-comp-delete,
.pdf-export .prod-comp-group-header th svg {
    display: none
}

.pdf-export .prod-comp thead {
    display: table-row-group
}

.pdf-export .prod-comp thead th {
    position: relative
}

.pdf-export .prod-comp .prod-comp-field th {
    font-size: 1em;
    font-weight: 600
}

.pdf-export .prod-comp-preview img {
    max-height: 120px
}

.pdf-export .prod-comp-check {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 21 21" style="fill: %23626262;"%3E%3Cpath d="M10.5 21C4.71 21 0 16.29 0 10.5S4.71 0 10.5 0 21 4.71 21 10.5 16.37 21 10.5 21zm0-19.76c-5.1 0-9.26 4.17-9.26 9.26s4.17 9.26 9.26 9.26 9.26-4.17 9.26-9.26c0-5.1-4.16-9.26-9.26-9.26z"%3E%3C/path%3E%3Cpath d="M9.64 12.81c-.46 0-.85-.15-1.08-.46l-1.39-1.39a.61.61 0 0 1 0-.85.61.61 0 0 1 .85 0l1.39 1.39c.15.15.15.15.23.15.09 0 .12-.04.23-.15l3.32-3.32a.61.61 0 0 1 .85 0c.23.23.23.62 0 .85l-3.32 3.32c-.23.22-.61.46-1.08.46z"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.image-library-card {
    background-color: #f7f7f7;
    margin: 0 auto;
    position: relative;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

@media screen and (min-width:56em) {
    .image-library-card {
        background-color: #5a5b5c;
        overflow: hidden
    }

    .image-library-card:focus .image-library-card-actions,
    .image-library-card:focus .image-library-card-title,
    .image-library-card:focus-within .image-library-card-actions,
    .image-library-card:focus-within .image-library-card-title,
    .image-library-card:hover .image-library-card-actions,
    .image-library-card:hover .image-library-card-title {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .image-library-card:focus .image-library-card-image,
    .image-library-card:focus-within .image-library-card-image,
    .image-library-card:hover .image-library-card-image {
        -webkit-filter: blur(3px);
        filter: blur(3px);
        opacity: .4;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.image-library-card.is-loading {
    background: #f7f7f7;
    min-height: 15rem
}

.image-library-card.is-loading>* {
    opacity: 0
}

.image-library-card.is-loading:before {
    -webkit-animation: loader 1s infinite linear;
    animation: loader 1s infinite linear;
    border: .5em solid rgba(45, 45, 46, .47);
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-top-color: transparent;
    border-width: .125rem;
    content: '';
    display: block;
    height: 1.5rem;
    left: 50%;
    margin: -.75rem 0 0 -.75rem;
    position: absolute;
    top: 50%;
    width: 1.5rem
}

.image-library .image-library-card {
    margin-bottom: 3%
}

@media screen and (min-width:30em) {
    .image-library .image-library-card {
        margin-bottom: 2%
    }
}

.image-library-card a {
    display: block;
    text-decoration: none
}

.image-library-card-wrap {
    cursor: pointer;
    overflow: hidden
}

.image-library-card-image {
    background: #f7f7f7;
    -webkit-transition: .3s opacity ease-out, .5s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .5s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .5s transform ease-out;
    transition: .3s opacity ease-out, .5s transform ease-out, .5s -webkit-transform ease-out
}

.image-library-card-image img {
    display: block;
    width: 100%
}

.image-library-card-title {
    display: none
}

@media screen and (min-width:56em) {
    .image-library .image-library-card {
        margin-bottom: 1%
    }

    .image-library-card-title {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(45, 45, 46, .6)), to(transparent));
        background: linear-gradient(to bottom, rgba(45, 45, 46, .6) 0, transparent 100%);
        color: #fff;
        display: block;
        font-size: 1rem;
        font-weight: 400;
        left: 0;
        line-height: 1.5;
        opacity: 0;
        padding: 1.5rem 2rem;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: .5s opacity ease-out, .3s -webkit-transform ease-out;
        transition: .5s opacity ease-out, .3s -webkit-transform ease-out;
        transition: .3s transform ease-out, .5s opacity ease-out;
        transition: .3s transform ease-out, .5s opacity ease-out, .3s -webkit-transform ease-out;
        width: 100%;
        word-break: break-word;
        word-wrap: break-word;
        overflow-wrap: break-word
    }
}

.image-link,
.two-col-grid-item {
    overflow: hidden;
    text-decoration: none
}

.image-library-card-actions {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

@media screen and (min-width:56em) {
    .image-library-card-actions {
        background-color: rgba(45, 45, 46, .6);
        border: none;
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: .5s opacity ease-out, .3s -webkit-transform ease-out;
        transition: .5s opacity ease-out, .3s -webkit-transform ease-out;
        transition: .3s transform ease-out, .5s opacity ease-out;
        transition: .3s transform ease-out, .5s opacity ease-out, .3s -webkit-transform ease-out
    }
}

.image-library-card-action {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px
}

.image-library-card-action:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .08)
}

.image-library-card-action .dropdown-toggle,
.image-library-card-action>a,
.image-library-card-action>input[type=checkbox]+label {
    display: block;
    padding: 1rem;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

@media screen and (min-width:56em) {
    .image-library-card-action:not(:last-child) {
        border-right: none
    }

    .image-library-card-action .dropdown-toggle:focus,
    .image-library-card-action .dropdown-toggle:hover,
    .image-library-card-action>a:focus,
    .image-library-card-action>a:hover,
    .image-library-card-action>input[type=checkbox]+label:focus,
    .image-library-card-action>input[type=checkbox]+label:hover {
        background-color: rgba(255, 255, 255, .2)
    }

    .image-library-card-action .dropdown-toggle:focus .icon,
    .image-library-card-action .dropdown-toggle:hover .icon,
    .image-library-card-action>a:focus .icon,
    .image-library-card-action>a:hover .icon,
    .image-library-card-action>input[type=checkbox]+label:focus .icon,
    .image-library-card-action>input[type=checkbox]+label:hover .icon {
        fill: #fff
    }

    .image-library-card-action .dropdown-toggle:focus:before,
    .image-library-card-action .dropdown-toggle:hover:before,
    .image-library-card-action>a:focus:before,
    .image-library-card-action>a:hover:before,
    .image-library-card-action>input[type=checkbox]+label:focus:before,
    .image-library-card-action>input[type=checkbox]+label:hover:before {
        border-color: #fff
    }

    .image-library-card-action>input[type=checkbox]:focus+label {
        background-color: rgba(255, 255, 255, .2)
    }

    .image-library-card-action>input[type=checkbox]:focus+label:before {
        border-color: #fff
    }
}

.image-library-card-action input[type=checkbox]+label {
    margin-bottom: 0
}

.image-library-card-action input[type=checkbox]+label:before {
    border-color: #5a5b5c;
    border-width: 1px;
    margin: 0 auto;
    position: static
}

@media screen and (min-width:56em) {
    .image-library-card-action input[type=checkbox]+label:before {
        background: 0 0;
        border-color: #ededed
    }
}

.image-library-card-action input[type=checkbox]:checked+label:before {
    border-color: #5a5b5c
}

.image-library-card-action .icon {
    display: block;
    fill: #5a5b5c;
    height: 1rem;
    margin: 0 auto;
    width: 1rem
}

@media screen and (min-width:56em) {
    .image-library-card-action .icon {
        fill: #ededed
    }

    .image-library-card-action .dropdown-menu {
        bottom: 100%;
        top: auto
    }
}

.image-library-card-action .dropdown {
    display: block;
    position: static;
    text-align: left
}

.image-library-card-action .dropdown-toggle {
    background: 0 0;
    border: none;
    border-radius: 0;
    max-width: none;
    min-width: 0;
    width: 100%
}

.image-library-card-action .dropdown.is-active .dropdown-toggle {
    background-color: #c8322b
}

.image-library-card-action .dropdown.is-active .dropdown-toggle .icon {
    fill: #fff;
    -webkit-transform: none;
    transform: none
}

.image-library-card-action .dropdown-menu {
    border-left: 1px solid rgba(0, 0, 0, .08);
    border-right: 1px solid rgba(0, 0, 0, .08);
    border-radius: 0;
    min-width: 0
}

.image-library-card .copy-success-message {
    background-color: #0f9159;
    border-radius: 3px;
    bottom: 100%;
    color: #fff;
    display: block;
    height: 0;
    left: 50%;
    margin-bottom: 1em;
    opacity: 0;
    padding: 0;
    position: absolute;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    width: 80%;
    z-index: -1
}

.image-library-card .copy-success-message.active {
    height: auto;
    padding: 1.5rem;
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: .3s opacity ease-out, .3s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .3s -webkit-transform ease-out;
    transition: .3s transform ease-out, .3s opacity ease-out;
    transition: .3s transform ease-out, .3s opacity ease-out, .3s -webkit-transform ease-out;
    z-index: 100
}

.image-library-card .copy-success-message .icon {
    display: inline-block;
    fill: #fff;
    height: .75em;
    margin-right: .25em;
    width: 1em
}

.image-library-card.selected .image-library-card-actions {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.modal-download-menu {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.modal-download-menu .dropdown-menu {
    left: auto;
    right: 0
}

.modal-download-menu.active .fancybox-button {
    background-color: #c8322b;
    color: #fff
}

.modal-download-menu.active .dropdown-menu {
    display: block
}

.image-library .js-item-sizer,
.image-library-card {
    width: 100%
}

@media screen and (min-width:30em) {

    .image-library .js-item-sizer,
    .image-library-card {
        width: 49%
    }
}

@media screen and (min-width:56em) {
    .image-library-card.selected .image-library-card-action input[type=checkbox]+label {
        background-color: #c8322b
    }

    .image-library-card.selected .image-library-card-action input[type=checkbox]+label:before {
        border-color: #fff;
        color: #fff
    }

    .image-library .js-item-sizer,
    .image-library-card {
        width: 32.66667%
    }
}

@media screen and (min-width:70em) {

    .image-library-4-up .image-library-card,
    .image-library-4-up .js-item-sizer {
        width: 24.25%
    }
}

.image-library .js-gutter-sizer {
    width: 3%
}

@media screen and (min-width:30em) {
    .image-library .js-gutter-sizer {
        width: 2%
    }
}

.image-library {
    position: relative
}

@media screen and (min-width:56em) {
    .image-library .js-gutter-sizer {
        width: 1%
    }

    .image-library.is-loading:before {
        -webkit-animation: loader 1s infinite linear;
        animation: loader 1s infinite linear;
        border: .5em solid rgba(45, 45, 46, .12);
        border-radius: 50%;
        border-top-color: rgba(45, 45, 46, .47);
        display: block;
        height: 4em;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 4em;
        content: '';
        margin: 4rem auto
    }
}

.image-library [v-cloak],
.image-library>.loader {
    display: none
}

.image-library .loader[v-cloak] {
    display: block
}

.image-library>.loader {
    margin: 4rem auto
}

.download-bar {
    background-color: #f7f7f7;
    border-top: 3px solid rgba(0, 0, 0, .08);
    bottom: 0;
    left: 0;
    padding: 1rem 0;
    position: fixed;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%
}

.download-bar.active {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.download-bar-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.download-bar .dropdown-menu {
    bottom: 100%;
    top: auto
}

.scrolling-hero {
    background-color: #f7f7f7;
    max-width: 3000px;
    margin: 0 auto;
    position: relative
}

.scrolling-hero .slide:not(:first-child) {
    display: none
}

.scrolling-hero .slick-initialized .slide:not(:first-child) {
    display: block
}

.scrolling-hero .slick-slide.slick-center,
.scrolling-hero .slick-slide.slick-current {
    position: relative;
    z-index: 10
}

.scrolling-hero .slide-content {
    display: block;
    position: relative;
    text-decoration: none
}

.scrolling-hero .slide-content:focus .arrow-link,
.scrolling-hero .slide-content:hover .arrow-link {
    color: #2d2d2e
}

.scrolling-hero .slide-content:focus .arrow-link span:not(.no-wrap),
.scrolling-hero .slide-content:hover .arrow-link span:not(.no-wrap) {
    border-bottom: 1px solid
}

@media screen and (min-width:102em) {
    .scrolling-hero .slick-slide {
        margin: 0 -8rem;
        max-width: calc(100rem - (3vmin * 2))
    }

    .scrolling-hero .slide-content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .16;
        -webkit-transform: scale(.85) translateZ(0);
        transform: scale(.85) translateZ(0);
        -webkit-transition: .9s all ease-out;
        transition: .9s all ease-out
    }
}

@media screen and (min-width:70em) {
    .download-bar-content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }

    .scrolling-hero {
        background-color: transparent
    }

    .scrolling-hero .slide-content:focus .arrow-link,
    .scrolling-hero .slide-content:hover .arrow-link {
        color: #fff
    }

    .scrolling-hero .slick-center .slide-content,
    .scrolling-hero .slick-current .slide-content {
        -webkit-filter: none;
        filter: none;
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .scrolling-hero .slide-content:after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(90%, rgba(45, 45, 46, .8)));
        background: linear-gradient(to bottom, transparent 50%, rgba(45, 45, 46, .8) 90%);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }
}

.scrolling-hero .slide-content img {
    width: 100%
}

/* 2023change */
.scrolling-hero .slide-content video {
    display: block;
    /* height: auto !important; */
    max-height: 100%;
    max-width: 100%;
    width: 1600px
}

@media screen and (max-width:1600px) {
    .scrolling-hero .slide-content video {
        /* display: block; */
        height: auto !important;
         max-height: 50%;
        max-width: 100%;
        width: 100%;
    }
}


.scrolling-hero .hero-overlay {
    color: #5a5b5c;
    padding: 2rem 5vmin
}

@media screen and (min-width:70em) {
    .scrolling-hero .hero-overlay {
        bottom: 0;
        left: 0;
        padding: 3vmin;
        position: absolute;
        width: 100%;
        z-index: 3
    }
}

.hero-sub-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    color: #5a5b5c;
    margin: 0
}

.image-link-title,
.scrolling-hero .hero-title {
    letter-spacing: normal;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.spec-sheet-pdf-project .hero-sub-title,
.text-white .hero-sub-title {
    color: #fff
}

@media screen and (min-width:70em) {
    .hero-sub-title {
        color: #fff
    }
}

.scrolling-hero .hero-title {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    text-transform: none;
    font-size: 1.75rem
}

.image-link-title,
.spec-sheet-pdf-project .image-link-title,
.spec-sheet-pdf-project .scrolling-hero .hero-title,
.text-white .image-link-title,
.text-white .scrolling-hero .hero-title {
    color: #fff
}

@media screen and (min-width:30em) {
    .scrolling-hero .hero-title {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .scrolling-hero .hero-title {
        font-size: 2.5rem
    }
}

.hero-teaser {
    font-weight: 300;
    margin: .25em 0 0;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .hero-teaser {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .hero-teaser {
        font-size: 1.25rem
    }
}

@media screen and (min-width:70em) {
    .scrolling-hero .hero-title {
        color: #fff;
        line-height: 1.15
    }

    .hero-teaser {
        color: #fff
    }
}

.scrolling-hero .slide-content .arrow-link {
    color: #c8322b
}

.scrolling-hero .carousel-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5vmin;
    text-align: center
}

@media screen and (min-width:70em) {
    .scrolling-hero .slide-content .arrow-link {
        color: #fff
    }

    .scrolling-hero .slide-content .arrow-link .icon {
        fill: #fff
    }

    .scrolling-hero .carousel-nav {
        border-top: none;
        display: block;
        margin: 0 0 3rem
    }
}

@media screen and (min-width:102em) {
    .scrolling-hero .hero-overlay {
        padding: 2.5rem 3.5rem
    }

    .scrolling-hero .carousel-nav {
        margin: 0
    }
}

.scrolling-hero .slick-arrow {
    background: 0 0;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    height: auto;
    padding: .875em 1.25em;
    position: static;
    -webkit-transform: none;
    transform: none;
    width: auto
}

.scrolling-hero .slick-arrow:focus.next:before,
.scrolling-hero .slick-arrow:focus.prev:after,
.scrolling-hero .slick-arrow:hover.next:before,
.scrolling-hero .slick-arrow:hover.prev:after {
    color: #c8322b
}

.scrolling-hero .slick-arrow:focus svg,
.scrolling-hero .slick-arrow:hover svg {
    fill: #c8322b
}

@media screen and (min-width:56em) {
    .scrolling-hero .slick-arrow {
        background-color: transparent;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1em;
        height: auto;
        margin-top: 0;
        padding: .875em 1.25em;
        position: static;
        width: auto
    }
}

@media screen and (min-width:70em) {
    .scrolling-hero .slick-arrow {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        border: .1875em solid #fff;
        border-radius: 100%;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 3em;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: -1.5em;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transition: .3s all ease-out;
        transition: .3s all ease-out;
        width: 3em;
        z-index: 20
    }

    .scrolling-hero .slick-arrow:focus,
    .scrolling-hero .slick-arrow:hover {
        background: #c8322b;
        border-color: #c8322b;
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        box-shadow: inset 0 0 0 1px #fff
    }

    .scrolling-hero .slick-arrow:focus svg,
    .scrolling-hero .slick-arrow:hover svg {
        fill: #fff
    }
}

@media screen and (min-width:80em) {
    .scrolling-hero .slick-arrow {
        font-size: 1.5em
    }
}

.scrolling-hero .slick-arrow svg {
    height: .6875em;
    width: .3125em
}

@media screen and (min-width:70em) {
    .scrolling-hero .slick-arrow svg {
        height: 1em;
        width: .5em
    }

    .scrolling-hero .slick-arrow.next {
        right: 3vmin
    }
}

@media screen and (min-width:102em) {
    .scrolling-hero .slick-arrow.next {
        margin-right: calc(-50rem + 3vmin - 1.5em);
        right: 50%
    }
}

.scrolling-hero .slick-arrow.next:before {
    font-weight: 300;
    content: 'Next';
    margin-right: .5em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .scrolling-hero .slick-arrow.next:before {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .scrolling-hero .slick-arrow.next:before {
        font-size: 1.25rem
    }
}

@media screen and (min-width:70em) {
    .scrolling-hero .slick-arrow.next:before {
        content: none
    }

    .scrolling-hero .slick-arrow.prev {
        left: 3vmin
    }
}

@media screen and (min-width:102em) {
    .scrolling-hero .slick-arrow.prev {
        left: 50%;
        margin-left: calc(-50rem + 3vmin - 1.5em)
    }
}

.scrolling-hero .slick-arrow.prev:after {
    font-weight: 300;
    content: 'Prev';
    margin-left: .5em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .scrolling-hero .slick-arrow.prev:after {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .scrolling-hero .slick-arrow.prev:after {
        font-size: 1.25rem
    }
}

.scrolling-hero .slick-dotted {
    margin-bottom: 0 !important
}

.scrolling-hero .slick-dots {
    display: none !important
}

@media screen and (min-width:70em) {
    .scrolling-hero .slick-arrow.prev:after {
        content: none
    }

    .scrolling-hero .slick-dotted {
        margin-bottom: calc(3vmin + 1.5rem) !important
    }

    .scrolling-hero .slick-dots {
        display: block !important
    }
}

.image-link-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.image-link {
    background-color: #5a5b5c;
    position: relative;
    text-align: center;
    width: 11rem
}

@media screen and (min-width:30em) {
    .image-link {
        width: 14rem
    }
}

.image-link:focus:after,
.image-link:hover:after {
    opacity: 1
}

.image-link:focus .image-link-img,
.image-link:hover .image-link-img {
    opacity: .8;
    -webkit-transform: none;
    transform: none
}

.image-link:focus .image-link-title,
.image-link:hover .image-link-title {
    bottom: 0;
    -webkit-transform: none;
    transform: none
}

.image-link-row .image-link {
    margin: .75vmin
}

.image-link:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(45, 45, 46, .8)));
    background: linear-gradient(to bottom, transparent 50%, rgba(45, 45, 46, .8) 100%);
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .6s opacity ease-out;
    transition: .6s opacity ease-out;
    width: 100%;
    z-index: 1
}

.image-link-img {
    display: block;
    opacity: .2;
    margin: 0 auto;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s opacity ease-out, .6s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .6s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .6s transform ease-out;
    transition: .3s opacity ease-out, .6s transform ease-out, .6s -webkit-transform ease-out;
    width: 100%
}

.image-link-title {
    font-weight: 600;
    bottom: 50%;
    display: block;
    left: 0;
    line-height: 1.5;
    padding: 1.25rem 1.75rem;
    position: absolute;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: .4s all ease-out;
    transition: .4s all ease-out;
    width: 100%;
    z-index: 2;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .image-link-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .image-link-title {
        font-size: 1.25rem
    }
}

.featured-articles {
    padding: 0 2rem
}

@media screen and (min-width:56em) {
    .featured-articles {
        margin: 0 -2.5vmin
    }
}

@media screen and (min-width:70em) {
    .featured-articles {
        margin: 0 -1.5vmin;
        padding: 0
    }
}

.featured-articles .slick-track {
    margin: 0 auto
}

.featured-article-item :first-child,
.sidebar-general :first-child {
    margin-top: 0
}

.featured-article-item :last-child {
    margin-bottom: 0
}

@media screen and (min-width:56em) {
    .featured-article-item {
        padding: 0 2.5vmin
    }
}

@media screen and (min-width:70em) {
    .featured-article-item {
        padding: 0 1.5vmin
    }
}

.featured-articles .slick-arrow {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.spec-sheet-pdf-project .featured-articles .slick-arrow,
.text-white .featured-articles .slick-arrow {
    color: #fff;
    opacity: .65
}

.spec-sheet-pdf-project .featured-articles .slick-arrow:focus,
.spec-sheet-pdf-project .featured-articles .slick-arrow:hover,
.text-white .featured-articles .slick-arrow:focus,
.text-white .featured-articles .slick-arrow:hover {
    opacity: 1
}

.spec-sheet-pdf-project .featured-articles .slick-arrow.slick-disabled,
.text-white .featured-articles .slick-arrow.slick-disabled {
    opacity: 0
}

.featured-articles .slick-arrow.prev {
    left: -.5rem
}

.featured-articles .slick-arrow.next {
    right: -.5rem
}

.featured-article-img {
    margin-bottom: 1.5rem;
    position: relative
}

.featured-article-img:focus:after,
.featured-article-img:hover:after {
    opacity: 1
}



.featured-article-img:focus .image-article-img,
.featured-article-img:hover .image-article-img {
    display: block;
    opacity: .9;
    margin: 0 auto;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s opacity ease-out, .6s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .6s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .6s transform ease-out;
    transition: .3s opacity ease-out, .6s transform ease-out, .6s -webkit-transform ease-out;
    width: 100%
}

.image-article-img {
    opacity: .8;
    -webkit-transform: none;
    transform: none
}
    

.featured-article-img:focus .article-link-title,
.featured-article-img:hover .article-link-title {
    bottom: 0;
    -webkit-transform: none;
    transform: none
}

.featured-article-date {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    display: block;
    margin-bottom: .25rem
}

.spec-sheet-pdf-project .featured-article-date,
.text-white .featured-article-date {
    color: #fff
}

.featured-article-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    font-size: 1.125rem
}

.featured-article-type,
.sidebar-general-subtitle {
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media screen and (min-width:30em) {
    .featured-article-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .featured-article-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .featured-article-title,
.text-white .featured-article-title {
    color: #fff
}

.featured-article-type {
    font-size: .75rem;
    line-height: 1.125;
    background-color: #c8322b;
    bottom: 1rem;
    color: #fff;
    left: 0;
    padding: .5em .75em;
    position: absolute
}

.sidebar-general {
    background-color: #f7f7f7;
    padding: 1.5rem
}

.sidebar-general :last-child {
    margin-bottom: 0
}

.sidebar-general-img {
    margin-bottom: 1rem
}

@media screen and (min-width:30em) {
    .featured-article-type {
        bottom: 1.5rem
    }

    .sidebar-general-img {
        margin-bottom: 1.5rem
    }
}

.sidebar-general-subtitle,
.sidebar-general-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    display: block;
    margin: 0
}

.sidebar-general-img img {
    display: block
}

.sidebar-general-subtitle {
    color: #5a5b5c;
    font-size: .875rem;
    line-height: 1.375
}

.spec-sheet-pdf-project .sidebar-general-subtitle,
.text-white .sidebar-general-subtitle {
    color: #fff
}

.sidebar-general-title {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    font-size: 1.125rem
}

.two-col-grid-header .two-col-grid-title,
.two-col-grid-item:not(.two-col-grid-header) .two-col-grid-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
    line-height: 1.25
}

@media screen and (min-width:30em) {
    .sidebar-general-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .sidebar-general-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .sidebar-general-title,
.text-white .sidebar-general-title {
    color: #fff
}

.sidebar-general-title+.sidebar-general-content {
    margin-top: 1rem
}

.sidebar-general-content>:last-child {
    margin-bottom: 0
}

.two-col-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-rows: 1fr;
    -ms-grid-columns: () [1fr];
    grid-template-columns: repeat(1fr)
}

@media screen and (min-width:56em) {
    .featured-articles .slick-arrow.prev {
        left: 0
    }

    .featured-articles .slick-arrow.next {
        right: 0
    }

    .two-col-grid {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.two-col-grid-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

a.two-col-grid-item:before {
    border: 1px solid rgba(45, 45, 46, .18);
    bottom: 1em;
    content: '';
    left: 1em;
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 1em;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    z-index: 3
}

@media screen and (min-width:56em) {
    a.two-col-grid-item:before {
        bottom: 2em;
        left: 2em;
        right: 2em;
        top: 2em
    }
}

a.two-col-grid-item.spec-sheet-pdf-project:before,
a.two-col-grid-item.text-white:before {
    border-color: rgba(255, 255, 255, .4)
}

a.two-col-grid-item:after {
    background-color: #f7f7f7;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    z-index: 2
}

a.two-col-grid-item.spec-sheet-pdf-project:after,
a.two-col-grid-item.text-white:after {
    background-color: #5a5b5c
}

a.two-col-grid-item {
    color: #5a5b5c
}

a.two-col-grid-item:focus:before,
a.two-col-grid-item:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

a.two-col-grid-item:focus:after,
a.two-col-grid-item:hover:after {
    opacity: .3
}

a.two-col-grid-item:focus .two-col-grid-img,
a.two-col-grid-item:hover .two-col-grid-img {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.two-col-grid-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    -webkit-transition: .3s -webkit-transform ease-out;
    transition: .3s -webkit-transform ease-out;
    transition: .3s transform ease-out;
    transition: .3s transform ease-out, .3s -webkit-transform ease-out;
    width: 100%;
    z-index: 1
}

.two-col-grid-overlay {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 3em 2em;
    position: relative;
    text-align: center;
    z-index: 4
}

.two-col-grid-item:not(.two-col-grid-header) .two-col-grid-title {
    color: #2d2d2e;
    font-weight: 600;
    display: block;
    margin-top: 0;
    text-align: center;
    font-size: 1.75rem
}

.spec-sheet-pdf-project .two-col-grid-item:not(.two-col-grid-header) .two-col-grid-title,
.text-white .two-col-grid-item:not(.two-col-grid-header) .two-col-grid-title,
.two-col-grid-item.spec-sheet-pdf-project .two-col-grid-teaser,
.two-col-grid-item.spec-sheet-pdf-project .two-col-grid-title,
.two-col-grid-item.text-white .two-col-grid-teaser,
.two-col-grid-item.text-white .two-col-grid-title {
    color: #fff
}

@media screen and (min-width:30em) {
    .two-col-grid-item:not(.two-col-grid-header) .two-col-grid-title {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .two-col-grid-item:not(.two-col-grid-header) .two-col-grid-title {
        font-size: 2.5rem
    }
}

.two-col-grid-item:not(.two-col-grid-header) .two-col-grid-title:after {
    background-color: rgba(0, 0, 0, .08);
    content: '';
    display: block;
    height: .075em;
    margin: .5em auto 0;
    max-height: 3px;
    min-height: 2px;
    min-width: 32px;
    width: 1em
}

.spec-sheet-pdf-project .two-col-grid-item:not(.two-col-grid-header) .two-col-grid-title:after,
.text-white .two-col-grid-item:not(.two-col-grid-header) .two-col-grid-title:after {
    background-color: #fff;
    opacity: .2
}

.two-col-grid-teaser {
    font-weight: 300;
    margin-bottom: 0;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .two-col-grid-teaser {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .two-col-grid-teaser {
        font-size: 1.25rem
    }
}

.two-col-grid-item.spec-sheet-pdf-project .two-col-grid-teaser:after,
.two-col-grid-item.spec-sheet-pdf-project .two-col-grid-title:after,
.two-col-grid-item.text-white .two-col-grid-teaser:after,
.two-col-grid-item.text-white .two-col-grid-title:after {
    background-color: #fff;
    opacity: .3
}

@media screen and (min-width:56em) {
    .two-col-grid-overlay {
        padding: 6vmin 3vmin
    }

    .two-col-grid-header .two-col-grid-overlay {
        text-align: left
    }
}

.two-col-grid-header .two-col-grid-title {
    color: #2d2d2e;
    font-weight: 600;
    font-size: 1.75rem
}

@media screen and (min-width:30em) {
    .two-col-grid-header .two-col-grid-title {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .two-col-grid-header .two-col-grid-title {
        font-size: 2.5rem
    }
}

.spec-sheet-pdf-project .two-col-grid-header .two-col-grid-title,
.text-white .two-col-grid-header .two-col-grid-title {
    color: #fff
}

.sidebar-filters {
    background-color: #f7f7f7
}

.material-product-nav+.sidebar-filters {
    margin-top: 5vmin
}

@media screen and (min-width:70em) {
    .material-product-nav+.sidebar-filters {
        margin-top: 3vmin
    }

    .sidebar-filters-header,
    .sidebar-filters-header[disabled] {
        background: 0 0;
        border: none;
        border-radius: 0;
        padding: 1.5rem
    }

    .sidebar-filters-header:focus,
    .sidebar-filters-header:hover,
    .sidebar-filters-header[disabled]:focus,
    .sidebar-filters-header[disabled]:hover {
        border: none
    }
}

.sidebar-filters-header,
.sidebar-filters-header[disabled] {
    color: #5a5b5c;
    display: block;
    line-height: 1.75;
    margin: 0;
    padding: 1.5rem;
    position: relative;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.sidebar-filters-subcategory,
.sidebar-filters-title {
    letter-spacing: .1em;
    line-height: 1.375;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

button.sidebar-filters-header {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .08);
    border-radius: 3px;
    cursor: pointer;
    max-width: none;
    padding: 1rem 2.5rem 1rem 1.5rem;
    text-align: left;
    width: 100%
}

button.sidebar-filters-header:focus,
button.sidebar-filters-header:hover {
    background: #5a5b5c;
    border-color: #5a5b5c;
    color: #fff
}

@media screen and (min-width:70em) {
    button.sidebar-filters-header {
        padding: 1.5rem
    }

    button.sidebar-filters-header:focus,
    button.sidebar-filters-header:hover {
        color: #5a5b5c
    }
}

button.sidebar-filters-header[disabled] {
    cursor: auto;
    opacity: 1
}

button.sidebar-filters-header[disabled]:focus,
button.sidebar-filters-header[disabled]:hover {
    background: 0 0
}

.sidebar-filters-title {
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(0, 0, 0, .08);
    color: currentColor;
    display: block;
    padding-bottom: .75rem
}

.spec-sheet-pdf-project .sidebar-filters-title,
.text-white .sidebar-filters-title {
    color: #fff
}

button.sidebar-filters-header .sidebar-filters-title {
    border-bottom: none;
    padding-bottom: 0
}

.sidebar-filters-title .doc-library-item-date,
.sidebar-filters-title .doc-library-version-date,
.sidebar-filters-title .event-card-year,
.sidebar-filters-title .num,
.sidebar-filters-title .prod-comp-selection-count {
    display: none
}

.sidebar-filters-toggle {
    display: block;
    margin-top: -.1875em;
    position: absolute;
    right: 1rem;
    text-align: center;
    top: 50%;
    -webkit-transition: .2s -webkit-transform ease-out;
    transition: .2s -webkit-transform ease-out;
    transition: .2s transform ease-out;
    transition: .2s transform ease-out, .2s -webkit-transform ease-out
}

@media screen and (min-width:70em) {
    button.sidebar-filters-header .sidebar-filters-title {
        border-bottom: 2px solid rgba(0, 0, 0, .08);
        padding-bottom: .75rem
    }

    .sidebar-filters-toggle {
        display: none
    }
}

.sidebar-filters-toggle svg {
    display: block;
    fill: currentColor;
    height: .375em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: .75em
}

.sidebar-filters-teaser {
    padding: 1.25rem 1rem
}

.sidebar-filters-teaser>:first-child {
    margin-top: 0
}

.sidebar-filters-teaser>:last-child {
    margin-bottom: 0
}

.sidebar-filters-teaser+.sidebar-filters-content {
    padding-top: 0 !important
}

.sidebar-filters-teaser+.sidebar-filters-content>:first-child {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding-top: 1.25rem
}

.js-sidebar-filters-item.open .sidebar-filters-header {
    background-color: #c8322b;
    border-color: #c8322b;
    color: #fff
}

.js-sidebar-filters-item.open .sidebar-filters-toggle svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sidebar-filters-content {
    padding: 0 1.5rem 1.5rem
}

@media screen and (min-width:70em) {
    .js-sidebar-filters-item.open .sidebar-filters-header {
        background: 0 0;
        border: none;
        color: #5a5b5c
    }

    .sidebar-filters-content {
        display: block !important;
        height: auto !important;
        padding: 0 1.5rem 1.5rem !important
    }
}

.js .js-sidebar-filters .sidebar-filters-content {
    display: none;
    padding-top: 1.5rem
}

.sidebar-filters-category {
    color: #2d2d2e;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    margin: 0;
    padding: .5rem 0;
    text-transform: none
}

.sidebar-filters-subcategory {
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin: 1rem 0 .5rem
}

.spec-sheet-pdf-project .sidebar-filters-subcategory,
.text-white .sidebar-filters-subcategory {
    color: #fff
}

.sidebar-filters-subcategory:first-child {
    margin-top: 0
}

.sidebar-filter-group+.sidebar-filters-accordion {
    margin-top: 1rem
}

.js .filter-overflow-scroll {
    max-height: 18rem;
    overflow: auto
}

.sidebar-filters-list {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroll-scrolly_visible>.sidebar-filters-list {
    padding-right: .5rem
}

.sidebar-filters-list .sidebar-filters-list {
    margin-left: 1rem
}

.sidebar-filters-list li {
    position: relative
}

.sidebar-filters-list .filter-category-link {
    color: #2d2d2e;
    display: block;
    margin-bottom: .375em;
    padding-left: 1.5rem;
    position: relative;
    text-decoration: none
}

.sidebar-filters-list .filter-category-link .icon {
    display: block;
    fill: #2d2d2e;
    height: .625em;
    left: .5em;
    position: absolute;
    top: .475em;
    width: .3125em
}

.sidebar-filters-buttons,
.sidebar-filters-buttons.active {
    bottom: 0;
    position: sticky
}

.sidebar-filters-list .filter-category-link.current {
    color: #c8322b
}

.sidebar-filters-list .sidebar-filters-list .filter-category-link {
    color: #5a5b5c
}

.sidebar-filters-list a.filter-category-link:focus,
.sidebar-filters-list a.filter-category-link:hover {
    color: #c8322b
}

.sidebar-filters-list a.filter-category-link:focus .icon,
.sidebar-filters-list a.filter-category-link:hover .icon {
    fill: #c8322b
}

.sidebar-filters-list label {
    margin-bottom: 0;
    z-index: 2
}

.sidebar-filters-list label:focus+.expand-icon,
.sidebar-filters-list label:hover+.expand-icon {
    background-color: #fff;
    opacity: 1
}

.sidebar-filters-list .sidebar-filters-list label {
    font-size: .875rem
}

.sidebar-filters-sublist {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 1.5em
}

.sidebar-filters-buttons {
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    margin: 1.5rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
    z-index: 20
}

@media screen and (min-width:56em) {
    .sidebar-filters-buttons {
        font-size: 1rem
    }
}

.sidebar-filters-buttons:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .04)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .04) 100%);
    bottom: 100%;
    content: '';
    height: 1.25rem;
    left: 0;
    position: absolute;
    width: 100%
}

.sidebar-filters-buttons a.btn,
.sidebar-filters-buttons a.btn-secondary,
.sidebar-filters-buttons button {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.sidebar-filters-buttons a.btn+a.btn,
.sidebar-filters-buttons a.btn+a.btn-secondary,
.sidebar-filters-buttons a.btn+button,
.sidebar-filters-buttons a.btn-secondary+a.btn,
.sidebar-filters-buttons a.btn-secondary+a.btn-secondary,
.sidebar-filters-buttons a.btn-secondary+button,
.sidebar-filters-buttons button+a.btn,
.sidebar-filters-buttons button+a.btn-secondary,
.sidebar-filters-buttons button+button {
    margin-left: .5rem
}

.sidebar-filters-button-track>button {
    margin-top: 1rem
}

.sidebar-filters-button-track:first-child>:first-child {
    margin-top: 0;
    padding-top: 0
}

.search-box+.sidebar-filters-button-track {
    margin-top: 1.25rem
}

.js .sidebar-filters .expandable-cat {
    display: none
}

.sidebar-filters .expandable-cat.current {
    display: block
}

.sidebar-filters .expand-icon {
    border-radius: 3px;
    height: 19px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: .125em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: 19px
}

.sidebar-filters .expand-icon.open {
    background-color: #fff;
    opacity: 1
}

.sidebar-filters .expand-icon:after,
.sidebar-filters .expand-icon:before {
    background-color: #5a5b5c;
    content: '';
    left: 50%;
    position: absolute;
    top: 50%
}

.sidebar-filters .expand-icon:before {
    height: 1px;
    margin-left: -4px;
    margin-top: -1px;
    width: 7px
}

.sidebar-filters .expand-icon:after {
    height: 7px;
    margin-left: -1px;
    margin-top: -4px;
    width: 1px
}

.sidebar-filters-accordion .accordion-header {
    background: 0 0;
    border: none;
    border-radius: 0;
    color: #5a5b5c;
    cursor: pointer;
    display: block;
    letter-spacing: inherit;
    line-height: 1.75;
    max-width: none;
    padding: .75rem 0;
    position: relative;
    text-align: left;
    text-transform: none;
    width: 100%
}

.sidebar-filters-accordion .accordion-header:focus,
.sidebar-filters-accordion .accordion-header:hover {
    background: 0 0;
    color: #c8322b
}

.sidebar-filters-accordion .accordion-toggle {
    display: block;
    margin-top: -.1875em;
    position: absolute;
    right: .5rem;
    top: 50%;
    text-align: center;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.sidebar-filters-accordion .accordion-toggle svg {
    display: block;
    fill: currentColor;
    height: .375em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: .75em
}

.sidebar-filters-accordion .accordion-item {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.sidebar-filters-accordion+.sidebar-filters-accordion .accordion-item {
    border-top: none
}

.sidebar-filters-accordion .accordion-more {
    padding-bottom: 1rem
}

.js .sidebar-filters-accordion .accordion-more {
    display: none
}

.sidebar-filters-accordion .accordion-item.open .accordion-header-title {
    color: #2d2d2e
}

.sidebar-filters-accordion .accordion-item.open .accordion-toggle svg {
    fill: #2d2d2e;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sidebar-filters .surface-materials-search-type {
    margin-bottom: .25rem;
    max-width: 30em
}

.sidebar-filters .surface-materials-search-heading {
    margin: 0;
    text-transform: none
}

.sidebar-filters .surface-materials-search-type input[type=radio]+label {
    margin: 0 0 0 1rem
}

.sidebar-filters .search-box input {
    padding-right: 1em
}

.sidebar-surface-material-type-com+.surface-materials-search-type {
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin-top: 1.25rem;
    padding-top: .75rem
}

.surface-materials-browse-type {
    background-color: #f7f7f7;
    padding: 1rem
}

.surface-materials-browse-type .sidebar-filters-category {
    background-color: #5a5b5c;
    color: #fff;
    padding: 1rem;
    margin: -1rem -1rem 1rem
}

.sidebar-surface-material-type {
    background-color: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sidebar-surface-material-type input[type=radio]+label {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: inherit;
    margin: 0;
    padding: .625rem .5rem
}

.spec-sheet-pdf-project .sidebar-surface-material-type input[type=radio]+label,
.text-white .sidebar-surface-material-type input[type=radio]+label {
    color: #fff
}

.sidebar-surface-material-type input[type=radio]+label:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .08)
}

.sidebar-surface-material-type input[type=radio]:checked+label {
    background-color: #fff;
    color: #2d2d2e
}

.sidebar-surface-material-type input[type=radio]+label:before {
    margin-top: 0;
    position: static
}

.sidebar-surface-material-type-com {
    display: block;
    font-size: .875rem;
    margin: .5rem 0 0
}

input[type=checkbox].inactive-filter+label,
input[type=radio].inactive-filter+label {
    opacity: .6
}

input[type=checkbox].inactive-filter+label:focus:before,
input[type=checkbox].inactive-filter+label:hover:before,
input[type=radio].inactive-filter+label:focus:before,
input[type=radio].inactive-filter+label:hover:before {
    border-color: rgba(0, 0, 0, .08)
}

.sidebar-fabrics-type {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding-bottom: 1rem
}

.sidebar-fabrics-type+.sidebar-filters-accordion .accordion-item {
    border-top: none
}

.sidebar-filters .product-approvals-link {
    font-size: .875rem;
    font-weight: 400;
    display: inline-block;
    margin: .5em 0;
    vertical-align: middle
}

.finish-accordion .finish-accordion-more>:last-child,
.finish-accordion .finish-accordion-teaser>:last-child {
    margin-bottom: 0
}

.application-filter-type {
    display: none
}

.application-filter-type.active {
    display: block
}

.product-category-filters {
    position: sticky;
    top: 0
}

.finishes-link-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .25rem;
    padding: .75em 1em
}

@media screen and (min-width:56em) {
    .finishes-link-bar {
        padding: 1em 1.5em
    }
}

.finishes-link-group {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.finishes-link-group+.finishes-link-group {
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin-top: .75rem;
    padding-top: .75rem
}

.finish-accordion .finish-accordion-more>:first-child,
.finish-accordion .finish-accordion-teaser>:first-child {
    margin-top: 0
}

.finishes-link-bar .arrow-link {
    font-weight: 300;
    margin-right: 1rem;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .finishes-link-group {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .finishes-link-group+.finishes-link-group {
        border-top: none;
        margin-top: 0;
        padding-top: 0
    }

    .finishes-link-bar .arrow-link {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .finishes-link-bar .arrow-link {
        font-size: 1.25rem
    }
}

@media screen and (min-width:56em) {
    .finishes-link-bar .arrow-link {
        margin-right: 1.5rem
    }
}

.finish-selector .swatch-card {
    cursor: pointer;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.finish-selector .swatch-card:focus .swatch-card-image,
.finish-selector .swatch-card:hover .swatch-card-image {
    -webkit-box-shadow: inset 0 0 0 .125rem rgba(45, 45, 46, .12);
    box-shadow: inset 0 0 0 .125rem rgba(45, 45, 46, .12)
}

.finish-selector .swatch-card:focus .swatch-card-title,
.finish-selector .swatch-card:hover .swatch-card-title {
    color: #2d2d2e
}

.finish-selector .swatch-card-image {
    padding: .375rem;
    position: relative;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.finish-selector .swatch-card.current .swatch-card-image {
    -webkit-box-shadow: inset 0 0 0 .125rem #2d2d2e;
    box-shadow: inset 0 0 0 .125rem #2d2d2e
}

.finish-selector .swatch-card.current .swatch-card-image:after {
    background-color: #fff;
    bottom: .125rem;
    color: #2d2d2e;
    content: '\2713';
    font-size: .75rem;
    height: 1.125rem;
    line-height: 1.125rem;
    position: absolute;
    right: .125rem;
    text-align: center;
    width: 1.125rem
}

.finish-accordion .finish-accordion-header-title,
.finish-selections-header {
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.375;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.finish-selector .swatch-card.current .swatch-card-title {
    color: #2d2d2e
}

.finish-accordion .finish-accordion-header {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    cursor: pointer;
    display: block;
    margin: 0;
    padding: .5rem 0;
    position: sticky;
    top: 0;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    z-index: 20
}

.finish-accordion .finish-accordion-header:focus .finish-accordion-header-title,
.finish-accordion .finish-accordion-header:hover .finish-accordion-header-title {
    color: #2d2d2e
}

.finish-accordion .finish-accordion-header-title {
    color: #5a5b5c;
    font-size: 1.375rem
}

.spec-sheet-pdf-project .finish-accordion .finish-accordion-header-title,
.text-white .finish-accordion .finish-accordion-header-title {
    color: #fff
}

.finish-accordion .finish-accordion-toggle {
    display: block;
    position: absolute;
    right: .5rem;
    top: 50%;
    text-align: center;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.finish-accordion .finish-accordion-toggle svg {
    display: block;
    fill: #5a5b5c;
    height: .375em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: .75em
}

.finish-accordion .finish-accordion-teaser {
    background-color: #f7f7f7;
    padding: 2.5vmin 5vmin
}

@media screen and (min-width:70em) {
    .finish-accordion .finish-accordion-teaser {
        padding: 1.5vmin 3vmin
    }
}

.finish-accordion .finish-accordion-more {
    padding-top: 1.5rem
}

.finish-accordion .finish-accordion-item.open .finish-accordion-header-title {
    color: #2d2d2e
}

.finish-accordion .finish-accordion-item.open .finish-accordion-toggle svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.finish-accordion+.finish-accordion {
    margin-top: 1.5rem
}

.finish-selector .swatch-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.finish-selector .swatch-card-title {
    color: #5a5b5c;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.cc-btn,
.finish-selection-remove {
    -webkit-transition: .2s all ease-out
}

.finish-selector .swatch-grid-item {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    margin-bottom: 5%;
    max-width: 49%
}

.finish-selector .swatch-grid-item:nth-child(odd) {
    margin-right: 2%
}

@media screen and (min-width:30em) {
    .finish-accordion .finish-accordion-header-title {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }

    .finish-selector .swatch-grid-item {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        margin-bottom: 4%;
        max-width: 32%
    }

    .finish-selector .swatch-grid-item:nth-child(odd) {
        margin-right: 0
    }

    .finish-selector .swatch-grid-item:not(:nth-child(3n)) {
        margin-right: 2%
    }
}

@media screen and (min-width:70em) {
    .finish-selector .swatch-grid-item {
        -ms-flex-preferred-size: 23.875%;
        flex-basis: 23.875%;
        margin-bottom: 3%;
        max-width: 23.875%
    }

    .finish-selector .swatch-grid-item:not(:nth-child(3n)) {
        margin-right: 0
    }

    .finish-selector .swatch-grid-item:not(:nth-child(4n)) {
        margin-right: 1.5%
    }
}

@media screen and (min-width:80em) {
    .finish-accordion .finish-accordion-header-title {
        font-size: 1.75rem
    }

    .finish-selector .swatch-grid-item {
        -ms-flex-preferred-size: 19.2%;
        flex-basis: 19.2%;
        max-width: 19.2%
    }

    .finish-selector .swatch-grid-item:not(:nth-child(4n)) {
        margin-right: 0
    }

    .finish-selector .swatch-grid-item:not(:nth-child(5n)) {
        margin-right: 1%
    }
}

.finish-selections-scroll.scroll-scrolly_visible>* {
    padding-right: .5rem
}

.finish-selections-header {
    color: #2d2d2e;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 400px;
    padding: .5rem 0;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .finish-selections-header {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .finish-selections-header {
        font-size: 1.75rem
    }
}

.finish-selections-header .doc-library-item-date,
.finish-selections-header .doc-library-version-date,
.finish-selections-header .event-card-year,
.finish-selections-header .icon-link,
.finish-selections-header .num,
.finish-selections-header .prod-comp-selection-count {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 1.75
}

.spec-sheet-pdf-project .finish-selections-header,
.text-white .finish-selections-header {
    color: #fff
}

@media screen and (min-width:56em) {
    .finish-selections {
        position: sticky;
        top: 0
    }

    .finish-selections-scroll {
        max-height: 100vh
    }

    .finish-selections-header {
        background-color: #fff;
        position: sticky;
        top: 0;
        z-index: 10
    }
}

.finish-selections-header .icon-link {
    display: none
}

.finish-selections-header .icon-link.active {
    display: block
}

.finish-placeholder {
    font-weight: 300;
    background-color: #f7f7f7;
    display: none;
    padding: 1rem;
    font-size: 1.125rem
}

.finish-placeholder.active,
.finish-selection-code,
.finish-selection-image {
    display: block
}

@media screen and (min-width:30em) {
    .finish-placeholder {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50));
        padding: 1.5em
    }
}

@media screen and (min-width:80em) {
    .finish-placeholder {
        font-size: 1.25rem
    }
}

@media screen and (min-width:56em) {
    .finish-placeholder {
        padding: 1em
    }
}

@media screen and (min-width:70em) {
    .finish-placeholder {
        padding: 1.5em
    }
}

.finish-placeholder>:first-child {
    margin-top: 0
}

.finish-placeholder>:last-child {
    margin-bottom: 0
}

.finish-selection-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1rem;
    max-width: 400px;
    opacity: 0;
    position: relative
}

.finish-selection-remove {
    background-color: rgba(45, 45, 46, .2);
    color: #fff;
    cursor: pointer;
    height: 2rem;
    line-height: 2rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: .2s all ease-out;
    width: 2rem
}

.finish-selection-remove:focus,
.finish-selection-remove:hover {
    background-color: #c8322b
}

.finish-selection-info {
    background-color: #f7f7f7;
    border-bottom: 3px solid rgba(0, 0, 0, .08);
    padding: 1em
}

@media screen and (min-width:30em) {
    .finish-selection-info {
        padding: 1.25em 1.5em 1.5em
    }
}

@media screen and (min-width:56em) {
    .finish-selection-info {
        padding: 1em
    }
}

@media screen and (min-width:70em) {
    .finish-selection-info {
        padding: 1.25em 1.5em 1.5em
    }
}

.finish-selection-name {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .finish-selection-name {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .finish-selection-name {
        font-size: 1.25rem
    }
}

.finish-selection-code,
.idea-starters-listing-icon,
.idea-starters-styles-title,
.selections-sticky-anchor {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase
}

.spec-sheet-pdf-project .finish-selection-name,
.text-white .finish-selection-name {
    color: #fff
}

.finish-selection-code {
    color: #5a5b5c
}

.spec-sheet-pdf-project .finish-selection-code,
.text-white .finish-selection-code {
    color: #fff
}

.finish-selection-info .link-list {
    margin-top: 1rem;
    max-width: none
}

.finish-selection-info .link-list a {
    background-color: #fff
}

.selections-sticky-anchor {
    color: #5a5b5c;
    background-color: #f7f7f7;
    border-top: 3px solid rgba(0, 0, 0, .08);
    bottom: 0;
    left: 0;
    padding: 1rem;
    position: fixed;
    text-align: center;
    text-decoration: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    width: 100%;
    z-index: 30
}

.spec-sheet-pdf-project .selections-sticky-anchor,
.text-white .selections-sticky-anchor {
    color: #fff
}

.selections-sticky-anchor.active {
    -webkit-transform: none;
    transform: none
}

@media screen and (min-width:56em) {
    .selections-sticky-anchor {
        display: none
    }
}

.idea-starters-listing-center .idea-starters-listing-item:last-child {
    margin-right: 0
}

.idea-starters-listing:last-child {
    margin-bottom: -4% !important
}

@media screen and (min-width:30em) {
    .idea-starters-listing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .idea-starters-listing:last-child {
        margin-bottom: -2% !important
    }
}

@media screen and (min-width:56em) {
    .idea-starters-listing-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .idea-starters-listing:last-child {
        margin-bottom: -1% !important
    }
}

.idea-starters-listing-item {
    margin-bottom: 4%;
    position: relative;
    text-align: center
}

@media screen and (min-width:30em) {
    .idea-starters-listing-item {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        margin-bottom: 2%;
        max-width: 49%
    }

    .idea-starters-listing-item:nth-child(odd) {
        margin-right: 2%
    }
}

@media screen and (min-width:56em) {
    .idea-starters-listing-item {
        -ms-flex-preferred-size: 32.66666666666667%;
        flex-basis: 32.66666666666667%;
        margin-bottom: 1%;
        max-width: 32.66666666666667%
    }

    .idea-starters-listing-item:nth-child(odd) {
        margin-right: 0
    }

    .idea-starters-listing-item:not(:nth-child(3n)) {
        margin-right: 1%
    }
}

.idea-starters-listing a {
    background-color: #f7f7f7;
    color: #5a5b5c;
    display: block;
    overflow: hidden;
    padding: 1.5rem 1rem;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.idea-starters-listing a:not(.is-loading):focus,
.idea-starters-listing a:not(.is-loading):hover {
    background-color: #5a5b5c
}

.idea-starters-listing a:not(.is-loading):focus .idea-starters-listing-image,
.idea-starters-listing a:not(.is-loading):hover .idea-starters-listing-image {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: .4;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.idea-starters-listing a:not(.is-loading):focus .idea-starters-listing-icon,
.idea-starters-listing a:not(.is-loading):hover .idea-starters-listing-icon {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.idea-starters-listing a:not(.is-loading):focus .idea-starters-listing-icon svg,
.idea-starters-listing a:not(.is-loading):hover .idea-starters-listing-icon svg {
    -webkit-transform: none;
    transform: none
}

.idea-starters-listing-item a.is-loading {
    height: 13rem
}

.idea-starters-listing-item a.is-loading>* {
    opacity: 0
}

.idea-starters-listing-item a.is-loading:before {
    -webkit-animation: loader 1s infinite linear;
    animation: loader 1s infinite linear;
    border: .5em solid rgba(45, 45, 46, .47);
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-top-color: transparent;
    border-width: .125rem;
    content: '';
    display: block;
    height: 1.5rem;
    left: 50%;
    margin: -.75rem 0 0 -.75rem;
    position: absolute;
    top: 50%;
    width: 1.5rem
}

.idea-starters-listing-image {
    display: block;
    -webkit-transition: .3s opacity ease-out, .5s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .5s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .5s transform ease-out;
    transition: .3s opacity ease-out, .5s transform ease-out, .5s -webkit-transform ease-out;
    width: 100%
}

.idea-starters-listing-icon {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    height: 100%;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
    -webkit-transition: 350ms all ease-out;
    transition: 350ms all ease-out;
    width: 100%;
    z-index: 3
}

.spec-sheet-pdf-project .idea-starters-listing-icon,
.text-white .idea-starters-listing-icon {
    color: #fff
}

.idea-starters-listing-icon svg {
    display: block;
    fill: #fff;
    height: 1rem;
    margin: 0 auto .5rem;
    -webkit-transition: 450ms all ease-out;
    transition: 450ms all ease-out;
    -webkit-transform: translateY(.5em);
    transform: translateY(.5em);
    width: 1rem
}

.idea-starters-styles {
    list-style-type: none;
    margin-top: 0;
    padding-left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

@media screen and (min-width:56em) {
    .idea-starters-styles {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.idea-starters-styles li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1.25rem;
    padding: .25rem 0
}

.idea-starters-styles li:not(.idea-starters-styles-title):before {
    content: '';
    height: 1.25em;
    width: 1.25em;
    margin-right: .5em
}

.idea-starters-styles-title {
    color: #5a5b5c
}

.spec-sheet-pdf-project .idea-starters-styles-title,
.text-white .idea-starters-styles-title {
    color: #fff
}

.idea-starters-styles-blue:before {
    background-color: #c5d9f4
}

.idea-starters-styles-pink:before {
    background-color: #ffbdba
}

.idea-starters-styles-green:before {
    background-color: #a2f3bf
}

.idea-starters-styles-gray:before {
    background-color: #cbcbcb
}

.idea-starters-library [v-cloak],
.idea-starters-library>.loader {
    display: none
}

.idea-starters-library .loader[v-cloak] {
    display: block
}

.idea-starters-library .idea-starters-listing {
    position: relative
}

@media screen and (min-width:56em) {
    .idea-starters-library .idea-starters-listing.is-loading:before {
        -webkit-animation: loader 1s infinite linear;
        animation: loader 1s infinite linear;
        border: .5em solid rgba(45, 45, 46, .12);
        border-radius: 50%;
        border-top-color: rgba(45, 45, 46, .47);
        display: block;
        height: 4em;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 4em;
        content: '';
        margin: 4rem auto
    }
}

.material-product-nav-list li,
.quote-content {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.idea-starters-library .idea-starters-listing-item {
    margin-bottom: 3%
}

@media screen and (min-width:56em) {
    .idea-starters-library .idea-starters-listing-item {
        margin-bottom: 2%
    }

    .idea-starters-library .idea-starters-listing-item:not(:nth-child(3n)) {
        margin-right: 0
    }
}

@media screen and (min-width:70em) {
    .idea-starters-library .idea-starters-listing-item {
        margin-bottom: 1%
    }
}

.idea-starters-listing .js-item-sizer,
.js-masonry-vue .idea-starters-listing-item {
    width: 100%
}

@media screen and (min-width:30em) {
    .idea-starters-library .idea-starters-listing {
        display: block
    }

    .idea-starters-library .idea-starters-listing-item {
        max-width: none
    }

    .idea-starters-library .idea-starters-listing-item:nth-child(odd) {
        margin-right: 0
    }

    .idea-starters-listing .js-item-sizer,
    .js-masonry-vue .idea-starters-listing-item {
        width: 49%
    }
}

@media screen and (min-width:56em) {

    .idea-starters-listing .js-item-sizer,
    .js-masonry-vue .idea-starters-listing-item {
        width: 32.66667%
    }
}

.idea-starters-listing .js-gutter-sizer {
    width: 3%
}

@media screen and (min-width:30em) {
    .idea-starters-listing .js-gutter-sizer {
        width: 2%
    }
}

@media screen and (min-width:56em) {
    .idea-starters-listing .js-gutter-sizer {
        width: 1%
    }
}

.idea-starters-library>.loader {
    margin: 4rem auto
}

.product-approval-modal {
    display: none;
    width: 50rem
}

.product-approval-modal .section-title {
    margin: .5em .5em 1em
}

.product-approval-modal .selection-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    margin-bottom: .5em;
    text-align: center;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .product-approval-modal .selection-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .product-approval-modal .selection-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .product-approval-modal .selection-title,
.text-white .product-approval-modal .selection-title {
    color: #fff
}

@media screen and (min-width:56em) {
    .product-approval-modal .selection-title {
        margin-bottom: 0;
        margin-right: 1.5rem;
        text-align: left
    }
}

.product-approval-modal .export-results {
    text-align: center
}

@media screen and (min-width:56em) {
    .product-approval-modal .export-results {
        margin-bottom: 0;
        text-align: right
    }
}

.cc-btn,
.chat-btn,
.content-carousel-more,
.content-carousel-nav,
.positions-grid,
.quote .quote-attribution,
.quote-content,
.stat-card {
    text-align: center
}

.product-approval-modal-info {
    margin-bottom: 1rem
}

@media screen and (min-width:56em) {
    .product-approval-modal-info {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: .5rem
    }
}

.product-approval-modal .loader {
    margin: 1.5rem auto 0
}

.approval-note-modal {
    display: none
}

.approval-note-icon {
    display: block;
    width: 1.125em;
    height: 1.5em;
    cursor: pointer;
    fill: #5a5b5c
}

.approval-note-icon:focus,
.approval-note-icon:hover {
    fill: #c8322b
}

.materials-style-modal,
.materials-style-modal-visible {
    max-height: 95%;
    width: 100rem;
    padding: 5vmin;
    position: relative
}

.materials-style-modal {
    display: none
}

.materials-style-modal .section-title,
.materials-style-modal-visible .section-title {
    margin-bottom: 5vmin
}

@media screen and (min-width:70em) {

    .materials-style-modal,
    .materials-style-modal-visible {
        padding: 3vmin
    }

    .materials-style-modal .section-title,
    .materials-style-modal-visible .section-title {
        margin-bottom: 3vmin
    }
}

.material-product-nav-header {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    color: #2d2d2e;
    margin: 0;
    padding: 0 1rem 1rem
}

.spec-sheet-pdf-project .material-product-nav-header,
.text-white .material-product-nav-header {
    color: #fff
}

@media screen and (min-width:70em) {
    .material-product-nav-header {
        padding: .75rem 1rem
    }
}

.material-product-nav-list {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    border-top: 2px solid rgba(0, 0, 0, .08)
}

.material-product-nav-list a {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    padding: .75rem 1rem;
    position: relative;
    text-decoration: none;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .material-product-nav-list a {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .material-product-nav-list a {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .material-product-nav-list a,
.text-white .material-product-nav-list a {
    color: #fff
}

.material-product-nav-list a:focus,
.material-product-nav-list a:hover {
    color: #c8322b
}

.material-product-nav-options {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.125;
    text-transform: uppercase;
    color: #5a5b5c;
    display: inline-block;
    margin-left: .25em
}

.quote blockquote,
.search-result-heading {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal
}

.material-product-nav-arrow {
    display: none
}

@media screen and (min-width:70em) {
    .material-product-nav-arrow {
        color: #5a5b5c;
        display: block;
        fill: #5a5b5c;
        font-size: 1rem;
        height: .75em;
        margin-top: -.375em;
        position: absolute;
        right: 1rem;
        top: 50%;
        width: .375em
    }
}

.material-product-nav-list li.current {
    background-color: #f7f7f7
}

.material-product-nav-list li.current a {
    color: #c8322b;
    padding-right: 1.5em
}

.quote-content {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding: 1.5em 0
}

@media screen and (min-width:30em) {
    .quote .quote-attribution {
        margin-top: 1.5rem
    }
}

.quote .quote-attribution:before {
    background-color: #2d2d2e;
    content: '';
    display: block;
    height: .075rem;
    margin: 0 auto 1.5rem;
    max-height: 3px;
    min-height: 2px;
    min-width: 32px;
    opacity: .12;
    width: 1em
}

.quote-img {
    border-radius: 100%;
    display: block;
    margin: 0 auto -1em;
    max-width: 400px;
    width: 50%
}

.com-search-manufacturer select,
.com-search-material .search-box,
.search-links .search-box {
    max-width: none
}

@media screen and (min-width:56em) {
    .quote-content {
        padding: 5em 1.5em 3em
    }

    .quote-img {
        margin-bottom: -3em
    }
}

.quote blockquote {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.375;
    border-left: none;
    margin: 0 !important;
    padding: 0;
    position: relative;
    text-indent: 0;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .quote blockquote {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50));
        padding: 0 12%
    }
}

@media screen and (min-width:80em) {
    .quote blockquote {
        font-size: 1.75rem
    }
}

.spec-sheet-pdf-project .quote blockquote,
.text-white .quote blockquote {
    color: #fff
}

.quote blockquote:after,
.quote blockquote:before {
    color: rgba(0, 0, 0, .08);
    font-weight: 300;
    line-height: 0;
    position: absolute;
    font-size: 5rem
}

@media screen and (min-width:30em) {

    .quote blockquote:after,
    .quote blockquote:before {
        font-size: calc(5rem + 13 * ((100vw - 30rem)/ 50))
    }

    .positions-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:80em) {

    .quote blockquote:after,
    .quote blockquote:before {
        font-size: 18rem
    }
}

.spec-sheet-pdf-project .quote blockquote:after,
.spec-sheet-pdf-project .quote blockquote:before,
.text-white .quote blockquote:after,
.text-white .quote blockquote:before {
    color: rgba(255, 255, 255, .2)
}

.quote blockquote:before {
    left: 0;
    top: .375em
}

.quote blockquote:after {
    bottom: -.125em;
    right: 0
}

.quote.spec-sheet-pdf-project .quote-content,
.quote.text-white .quote-content,
.spec-sheet-pdf-project .quote .quote-content,
.text-white .quote .quote-content {
    border-color: rgba(255, 255, 255, .2);
    padding: 1.5em
}

@media screen and (min-width:56em) {
    .quote blockquote:before {
        top: .25em
    }

    .quote blockquote:after {
        bottom: -.25em
    }

    .quote.spec-sheet-pdf-project .quote-content,
    .quote.text-white .quote-content,
    .spec-sheet-pdf-project .quote .quote-content,
    .text-white .quote .quote-content {
        padding: 5em 1.5em 3em
    }
}

.quote.spec-sheet-pdf-project blockquote,
.quote.text-white blockquote,
.spec-sheet-pdf-project .quote blockquote,
.text-white .quote blockquote {
    color: #fff
}

.quote.spec-sheet-pdf-project blockquote:after,
.quote.spec-sheet-pdf-project blockquote:before,
.quote.text-white blockquote:after,
.quote.text-white blockquote:before,
.spec-sheet-pdf-project .quote blockquote:after,
.spec-sheet-pdf-project .quote blockquote:before,
.text-white .quote blockquote:after,
.text-white .quote blockquote:before {
    color: rgba(255, 255, 255, .2)
}

.quote.spec-sheet-pdf-project .quote-attribution,
.quote.text-white .quote-attribution,
.spec-sheet-pdf-project .quote .quote-attribution,
.text-white .quote .quote-attribution {
    color: rgba(255, 255, 255, .85)
}

.quote.spec-sheet-pdf-project .quote-attribution:before,
.quote.text-white .quote-attribution:before,
.spec-sheet-pdf-project .quote .quote-attribution:before,
.text-white .quote .quote-attribution:before {
    background-color: #fff;
    opacity: .2
}

.search-links,
a.positions-item:focus,
a.positions-item:hover {
    background-color: #f7f7f7
}

.positions-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5vmin 1rem
}

.positions-item:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

a.positions-item {
    text-decoration: none
}

a.positions-item:focus .arrow-link,
a.positions-item:hover .arrow-link {
    color: #2d2d2e
}

a.positions-item:focus .arrow-link .icon,
a.positions-item:hover .arrow-link .icon {
    fill: #2d2d2e
}

a.positions-item:focus .arrow-link span:not(.no-wrap),
a.positions-item:hover .arrow-link span:not(.no-wrap) {
    border-bottom: 1px solid
}

.positions-item-title {
    font-weight: 300;
    color: #5a5b5c;
    display: block;
    font-size: 1.125rem
}

.positions-item .arrow-link {
    color: #c8322b;
    margin-top: .25rem
}

@media screen and (min-width:30em) {
    .positions-item-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }

    .positions-grid-2-up .positions-item,
    .positions-grid-3-up .positions-item,
    .positions-grid-4-up .positions-item,
    .positions-grid-5-up .positions-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .positions-grid-2-up .positions-item:nth-child(even),
    .positions-grid-3-up .positions-item:nth-child(even),
    .positions-grid-4-up .positions-item:nth-child(even),
    .positions-grid-5-up .positions-item:nth-child(even) {
        border-left: 1px solid rgba(0, 0, 0, .08)
    }

    .positions-grid-2-up .positions-item:nth-child(2),
    .positions-grid-3-up .positions-item:nth-child(2),
    .positions-grid-4-up .positions-item:nth-child(2),
    .positions-grid-5-up .positions-item:nth-child(2) {
        border-top: none
    }
}

@media screen and (min-width:56em) {

    .positions-grid-3-up .positions-item,
    .positions-grid-4-up .positions-item,
    .positions-grid-5-up .positions-item {
        border-left: 1px solid rgba(0, 0, 0, .08);
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }

    .positions-grid-3-up .positions-item:nth-child(3n+1),
    .positions-grid-4-up .positions-item:nth-child(3n+1),
    .positions-grid-5-up .positions-item:nth-child(3n+1) {
        border-left: none
    }

    .positions-grid-3-up .positions-item:nth-child(3),
    .positions-grid-4-up .positions-item:nth-child(3),
    .positions-grid-5-up .positions-item:nth-child(3) {
        border-top: none
    }
}

@media screen and (min-width:70em) {
    .positions-item {
        padding: 5vmin 2rem
    }

    .positions-grid-4-up .positions-item,
    .positions-grid-5-up .positions-item {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .positions-grid-4-up .positions-item:nth-child(3n+1),
    .positions-grid-5-up .positions-item:nth-child(3n+1) {
        border-left: 1px solid rgba(0, 0, 0, .08)
    }

    .positions-grid-4-up .positions-item:nth-child(4n+1),
    .positions-grid-5-up .positions-item:nth-child(4n+1) {
        border-left: none
    }

    .positions-grid-4-up .positions-item:nth-child(4),
    .positions-grid-5-up .positions-item:nth-child(4) {
        border-top: none
    }
}

@media screen and (min-width:80em) {
    .positions-item-title {
        font-size: 1.25rem
    }

    .positions-grid-5-up .positions-item {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }

    .positions-grid-5-up .positions-item:nth-child(4n+1) {
        border-left: 1px solid rgba(0, 0, 0, .08)
    }

    .positions-grid-5-up .positions-item:nth-child(5n+1) {
        border-left: none
    }

    .positions-grid-5-up .positions-item:nth-child(5) {
        border-top: none
    }
}

.search-result :first-child {
    margin-top: 0
}

.search-result :last-child {
    margin-bottom: 0
}

.search-result-heading {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.625;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .search-result-heading {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .search-result-heading {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .search-result-heading,
.text-white .search-result-heading {
    color: #fff
}

.search-links {
    padding: 1rem
}

.search-links-accordion {
    margin-top: .5rem
}

@media screen and (min-width:70em) {
    .search-links {
        padding: 1.5rem
    }

    .search-links-accordion .accordion-item {
        border: none
    }

    .search-links-accordion .accordion-item.open {
        background: 0 0
    }

    .search-links-accordion .accordion-header,
    .search-links-accordion .accordion-item.open .accordion-header {
        background-color: transparent;
        border-bottom: 2px solid rgba(0, 0, 0, .08);
        cursor: auto;
        margin: .75rem 0 0;
        padding: .75rem 0;
        pointer-events: none
    }

    .search-links-accordion .accordion-header:focus,
    .search-links-accordion .accordion-header:hover,
    .search-links-accordion .accordion-item.open .accordion-header:focus,
    .search-links-accordion .accordion-item.open .accordion-header:hover {
        background-color: transparent
    }

    .search-links-accordion .accordion-toggle {
        display: none
    }

    .search-links-accordion .accordion-header-title {
        font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
        color: #5a5b5c;
        font-size: .875rem;
        font-weight: 400;
        letter-spacing: .1em;
        line-height: 1.375;
        text-transform: uppercase
    }

    .spec-sheet-pdf-project .search-links-accordion .accordion-header-title,
    .text-white .search-links-accordion .accordion-header-title {
        color: #fff
    }
}

.com-search-type-label,
.suggested-result-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
    line-height: 1.625
}

.search-links-accordion .accordion-more {
    display: none;
    padding: 0 1rem !important
}

@media screen and (min-width:70em) {
    .search-links-accordion .accordion-more {
        display: block !important;
        height: auto !important;
        padding: 0 !important
    }

    .search-links-list li {
        border-bottom: 1px solid rgba(0, 0, 0, .08)
    }
}

.search-links-list {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.search-links-list li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.search-links-list a {
    color: #2d2d2e;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    padding: .75rem 0;
    position: relative;
    text-decoration: none
}

.search-links-list a:focus,
.search-links-list a:hover {
    color: #c8322b
}

.suggested-result {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5vmin
}

@media screen and (min-width:70em) {
    .suggested-result {
        padding: 3vmin
    }
}

.suggested-result-image {
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, .08);
    display: inline-block;
    -ms-flex-preferred-size: 14rem;
    flex-basis: 14rem;
    margin-right: 5vmin;
    padding: .25rem
}

@media screen and (min-width:70em) {
    .suggested-result-image {
        margin-right: 3vmin
    }
}

.suggested-result-image img {
    vertical-align: middle
}

.suggested-result-detail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20rem;
    flex: 1 1 20rem;
    margin: 1rem 0
}

.suggested-result-detail :first-child {
    margin-top: 0
}

.suggested-result-detail :last-child {
    margin-bottom: 0
}

.suggested-result-title {
    color: #2d2d2e;
    font-weight: 600;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .suggested-result-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .suggested-result-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .suggested-result-title,
.text-white .suggested-result-title {
    color: #fff
}

.suggested-result-description {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .suggested-result-description {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .suggested-result-description {
        font-size: 1.25rem
    }
}

.com-search-manufacturer,
.com-search-material {
    background-color: #f7f7f7;
    padding: 5vmin
}

.com-search-type-label {
    color: #2d2d2e;
    font-weight: 600;
    margin-right: auto;
    font-size: 1.125rem
}

.content-carousel-subtitle,
.quick-ship-styles .product-card-overlay-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media screen and (min-width:30em) {
    .com-search-type-label {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .com-search-type-label {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .com-search-type-label,
.text-white .com-search-type-label {
    color: #fff
}

.com-search-material .surface-materials-search-type input[type=radio]+label {
    margin: 0 0 0 1rem
}

.com-search-manufacturer button,
.com-search-material button {
    margin-top: 1rem
}

@media screen and (min-width:70em) {

    .com-search-manufacturer,
    .com-search-material {
        padding: 3vmin 5vmin
    }

    .quick-ship-header.stuck {
        background-color: #f7f7f7;
        border-bottom: 3px solid rgba(0, 0, 0, .08);
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 100
    }

    .quick-ship-header.stuck .quick-ship-header-content {
        border: none
    }
}

.quick-ship-header-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin
}

@media screen and (min-width:70em) {
    .quick-ship-header-wrap {
        padding-left: 3vmin;
        padding-right: 3vmin
    }

    .quick-ship-header-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.quick-ship-header-content {
    border-bottom: 3px solid rgba(0, 0, 0, .08);
    padding: 1em 0
}

.quick-ship-header-title {
    border: none;
    margin: 0
}

.quick-ship-header-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .5rem
}

@media screen and (min-width:70em) {
    .quick-ship-header-title {
        margin-right: 3rem
    }

    .quick-ship-header-btns {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 0
    }
}

.quick-ship-header-btns a {
    margin: .5rem .5rem 0 0
}

@media screen and (min-width:70em) {
    .quick-ship-header-btns a {
        margin: 0 0 0 .5rem
    }
}

.content-carousel-card>:first-child,
.form .errors :first-child,
.quick-ship-heading,
[class*=message-] :first-child {
    margin-top: 0
}

.quick-ship-count {
    color: #5a5b5c;
    font-size: 1rem;
    font-weight: 400
}

.quick-ship-styles .product-card a {
    font-weight: 300;
    overflow: hidden;
    position: relative;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .quick-ship-styles .product-card a {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .quick-ship-styles .product-card a {
        font-size: 1.25rem
    }
}

.quick-ship-styles .product-card a:after {
    background-color: #5a5b5c;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    width: 100%;
    z-index: 1
}

.quick-ship-styles .product-card a:focus,
.quick-ship-styles .product-card a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.quick-ship-styles .product-card a:focus:after,
.quick-ship-styles .product-card a:hover:after {
    opacity: .8
}

.quick-ship-styles .product-card a:focus .product-card-image,
.quick-ship-styles .product-card a:hover .product-card-image {
    -webkit-filter: blur(6px);
    filter: blur(6px);
    opacity: .8;
    -webkit-transform: scale(1.15) translateY(6%);
    transform: scale(1.15) translateY(6%)
}

.quick-ship-styles .product-card a:focus .product-card-title,
.quick-ship-styles .product-card a:hover .product-card-title {
    opacity: 0
}

.quick-ship-styles .product-card a:focus .product-card-overlay,
.quick-ship-styles .product-card a:hover .product-card-overlay {
    opacity: 1
}

.quick-ship-styles .product-card a:focus .product-card-overlay-icon,
.quick-ship-styles .product-card a:focus .product-card-overlay-title,
.quick-ship-styles .product-card a:hover .product-card-overlay-icon,
.quick-ship-styles .product-card a:hover .product-card-overlay-title {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.quick-ship-styles .product-card-overlay {
    left: 0;
    opacity: 0;
    padding: 10%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 2
}

.quick-ship-styles .product-card-overlay-title {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375;
    color: #fff;
    display: block;
    opacity: 0;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.spec-sheet-pdf-project .quick-ship-styles .product-card-overlay-title,
.text-white .quick-ship-styles .product-card-overlay-title {
    color: #fff
}

.quick-ship-styles .product-card-overlay-icon {
    fill: #fff;
    height: 1rem;
    margin: 0;
    opacity: 0;
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem);
    -webkit-transition: .4s all ease-out;
    transition: .4s all ease-out;
    width: 1rem
}

.quick-ship-styles .product-card-title {
    -webkit-transition: .3s opacity ease-out;
    transition: .3s opacity ease-out
}

.quick-ship-styles .product-card-image {
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.unit>.quick-ship-swatch-grid:last-child {
    margin-bottom: -2%
}

@media screen and (min-width:30em) {
    .quick-ship-swatch-grid .swatch-grid-item {
        margin-bottom: 2%
    }
}

.content-carousel-card>:last-child,
.form .errors :last-child,
[class*=message-] :last-child {
    margin-bottom: 0
}

.quick-ship-modal {
    display: none;
    max-width: 95%;
    padding: 0;
    position: relative;
    width: 65rem
}

.quick-ship-modal-image {
    padding: 1.5rem
}

@media screen and (min-width:56em) {
    .quick-ship-modal-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .quick-ship-modal-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%;
        max-width: 40rem;
        padding: 3rem
    }
}

.quick-ship-modal-image img {
    display: block;
    width: 100%
}

.quick-ship-modal-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5vmin
}

@media screen and (min-width:70em) {
    .quick-ship-modal-info {
        padding: 3vmin
    }
}

.qs-toggle-trigger {
    cursor: pointer;
    color: #c8322b
}

.qs-toggle-trigger:focus,
.qs-toggle-trigger:hover {
    color: #2d2d2e
}

.qs-toggle-trigger:after {
    color: #2d2d2e;
    content: '+';
    font-size: .75em;
    padding-left: .5em;
    vertical-align: middle
}

.qs-toggle-trigger.active:after {
    content: '-'
}

.qs-toggle-target {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out
}

.qs-toggle-target.active {
    max-height: 40em
}

.form .errors,
[class*=message-] {
    font-weight: 300;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: .25rem;
    border-left: .5rem solid #5a5b5c;
    color: #2d2d2e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 1.5rem;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {

    .form .errors,
    [class*=message-] {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {

    .form .errors,
    [class*=message-] {
        font-size: 1.25rem
    }
}

.form .errors:before,
[class*=message-]:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #5a5b5c;
    border-radius: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    font-weight: 600;
    height: 1.75em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    margin-right: .75em;
    min-height: 1.75em;
    min-width: 1.75em;
    text-align: center;
    width: 1.75em
}

.form .errors,
.message-error {
    background-color: rgba(200, 50, 43, .08);
    border-color: #c8322b
}

.form .errors:before,
.message-error:before {
    background-color: #c8322b;
    content: '\00d7';
    font-weight: 600
}

.message-success {
    background-color: rgba(15, 145, 89, .07);
    border-color: #0f9159
}

.message-success:before {
    background-color: #0f9159;
    content: '\2713';
    font-family: Arial, sans-serif
}

.message-info:before,
.message-warning:before {
    font-family: Georgia, Times, "Times New Roman", serif
}

.message-warning {
    background-color: rgba(249, 160, 6, .11);
    border-color: #f9a006
}

.message-warning:before {
    background-color: #f9a006;
    content: '!';
    font-weight: 600
}

.message-warning h3 {
    color: #fff
}

.message-warning .tip-warning {
    border: 1px solid #fff
}

.message-info {
    background-color: #f7f7f7
}

.message-info:before {
    content: 'i'
}

.content-carousel .image-cta:after,
.message-download:before {
    content: none
}

.message-download {
    background-color: #f9a006;
    color: #2d2d2e
}

.message-download .loader {
    border-color: rgba(255, 255, 255, .2);
    border-top-color: #fff;
    border-width: .25em;
    font-size: 1.25rem;
    height: 1.75em;
    margin-right: .75em;
    width: 1.75em
}

.message-overlay {
    background-color: #fff;
    border-top: solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-width: .375rem 0 0;
    -webkit-box-shadow: 0 .5em 3em rgba(0, 0, 0, .2);
    box-shadow: 0 .5em 3em rgba(0, 0, 0, .2);
    color: #2d2d2e;
    left: 50%;
    max-width: 30em;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    width: 95%;
    z-index: 99998
}

.message-overlay.active {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.form .message-overlay.errors,
.message-overlay.message-error {
    border-color: #c8322b
}

.form .message-overlay.errors:before,
.message-overlay.message-error:before {
    background-color: #c8322b;
    color: #fff
}

.message-overlay.message-success {
    border-color: #0f9159
}

.message-overlay.message-success:before {
    background-color: #0f9159;
    color: #fff
}

.message-overlay.message-info {
    border-top-color: #5a5b5c
}

.message-overlay.message-info:before {
    background-color: #5a5b5c;
    color: #fff
}

.message-overlay.message-download {
    border-color: #f9a006
}

.message-overlay.message-download .loader {
    border-color: rgba(45, 45, 46, .12);
    border-top-color: rgba(45, 45, 46, .47)
}

.message-overlay.message-warning {
    border-color: #f9a006
}

.message-overlay.message-warning:before {
    background-color: #f9a006;
    color: #fff
}

.message-overlay,
.message-overlay p {
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.content-carousel {
    position: relative
}

.content-carousel-item:not(:first-child) {
    display: none
}

.content-carousel .slick-initialized .content-carousel-item {
    display: block
}

@media screen and (min-width:56em) {
    .content-carousel-card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 3rem
    }
}

.content-carousel-media {
    margin-bottom: 5vmin
}

.content-carousel-media img {
    display: block;
    width: 100%
}

@media screen and (min-width:56em) {
    .content-carousel-media img {
        margin: 0 0 0 auto
    }

    .content-carousel-media {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin: 0 0 0 5vmin;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .content-carousel-teaser {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media screen and (min-width:70em) {
    .content-carousel-media {
        margin-left: 3vmin
    }
}

.large-text .content-carousel-teaser {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .large-text .content-carousel-teaser {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .large-text .content-carousel-teaser {
        font-size: 1.25rem
    }
}

.content-carousel-subtitle {
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375;
    margin: 0
}

.content-carousel-title,
.stat-card .stat-value {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal
}

.spec-sheet-pdf-project .content-carousel-subtitle,
.text-white .content-carousel-subtitle {
    color: #fff
}

.content-carousel-title {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.625;
    margin: 0;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .content-carousel-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .content-carousel-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .content-carousel-title,
.text-white .content-carousel-title {
    color: #fff
}

.content-carousel-more {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding-top: 1.5rem
}

@media screen and (min-width:56em) {
    .content-carousel-more {
        margin-top: 5vmin
    }
}

@media screen and (min-width:70em) {
    .content-carousel-more {
        margin-top: 3vmin
    }
}

.spec-sheet-pdf-project .content-carousel-more,
.text-white .content-carousel-more {
    border-color: rgba(255, 255, 255, .2)
}

.content-carousel-link {
    font-size: 1rem;
    font-weight: 600
}

.content-carousel-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem
}

@media screen and (min-width:56em) {
    .content-carousel-nav {
        border-top: none;
        margin-top: 0
    }
}

.spec-sheet-pdf-project .content-carousel-nav,
.text-white .content-carousel-nav {
    border-color: rgba(255, 255, 255, .2)
}

.content-carousel-nav .slick-arrow {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    height: auto;
    padding: .875em 1.25em;
    position: static;
    -webkit-transform: none;
    transform: none;
    width: auto
}

.content-carousel-nav .slick-arrow:focus,
.content-carousel-nav .slick-arrow:hover {
    color: #c8322b
}

@media screen and (min-width:56em) {
    .content-carousel-nav .slick-arrow {
        padding: 1em .5em;
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.cc-btn,
.typeahead-suggestion {
    position: relative;
    text-decoration: none
}

.spec-sheet-pdf-project .content-carousel-nav .slick-arrow,
.text-white .content-carousel-nav .slick-arrow {
    color: #fff;
    opacity: .8
}

.spec-sheet-pdf-project .content-carousel-nav .slick-arrow:focus,
.spec-sheet-pdf-project .content-carousel-nav .slick-arrow:hover,
.text-white .content-carousel-nav .slick-arrow:focus,
.text-white .content-carousel-nav .slick-arrow:hover {
    opacity: 1
}

@media screen and (min-width:56em) {

    .spec-sheet-pdf-project .content-carousel-nav .slick-arrow,
    .text-white .content-carousel-nav .slick-arrow {
        opacity: .6
    }

    .spec-sheet-pdf-project .content-carousel-nav .slick-arrow:focus,
    .spec-sheet-pdf-project .content-carousel-nav .slick-arrow:hover,
    .text-white .content-carousel-nav .slick-arrow:focus,
    .text-white .content-carousel-nav .slick-arrow:hover {
        opacity: 1
    }
}

.spec-sheet-pdf-project .content-carousel-nav .slick-arrow.slick-disabled,
.text-white .content-carousel-nav .slick-arrow.slick-disabled {
    opacity: 0
}

.content-carousel-nav .slick-arrow svg {
    display: inline-block;
    height: .6875em;
    vertical-align: middle;
    width: .3125em
}

.content-carousel-nav .slick-arrow.next:before {
    font-weight: 300;
    content: 'Next';
    margin-right: .5em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .content-carousel-nav .slick-arrow.next:before {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .content-carousel-nav .slick-arrow.next:before {
        font-size: 1.25rem
    }
}

@media screen and (min-width:56em) {
    .content-carousel-nav .slick-arrow svg {
        display: block;
        height: 1.5625em;
        width: .75em
    }

    .content-carousel-nav .slick-arrow.next:before {
        content: none
    }
}

.content-carousel-nav .slick-arrow.prev:after {
    font-weight: 300;
    content: 'Prev';
    margin-left: .5em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .content-carousel-nav .slick-arrow.prev:after {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .content-carousel-nav .slick-arrow.prev:after {
        font-size: 1.25rem
    }
}

@media screen and (min-width:56em) {
    .content-carousel-nav .slick-arrow.prev:after {
        content: none
    }
}

@media screen and (min-width:110em) {

    :not(.custom-row-block)>.inner .content-carousel-card,
    :not(.custom-row-block)>.inner-narrow .content-carousel-card {
        padding: 0
    }

    :not(.custom-row-block)>.inner .content-carousel-nav .slick-arrow.next,
    :not(.custom-row-block)>.inner-narrow .content-carousel-nav .slick-arrow.next {
        left: 100%;
        margin-left: 3vmin;
        right: auto
    }

    :not(.custom-row-block)>.inner .content-carousel-nav .slick-arrow.prev,
    :not(.custom-row-block)>.inner-narrow .content-carousel-nav .slick-arrow.prev {
        left: auto;
        margin-right: 3vmin;
        right: 100%
    }
}

.twitter-typeahead {
    display: block !important
}

.stats,
.typeahead-suggestion {
    display: -webkit-box;
    display: -ms-flexbox
}

input[type=text].typeahead-hint,
input[type=search].typeahead-hint {
    color: #5a5b5c
}

.typeahead-menu {
    background-color: #fff;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0 .375em 1.5em rgba(0, 0, 0, .03), 0 .625em 3em rgba(0, 0, 0, .08);
    box-shadow: 0 .375em 1.5em rgba(0, 0, 0, .03), 0 .625em 3em rgba(0, 0, 0, .08);
    max-height: 25rem;
    min-width: 100%;
    overflow-y: auto
}

.typeahead-suggestion {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    padding: 1rem
}

.typeahead-suggestion.tt-cursor,
.typeahead-suggestion:focus,
.typeahead-suggestion:hover {
    background-color: #f7f7f7
}

.typeahead-suggestion.tt-cursor .typeahead-title,
.typeahead-suggestion:focus .typeahead-title,
.typeahead-suggestion:hover .typeahead-title {
    color: #2d2d2e
}

.typeahead-suggestion.tt-cursor .typeahead-title span:not(.no-wrap),
.typeahead-suggestion:focus .typeahead-title span:not(.no-wrap),
.typeahead-suggestion:hover .typeahead-title span:not(.no-wrap) {
    border-bottom: 1px solid
}

.typeahead-img {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .08);
    margin-right: 1rem;
    max-width: 6rem;
    padding: .25rem;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%
}

.typeahead-img img {
    display: block;
    margin: 0 auto
}

.typeahead-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.typeahead-title {
    color: #c8322b
}

.tt-no-results {
    font-style: italic;
    padding: 1rem
}

.cc-window {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.75
}

.cc-message p {
    margin: 0
}

.cc-btn {
    background-color: transparent;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.5;
    max-width: 25em;
    overflow: hidden;
    padding: .625em 1.75em;
    transition: .2s all ease-out;
    vertical-align: middle;
    border: 2px solid #5a5b5c;
    color: #5a5b5c;
    font-size: 1em
}

.cc-btn [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.cc-btn .icon-close {
    height: .75em;
    width: .75em
}

.cc-btn .icon-download {
    height: 1em;
    width: 1em
}

.cc-btn:focus,
.cc-btn:hover {
    text-decoration: none;
    background-color: #5a5b5c;
    border-color: #5a5b5c;
    color: #fff
}

.cc-link {
    display: none
}

.stats {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stats .stat-card {
    margin: .5em
}

.stat-card {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 400;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 3rem 2rem;
    width: 18em
}

.chat-btn,
.chat-menu {
    border-radius: .25rem
}

.stat-card .stat-img {
    display: block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 1.5em
}

.stat-card .stat-img img {
    display: block;
    margin: 0 auto
}

.stat-card .stat-value {
    color: #2d2d2e;
    font-weight: 600;
    display: block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    line-height: 1.1;
    font-size: 2.5rem
}

@media screen and (min-width:30em) {
    .stat-card .stat-value {
        font-size: calc(2.5rem + 1 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .stat-card .stat-value {
        font-size: 3.5rem
    }
}

.chat-btn,
.chat-heading {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .875rem
}

.stat-card .stat-link {
    font-weight: 600;
    margin: .75em 0 -1em
}

.stat-card .stat-link:before {
    background-color: #2d2d2e;
    content: '';
    display: block;
    height: .075em;
    margin: 0 auto .75em;
    max-height: 3px;
    min-height: 2px;
    min-width: 32px;
    opacity: .12;
    width: 1em
}

.author-card-bio :last-child,
.chat-menu,
.stat-card .stat-description :last-child {
    margin-bottom: 0
}

.stat-card .stat-description {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    line-height: 1.5;
    margin-top: .5em
}

.author-card-bio :first-child,
.chat-menu,
.stat-card .stat-description :first-child {
    margin-top: 0
}

.stat-description .heading3,
.stat-description .heading4,
.stat-description .heading5 {
    display: block;
    margin: 0
}

.spec-sheet-pdf-project .stat-card,
.text-white .stat-card {
    border-color: rgba(255, 255, 255, .2)
}

.spec-sheet-pdf-project .stat-card .stat-value,
.text-white .stat-card .stat-value {
    color: #2d2d2e
}

.spec-sheet-pdf-project .stat-card .stat-description,
.spec-sheet-pdf-project .stat-description .heading3,
.spec-sheet-pdf-project .stat-description .heading4,
.spec-sheet-pdf-project .stat-description .heading5,
.text-white .stat-card .stat-description,
.text-white .stat-description .heading3,
.text-white .stat-description .heading4,
.text-white .stat-description .heading5 {
    color: #5a5b5c
}

.spec-sheet-pdf-project .stat-card a,
.text-white .stat-card a {
    color: #c8322b
}

.spec-sheet-pdf-project .stat-card a:focus,
.spec-sheet-pdf-project .stat-card a:hover,
.text-white .stat-card a:focus,
.text-white .stat-card a:hover {
    color: #2d2d2e
}

.chat-btn,
.chat-menu a,
.spec-sheet-pdf-project .chat-btn,
.spec-sheet-pdf-project .chat-heading,
.text-white .chat-btn,
.text-white .chat-heading {
    color: #fff
}

.chat {
    bottom: .5rem;
    position: fixed;
    right: .5rem;
    z-index: 9000
}

@media screen and (min-width:56em) {
    .chat {
        bottom: 1rem;
        right: 1rem
    }
}

.chat.active .chat-btn {
    background-color: #c8322b;
    -webkit-box-shadow: none;
    box-shadow: none
}

.chat.active .chat-menu {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-.25rem);
    transform: scale(1) translateY(-.25rem)
}

.chat-btn {
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #5a5b5c;
    -webkit-box-shadow: 0 0 0 .125rem rgba(255, 255, 255, .15);
    box-shadow: 0 0 0 .125rem rgba(255, 255, 255, .15);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6.5rem
}

.chat-btn:focus,
.chat-btn:hover {
    background-color: #2d2d2e;
    -webkit-box-shadow: none;
    box-shadow: none
}

.chat-btn svg {
    display: inline-block;
    fill: #fff;
    height: 19px;
    margin-right: .5rem;
    width: 20px
}

.chat-menu {
    list-style-type: none;
    padding-left: 0;
    background: #5a5b5c;
    bottom: 100%;
    -webkit-box-shadow: 0 0 0 .125rem rgba(255, 255, 255, .15);
    box-shadow: 0 0 0 .125rem rgba(255, 255, 255, .15);
    opacity: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    width: 14rem;
    z-index: 10000
}

.chat-menu li+li a {
    border-top: 1px solid rgba(255, 255, 255, .15)
}

.chat-menu a {
    display: block;
    padding: .75rem 1rem;
    text-decoration: none;
    -webkit-transition: .1s all ease-out;
    transition: .1s all ease-out
}

.author-card,
.chat-heading {
    display: -webkit-box;
    display: -ms-flexbox
}

.chat-menu a:focus,
.chat-menu a:hover {
    background-color: rgba(255, 255, 255, .15)
}

.chat-heading {
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem
}

.chat-hours,
.chat-status-text {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.375;
    font-size: .8125em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.chat-hours {
    color: #5a5b5c;
    color: rgba(255, 255, 255, .85)
}

.spec-sheet-pdf-project .chat-hours,
.spec-sheet-pdf-project .chat-status-text,
.text-white .chat-hours,
.text-white .chat-status-text {
    color: #fff
}

[class^=chat-status-] a {
    padding-left: 2.25rem;
    position: relative
}

[class^=chat-status-] a:before {
    border: .125rem solid #fff;
    border-radius: 100%;
    content: '';
    display: block;
    height: .75rem;
    left: 1rem;
    position: absolute;
    top: 1.0625rem;
    width: .75rem
}

.chat-status-online a:before {
    background-color: #0f9159
}

.chat-status-offline a {
    opacity: .8
}

.chat-status-offline a:before {
    opacity: .5
}

.chat-status-text {
    color: #fff;
    display: block
}

.author-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    gap: .625em
}

.author-card-imgs,
.blog-card-content {
    display: -webkit-box;
    display: -ms-flexbox
}

a.author-card {
    text-decoration: none
}

a.author-card:focus .author-card-name,
a.author-card:hover .author-card-name {
    color: #c8322b
}

a.author-card:focus .author-card-img,
a.author-card:hover .author-card-img {
    -webkit-box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .08);
    box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .08)
}

.author-card-imgs {
    display: flex
}

.author-card-img {
    border: .1875rem solid #fff;
    border-radius: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3em;
    flex: 0 0 3em;
    overflow: hidden;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: 3em
}

.author-card-img img {
    display: block;
    width: 100%
}

.author-card-img+.author-card-img {
    margin-left: -.625em
}

.author-card-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.author-card-name {
    color: #2d2d2e;
    display: block;
    font-weight: 600;
    line-height: 1.5
}

.author-card-featured .author-card-title,
.author-card-title {
    line-height: 1.375;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.spec-sheet-pdf-project .author-card-name,
.text-white .author-card-name {
    color: #fff
}

.author-card-title {
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase;
    display: block
}

.spec-sheet-pdf-project .author-card-title,
.text-white .author-card-title {
    color: #fff
}

.author-card-bio p {
    margin-top: 1em
}

.author-card-full {
    border-top: 1px solid rgba(0, 0, 0, .08);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 3rem;
    padding-top: 3rem
}

@media screen and (min-width:30em) {
    .author-card-full {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.author-card-featured,
.author-card-full .author-card-img img {
    display: block
}

.author-card-full .author-card-img {
    border-width: .25rem;
    -webkit-box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .08);
    box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .08);
    margin: 0 0 1em;
    max-width: 300px;
    width: auto
}

@media screen and (min-width:30em) {
    .author-card-full .author-card-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8em;
        flex: 0 0 8em;
        margin-right: 1em;
        width: 8em
    }
}

.author-card-full .author-card-name {
    display: block;
    margin-bottom: .125rem
}

@media screen and (min-width:56em) {
    .author-card-featured {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.author-card-featured .author-card-img img,
a.blog-card {
    display: block
}

.author-card-featured .author-card-img {
    border-width: .25rem;
    -webkit-box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .08);
    box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .08);
    margin: 0 0 1em;
    max-width: 300px;
    width: auto
}

@media screen and (min-width:56em) {
    .author-card-featured .author-card-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12em;
        flex: 0 0 12em;
        margin-right: 1.5em;
        width: 12em
    }
}

@media screen and (min-width:70em) {
    .author-card-featured .author-card-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20em;
        flex: 0 0 20em;
        margin-right: 3em;
        width: 20em
    }
}

.author-card-featured .author-card-name {
    display: block;
    margin-bottom: .125rem
}

.author-card-featured .author-card-title {
    color: #2d2d2e;
    font-weight: 600;
    letter-spacing: normal;
    font-size: 1.375rem
}

@media screen and (min-width:30em) {
    .author-card-featured .author-card-title {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .author-card-featured .author-card-title {
        font-size: 1.75rem
    }
}

.spec-sheet-pdf-project .author-card-featured .author-card-title,
.text-white .author-card-featured .author-card-title {
    color: #fff
}

.author-card-featured .author-card-bio p {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .author-card-featured .author-card-bio p {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .author-card-featured .author-card-bio p {
        font-size: 1.25rem
    }
}

.author-card-title+.author-card-bio {
    margin-top: 1em
}

.author-list .author-card+.author-card {
    margin-top: 1.5em
}

a.blog-card {
    background-color: #f7f7f7;
    border-bottom: none;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

a.blog-card:focus,
a.blog-card:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    position: relative;
    -webkit-transform: translateY(-.25rem);
    transform: translateY(-.25rem)
}

a.blog-card:focus .arrow-link,
a.blog-card:hover .arrow-link {
    color: #2d2d2e
}

a.blog-card:focus .arrow-link span:not(.no-wrap),
a.blog-card:hover .arrow-link span:not(.no-wrap) {
    border-bottom: 1px solid
}

.blog-grid.is-loading a.blog-card {
    min-height: 15rem;
    position: relative;
    z-index: 10
}

.blog-grid.is-loading a.blog-card>* {
    opacity: 0
}

.blog-grid.is-loading a.blog-card:before {
    -webkit-animation: loader 1s infinite linear;
    animation: loader 1s infinite linear;
    border: .5em solid rgba(45, 45, 46, .47);
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-top-color: transparent;
    border-width: .125rem;
    content: '';
    display: block;
    height: 1.5rem;
    left: 50%;
    margin: -.75rem 0 0 -.75rem;
    position: absolute;
    top: 50%;
    width: 1.5rem
}

.blog-card-content>:last-child,
.blog-card-tags {
    margin-bottom: 0
}

.blog-card-img {
    background: #ededed;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.blog-card-content {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1.25rem 1.5rem
}

.blog-card-tags,
.breadcrumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    list-style-type: none
}

.blog-card-content>:first-child {
    margin-top: 0
}

@media screen and (min-width:30em) {
    .blog-card-content {
        padding: 2rem 2.5rem
    }
}

.blog-card-tags {
    margin-top: 0;
    padding-left: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: flex;
    gap: 0 .5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.35
}

.blog-card-date,
.blog-card-tags li {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.125;
    text-transform: uppercase
}

.blog-card-tags li {
    margin: .125rem 0
}

.blog-card-tags li+li:before {
    content: '\2022';
    opacity: .5;
    padding-right: .5rem
}

.blog-card-date {
    display: block;
    margin-bottom: .25rem
}

.blog-card-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    color: #c8322b;
    display: block;
    margin-bottom: 1.5rem;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .blog-card-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .blog-card-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .blog-card-title,
.text-white .blog-card-title {
    color: #fff
}

.blog-card .author-card-name,
a.topic-list-tag {
    color: #5a5b5c;
    font-weight: 600;
    font-size: .875rem
}

.blog-card-teaser {
    margin: -.5rem 0 1.5rem
}

.blog-card-footer {
    margin-top: auto
}

.blog-card .author-card {
    border-top: 1px solid rgba(0, 0, 0, .08);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -.5rem;
    margin-top: .5rem;
    padding-top: .5rem
}

.blog-card .author-card-img img {
    aspect-ratio: 1/1;
    background: #ededed;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-card .author-card-info {
    min-width: 60%
}

.blog-list [v-cloak],
.blog-list>.loader {
    display: none
}

.blog-list .loader[v-cloak] {
    display: block
}

.blog-list>.loader {
    margin: 4rem auto
}

@media screen and (min-width:56em) {
    .blog-grid.is-loading:empty:before {
        -webkit-animation: loader 1s infinite linear;
        animation: loader 1s infinite linear;
        border: .5em solid rgba(45, 45, 46, .12);
        border-radius: 50%;
        border-top-color: rgba(45, 45, 46, .47);
        display: block;
        height: 4em;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 4em;
        content: '';
        margin: 4rem auto
    }
}

.topic-list-header {
    margin-top: 0
}

a.topic-list-tag {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: .25rem;
    display: inline-block;
    margin-bottom: .25rem;
    padding: .375em .75em;
    text-decoration: none;
    vertical-align: top
}

a.topic-list-tag:focus,
a.topic-list-tag:hover {
    background-color: #5a5b5c;
    border-color: #5a5b5c;
    color: #fff
}

.prod-comp,
.prod-comp tr {
    border: none
}

a.topic-list-tag.active {
    background-color: #c8322b;
    color: #fff
}

.breadcrumbs {
    -webkit-box-shadow: inset 0 1.25rem 1.25rem -1.25rem rgba(0, 0, 0, .08), inset 0 .375rem .375rem -.375rem rgba(0, 0, 0, .05);
    box-shadow: inset 0 1.25rem 1.25rem -1.25rem rgba(0, 0, 0, .08), inset 0 .375rem .375rem -.375rem rgba(0, 0, 0, .05);
    padding: .75rem 0
}

.breadcrumbs ul {
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .875rem;
    margin: 0 auto
}

@media screen and (min-width:70em) {
    .breadcrumbs ul {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

.breadcrumbs li:not(:last-child) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%2019%22%20width%3D%224%22%20height%3D%227%22%3E%3Cpath%20fill%3D%22%23626262%22%20d%3D%22M9%209.4c0%201-.5%201.9-1%202.6l-6.8%206.7c-.3.3-.7.3-1%200s-.3-.7%200-1L7%2011.1c.9-.9.9-2.1%200-3L.2%201.2C-.1.9-.1.5.2.2s.7-.3%201%200L8%206.9c.5.6%201%201.5%201%202.5z%22%2F%3E%3C%2Fsvg%3E");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 4px 7px;
    margin-right: .75rem;
    padding-right: 1rem
}

.breadcrumbs a {
    color: #5a5b5c;
    line-height: 1.375;
    text-decoration: none
}

.breadcrumbs a:focus,
.breadcrumbs a:hover {
    color: #2d2d2e
}

.timeline-carousel {
    font-size: 1rem;
    font-weight: 400;
    margin: 0 auto;
    max-width: 100rem
}

@media screen and (min-width:30em) {
    .timeline-carousel {
        padding: 0 2rem
    }
}

@media screen and (min-width:70em) {
    .timeline-carousel {
        padding: 0 3rem
    }
}

.timeline-carousel .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3rem 0
}

.prod-comp td,
.prod-comp th,
.timeline-card-content {
    padding: 1.5rem
}

.timeline-carousel .slick-arrow {
    -webkit-box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .05), 0 0 2rem rgba(0, 0, 0, .08);
    box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .05), 0 0 2rem rgba(0, 0, 0, .08);
    font-size: .5rem
}

@media screen and (min-width:30em) {
    .timeline-carousel .slick-arrow {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: .625rem
    }

    .spec-sheet-pdf-project .timeline-carousel .slick-arrow,
    .text-white .timeline-carousel .slick-arrow {
        color: #fff;
        opacity: .65
    }

    .spec-sheet-pdf-project .timeline-carousel .slick-arrow:focus,
    .spec-sheet-pdf-project .timeline-carousel .slick-arrow:hover,
    .text-white .timeline-carousel .slick-arrow:focus,
    .text-white .timeline-carousel .slick-arrow:hover {
        opacity: 1
    }

    .spec-sheet-pdf-project .timeline-carousel .slick-arrow.slick-disabled,
    .text-white .timeline-carousel .slick-arrow.slick-disabled {
        opacity: 0
    }
}

.timeline-carousel .slick-arrow.next {
    right: -1rem
}

.timeline-carousel .slick-arrow.prev {
    left: -1rem
}

.timeline-carousel-item {
    background: #fff;
    float: none;
    height: auto;
    position: relative;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: .5s all ease-out;
    transition: .5s all ease-out
}

.timeline-carousel-item:not(:first-child) {
    display: none
}

.timeline-carousel.slick-initialized .timeline-carousel-item:not(:first-child) {
    display: block
}

.timeline-carousel-item.slick-current {
    z-index: 50
}

.timeline-carousel-item.slick-current .timeline-carousel-card {
    opacity: 1
}

.timeline-carousel-item.slick-current~.timeline-carousel-item {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.timeline-carousel-item.slick-current+.timeline-carousel-item {
    -webkit-transform: scale(.925) translateX(-50%);
    transform: scale(.925) translateX(-50%);
    z-index: 40
}

.timeline-carousel-item.slick-current+.timeline-carousel-item .timeline-carousel-card {
    opacity: 0
}

@media screen and (min-width:30em) {
    .timeline-carousel-item.slick-current+.timeline-carousel-item .timeline-carousel-card {
        opacity: .8
    }
}

.timeline-carousel-item.slick-current+.timeline-carousel-item+.timeline-carousel-item {
    -webkit-transform: scale(.85) translateX(-112%);
    transform: scale(.85) translateX(-112%);
    z-index: 30
}

.timeline-carousel-item.slick-current+.timeline-carousel-item+.timeline-carousel-item .timeline-carousel-card {
    opacity: 0
}

@media screen and (min-width:30em) {
    .timeline-carousel-item.slick-current+.timeline-carousel-item+.timeline-carousel-item .timeline-carousel-card {
        opacity: .6
    }
}

.timeline-carousel-item.slick-current+.timeline-carousel-item+.timeline-carousel-item+.timeline-carousel-item {
    -webkit-transform: scale(.775) translateX(-190%);
    transform: scale(.775) translateX(-190%);
    z-index: 20
}

.timeline-carousel-item.slick-current+.timeline-carousel-item+.timeline-carousel-item+.timeline-carousel-item .timeline-carousel-card {
    opacity: 0
}

@media screen and (min-width:30em) {
    .timeline-carousel-item.slick-current+.timeline-carousel-item+.timeline-carousel-item+.timeline-carousel-item .timeline-carousel-card {
        opacity: .4
    }
}

.timeline-carousel-item.slick-current+.timeline-carousel-item+.timeline-carousel-item+.timeline-carousel-item+.timeline-carousel-item {
    -webkit-transform: scale(.7) translateX(-295%);
    transform: scale(.7) translateX(-295%);
    z-index: 10
}

.timeline-carousel-item.slick-current+.timeline-carousel-item+.timeline-carousel-item+.timeline-carousel-item+.timeline-carousel-item .timeline-carousel-card {
    opacity: 0
}

@media screen and (min-width:30em) {
    .timeline-carousel-item.slick-current+.timeline-carousel-item+.timeline-carousel-item+.timeline-carousel-item+.timeline-carousel-item .timeline-carousel-card {
        opacity: .2
    }
}

.timeline-carousel-item.offset1 {
    -webkit-transform: scale(.925) translateX(50%);
    transform: scale(.925) translateX(50%);
    z-index: 40
}

.timeline-carousel-item.offset1 .timeline-carousel-card {
    opacity: 0
}

@media screen and (min-width:30em) {
    .timeline-carousel-item.offset1 .timeline-carousel-card {
        opacity: .8
    }
}

.timeline-carousel-item.offset2 {
    -webkit-transform: scale(.85) translateX(112%);
    transform: scale(.85) translateX(112%);
    z-index: 30
}

.timeline-carousel-item.offset2 .timeline-carousel-card {
    opacity: 0
}

@media screen and (min-width:30em) {
    .timeline-carousel-item.offset2 .timeline-carousel-card {
        opacity: .6
    }
}

.timeline-carousel-item.offset3 {
    -webkit-transform: scale(.775) translateX(190%);
    transform: scale(.775) translateX(190%);
    z-index: 20
}

.timeline-carousel-item.offset3 .timeline-carousel-card {
    opacity: 0
}

@media screen and (min-width:30em) {
    .timeline-carousel-item.offset3 .timeline-carousel-card {
        opacity: .4
    }
}

.timeline-carousel-item.offset4 {
    -webkit-transform: scale(.7) translateX(295%);
    transform: scale(.7) translateX(295%);
    z-index: 10
}

.timeline-carousel-item.offset4 .timeline-carousel-card {
    opacity: 0
}

@media screen and (min-width:30em) {
    .timeline-carousel-item.offset4 .timeline-carousel-card {
        opacity: .2
    }
}

.timeline-carousel-item.slick-current {
    -webkit-transform: none;
    transform: none
}

.timeline-carousel-card {
    background: #fff;
    -webkit-box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .05), 0 0 2rem rgba(0, 0, 0, .08);
    box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .05), 0 0 2rem rgba(0, 0, 0, .08);
    color: #5a5b5c;
    height: 100%;
    opacity: .25;
    text-align: left;
    -webkit-transition: .5s opacity ease-out;
    transition: .5s opacity ease-out;
    width: calc(100vw - 4rem - 10vmin)
}

@media screen and (min-width:30em) {
    .timeline-carousel-card {
        width: 20rem
    }
}

@media screen and (min-width:56em) {
    .timeline-carousel .slick-arrow {
        font-size: .75em
    }

    .timeline-carousel-card {
        width: 24rem
    }
}

.timeline-card-content>:first-child {
    margin-top: 0
}

.timeline-card-content>:last-child {
    margin-bottom: 0
}

.timeline-card-img {
    display: block;
    width: 100%
}

.timeline-card-date {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    display: block
}

.timeline-card-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .timeline-card-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .timeline-card-title {
        font-size: 1.25rem
    }
}

p.timeline-card-description {
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width:70em) {
    .timeline-carousel .slick-arrow.next {
        right: 0
    }

    .timeline-carousel .slick-arrow.prev {
        left: 0
    }

    p.timeline-card-description {
        font-size: 1rem;
        font-weight: 400
    }
}

.spec-sheet-pdf-project .timeline-card-date,
.spec-sheet-pdf-project .timeline-card-title,
.text-white .timeline-card-date,
.text-white .timeline-card-title {
    color: #2d2d2e
}

@media screen and (min-width:56em) {
    .prod-comp-header {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .prod-comp-header h1 {
        margin: 0 3rem 0 0
    }

    .prod-comp-header .icon-link {
        margin-bottom: .25rem
    }
}

.prod-comp {
    position: relative;
    text-align: center
}

.prod-comp table {
    border: none;
    position: relative
}

.prod-comp td:not(:last-child),
.prod-comp th:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .08)
}

.prod-comp td>:first-child,
.prod-comp th>:first-child {
    margin-top: 0
}

.prod-comp td>:last-child,
.prod-comp th>:last-child {
    margin-bottom: 0
}

.prod-comp thead {
    background: #fff
}

.prod-comp thead th {
    background-color: #fff;
    text-align: center
}

.prod-comp thead tr {
    border: none
}

.prod-comp tbody td,
.prod-comp tbody th {
    line-height: inherit;
    min-width: 12rem;
    vertical-align: top
}

.prod-comp .compare-0 {
    display: none
}

.prod-comp .compare-1 td,
.prod-comp .compare-1 th {
    width: 33.33333%
}

.prod-comp .compare-2 td,
.prod-comp .compare-2 th {
    width: 25%
}

.prod-comp .compare-3 td,
.prod-comp .compare-3 th,
.prod-comp .compare-4 td,
.prod-comp .compare-4 th {
    width: 20%
}

.prod-comp thead.sticky {
    -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, .14), 0 .125rem .375rem rgba(0, 0, 0, .14);
    box-shadow: 0 0 3rem rgba(0, 0, 0, .14), 0 .125rem .375rem rgba(0, 0, 0, .14);
    display: table;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 900
}

.prod-comp thead.sticky .prod-comp-preview {
    padding-top: .5rem
}

.prod-comp thead.sticky .prod-comp-preview img {
    max-height: 80px
}

.prod-comp thead:not(.sticky) {
    -webkit-transform: none !important;
    transform: none !important
}

.prod-comp-preview {
    color: #2d2d2e;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: inherit;
    padding-top: 0;
    text-transform: none;
    vertical-align: top
}

.prod-comp-preview img {
    display: block;
    margin: 0 auto 1rem;
    max-height: 200px
}

.prod-comp-delete {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -1rem 0 auto;
    text-decoration: none;
    -webkit-transition: 150ms all ease-out;
    transition: 150ms all ease-out;
    width: 2rem
}

.prod-comp-delete:focus,
.prod-comp-delete:hover {
    background: #c8322b;
    color: #fff
}

.prod-comp thead button {
    font-size: .875rem
}

@media screen and (min-width:56em) {
    .prod-comp thead button {
        font-size: 1rem
    }
}

.prod-comp-group-header th {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    background: #5a5b5c;
    color: #fff;
    cursor: pointer;
    padding: 1rem 1.5rem;
    -webkit-transition: .2s background ease-out;
    transition: .2s background ease-out;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .prod-comp-group-header th {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .prod-comp-group-header th {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .prod-comp-group-header th,
.text-white .prod-comp-group-header th {
    color: #fff
}

.prod-comp-group-header th:hover {
    background: #2d2d2e
}

.prod-comp-group-header th svg {
    display: inline-block;
    fill: currentColor;
    margin-right: .5rem;
    -webkit-transition: .2s -webkit-transform ease-out;
    transition: .2s -webkit-transform ease-out;
    transition: .2s transform ease-out;
    transition: .2s transform ease-out, .2s -webkit-transform ease-out
}

.prod-comp-group-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.prod-comp-group.collapsed {
    border-bottom: 1px solid #fff
}

.prod-comp-group.collapsed .prod-comp-field {
    display: none
}

.prod-comp-group.collapsed .prod-comp-group-header svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.prod-comp .prod-comp-field th {
    color: #2d2d2e;
    letter-spacing: inherit;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-transform: none
}

.prod-comp-field ol,
.prod-comp-field ul {
    text-align: left
}

.contact-form form.EPiServerForms .Form__Element,
.simple-cta {
    text-align: center
}

.prod-comp-check {
    display: block;
    fill: currentColor;
    margin: 0 auto
}

.prod-comp-dash {
    color: #5a5b5c;
    display: block;
    margin: 0 auto
}

.prod-comp-material-count {
    font-weight: 600
}

.prod-comp-modal {
    max-height: 100%;
    padding: 0;
    width: 100rem
}

.prod-comp-modal-content {
    min-height: 45rem;
    padding: 5vmin
}

@media screen and (min-width:70em) {
    .prod-comp-modal-content {
        padding: 3vmin
    }
}

.prod-comp-modal-btn-wrap {
    background: #5a5b5c;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    position: sticky;
    text-align: center;
    width: 100%;
    z-index: 20
}

.prod-comp-modal-btn.disabled {
    opacity: .35;
    pointer-events: none
}

.prod-comp-search-field {
    margin: 0 auto;
    max-width: 40rem;
    position: relative
}

@media screen and (min-width:30em) {
    .prod-comp-search-field {
        font-weight: 300;
        font-size: 1.125rem
    }
}

@media screen and (min-width:30em) and (min-width:30em) {
    .prod-comp-search-field {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:30em) and (min-width:80em) {
    .prod-comp-search-field {
        font-size: 1.25rem
    }
}

.prod-comp-search-field input {
    font-size: 1em;
    font-weight: inherit;
    max-width: none;
    padding-left: 2.5em
}

.prod-comp-search-field .search-icon {
    fill: #5a5b5c;
    height: 1em;
    left: 1em;
    position: absolute;
    top: 1em;
    width: 1em;
    z-index: 10
}

@media screen and (min-width:70em) {
    .prod-comp-search-field .search-icon {
        font-size: 1em
    }
}

.prod-comp-search-field .typeahead-menu {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block !important;
    margin-top: 1.5rem;
    max-height: none;
    overflow: visible;
    position: static !important
}

.prod-comp-search-field .typeahead-suggestion {
    background: #fff;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.prod-comp-search-field .typeahead-suggestion+.typeahead-suggestion {
    margin-top: .5rem
}

.prod-comp-search-field .typeahead-suggestion.tt-cursor,
.prod-comp-search-field .typeahead-suggestion:focus,
.prod-comp-search-field .typeahead-suggestion:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, .1);
    box-shadow: 0 0 3rem rgba(0, 0, 0, .1);
    z-index: 10
}

.prod-comp-search-field .tt-no-results {
    padding: 0
}

.prod-comp-search-field .typeahead-title {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .prod-comp-search-field .typeahead-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .prod-comp-search-field .typeahead-title {
        font-size: 1.25rem
    }
}

.simple-cta {
    margin: 0 auto
}

.simple-cta>:first-child {
    margin-top: 0
}

.simple-cta>:last-child {
    margin-bottom: 0
}

.simple-cta-row {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin
}

@media screen and (min-width:70em) {
    .simple-cta-row {
        padding-left: 3vmin;
        padding-right: 3vmin
    }
}

@media screen and (min-width:56em) {
    .simple-cta-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .simple-cta-row .simple-cta {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        padding: 5vmin
    }
}

@media screen and (min-width:70em) {
    .simple-cta-row .simple-cta {
        padding-bottom: 3vmin;
        padding-top: 3vmin
    }
}

.simple-cta-row .simple-cta+.simple-cta {
    border-top: 3px solid rgba(0, 0, 0, .08);
    margin-top: 2rem;
    padding-top: 2rem
}

@media screen and (min-width:56em) {
    .simple-cta-row .simple-cta+.simple-cta {
        border-left: 3px solid rgba(0, 0, 0, .08);
        border-top: none;
        margin-top: 0;
        padding-top: 5vmin
    }

    .spec-sheet-pdf-project .simple-cta-row .simple-cta+.simple-cta,
    .text-white .simple-cta-row .simple-cta+.simple-cta {
        border-color: rgba(255, 255, 255, .2)
    }
}

@media screen and (min-width:70em) {
    .simple-cta-row .simple-cta+.simple-cta {
        padding-top: 3vmin
    }
}

.simple-cta-subtitle {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    margin: 0
}

.spec-sheet-pdf-project .simple-cta-subtitle,
.text-white .simple-cta-subtitle {
    color: #fff
}

.simple-cta-title {
    margin: 0
}

.spec-sheet-pdf-project .simple-cta-row .simple-cta+.simple-cta,
.text-white .simple-cta-row .simple-cta+.simple-cta {
    border-color: rgba(255, 255, 255, .2)
}

.large-text .simple-cta-teaser {
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .large-text .simple-cta-teaser {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .large-text .simple-cta-teaser {
        font-size: 1.25rem
    }
}

.cta-row-img {
    width: 100%
}

.contact-form {
    margin: 0 auto;
    max-width: 40rem
}

.contact-form-subject {
    font-weight: 300;
    max-width: none;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .contact-form-subject {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .contact-form-subject {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .contact-form-subject,
.text-white .contact-form-subject {
    color: #2d2d2e
}

.contact-form .FormRange>span,
.contact-form input,
.contact-form select,
.contact-form textarea {
    max-width: none
}

.contact-form input[type=button],
.contact-form input[type=reset],
.contact-form input[type=submit] {
    font-size: 1rem;
    font-weight: 400
}

.contact-form-fieldset {
    border-top: 1px solid rgba(0, 0, 0, .08);
    display: none;
    margin-top: 3rem;
    padding-top: 1.5rem
}

.spec-sheet-pdf-project .contact-form-fieldset,
.text-white .contact-form-fieldset {
    border-color: rgba(255, 255, 255, .2)
}

.contact-form-fieldset.is-active {
    display: block
}

.contact-form form.EPiServerForms .Form__Element .Form__Element {
    text-align: left
}

.contact-list-icons {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.contact-list-icons li+li,
.reversible-row-teaser .contact-list-icons {
    margin-top: 1em
}

.contact-list-icons li {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contact-list-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 1.5em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3rem
}

.contact-list-icon svg {
    display: block;
    fill: #2d2d2e
}

.product-hero,
.product-hero-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.spec-sheet-pdf-project .contact-list-icon svg,
.text-white .contact-list-icon svg {
    fill: #fff
}

.product-hero {
    background: #f7f7f7;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-hero-overview {
    padding: 2rem 5vmin
}

@media screen and (min-width:70em) {
    .product-hero {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .product-hero-overview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        max-width: 40rem;
        min-height: 100%;
        padding: 3vw
    }

    .product-hero>.sticky-wrapper,
    .product-hero>:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 35%;
        flex: 0 1 35%;
        max-width: 35%
    }
}

.product-hero-overview a:focus,
.product-hero-overview a:hover {
    text-decoration: none
}

.product-hero-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.25;
    display: block;
    margin: 0;
    font-size: 2.5rem
}

.spec-sheet-pdf-project .product-hero-title,
.text-white .product-hero-title {
    color: #fff
}

@media screen and (min-width:30em) {
    .product-hero-title {
        font-size: calc(2.5rem + 1 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .product-hero-title {
        font-size: 3.5rem
    }
}

@media screen and (min-width:70em) {
    .product-hero-title {
        font-size: 2.5em;
        line-height: 1.25
    }
}

@media screen and (min-width:110em) {
    .product-hero-title {
        font-size: 3em
    }
}

.product-hero-sub-title {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.125;
    text-transform: uppercase;
    display: none
}

@media screen and (min-width:70em) {
    .product-hero-sub-title {
        display: none !important
    }
}

.product-hero-teaser {
    margin-top: 1rem;
    max-width: 60rem
}

.product-hero-teaser :first-child {
    margin-top: 0
}

.product-hero-teaser :last-child {
    margin-bottom: 0
}

.product-hero-btns {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2.5rem
}

.product-hero-btns>a+a {
    margin-top: .5rem
}

@media screen and (min-width:30em) {
    .product-hero-btns {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .product-hero-btns>a+a {
        margin: 0 0 0 .5rem
    }
}

/* 2023change */
.product-hero-overview.stuck {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: sticky-header-in;
    animation-name: sticky-header-in;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding-bottom: 0;
    padding-top: 0;
    /* position: fixed; */
    top: 0;
    width: 100%;
    z-index: 500
}

.product-hero-overview.stuck:after {
    background-color: #f7f7f7;
    border-bottom: 3px solid rgba(0, 0, 0, .08);
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10
}

.product-hero-overview.stuck .product-hero-title {
    font-size: 1.25rem;
    margin: 1rem 0;
    position: relative;
    z-index: 20
}

@media screen and (min-width:30em) {
    .product-hero-overview.stuck .product-hero-title {
        color: #2d2d2e;
        font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-weight: 600;
        letter-spacing: normal;
        line-height: 1.375;
        font-size: 1.375rem
    }

    .spec-sheet-pdf-project .product-hero-overview.stuck .product-hero-title,
    .text-white .product-hero-overview.stuck .product-hero-title {
        color: #fff
    }
}

@media screen and (min-width:30em) and (min-width:30em) {
    .product-hero-overview.stuck .product-hero-title {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:30em) and (min-width:80em) {
    .product-hero-overview.stuck .product-hero-title {
        font-size: 1.75rem
    }
}

@media screen and (min-width:56em) {
    .product-hero-overview.stuck {
        padding: 1rem 5vmin
    }

    .product-hero-overview.stuck .product-hero-title {
        margin: .5rem 0
    }
}

@media screen and (min-width:70em) {
    .product-hero-overview.stuck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: none;
        min-height: 0;
        padding: 1vh 3vmin
    }

    .product-hero-overview.stuck.has-nav .product-hero-title {
        display: none
    }
}

.product-hero-overview.stuck.has-nav .product-hero-sub-title {
    display: block
}

.product-hero-overview.stuck .product-hero-teaser {
    display: none
}

.product-hero-overview.stuck .product-hero-nav-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 20
}

.product-hero-overview.stuck .product-hero-nav {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
    height: 100%;
    left: 0;
    margin-top: 0;
    max-width: 30rem;
    overflow: auto;
    padding: 5vmin;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .4s -webkit-transform ease-out;
    transition: .4s -webkit-transform ease-out;
    transition: .4s transform ease-out;
    transition: .4s transform ease-out, .4s -webkit-transform ease-out;
    visibility: hidden;
    width: 100%
}

.product-hero-overview.stuck .product-hero-nav.active {
    -webkit-transform: none;
    transform: none;
    visibility: visible
}

.product-hero-overview.stuck .product-hero-nav>:first-child {
    margin-top: 5vmin
}

.product-hero-overview.stuck .product-hero-nav>:last-child {
    margin-bottom: 5vmin
}

.product-hero-overview.stuck .product-hero-nav a {
    text-decoration: none
}

@media screen and (min-width:70em) {
    .product-hero-overview.stuck .product-hero-nav {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: .5rem 1.5rem;
        height: auto;
        max-width: none;
        overflow: visible;
        padding: 0 !important;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
        width: auto;
        z-index: 20
    }

    .product-hero-overview.stuck .product-hero-nav>:first-child {
        margin-top: 0
    }

    .product-hero-overview.stuck .product-hero-nav>:last-child {
        margin-bottom: 0
    }

    .product-hero-overview.stuck .product-hero-nav li+li {
        margin: 0
    }

    .product-hero-overview.stuck .product-hero-nav a {
        font-size: .875rem
    }

    .product-hero-overview.stuck .product-hero-nav-icon {
        display: none
    }
}

.product-hero-overview.stuck .product-hero-btns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: sticky-footer-in;
    animation-name: sticky-footer-in;
    background: #f7f7f7;
    border-top: 3px solid rgba(0, 0, 0, .08);
    bottom: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    margin-top: 0;
    opacity: 0;
    padding: .5rem 5vmin;
    position: fixed;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    z-index: 20
}

.product-hero-overview.stuck .product-hero-btns>a+a {
    margin: 0 0 0 .5rem
}

@media screen and (min-width:56em) {
    .product-hero-overview.stuck .product-hero-btns {
        -webkit-animation: none;
        animation: none;
        background: 0 0;
        border-top: none;
        margin-left: auto;
        opacity: 1;
        padding: 0;
        position: static;
        -webkit-transform: none;
        transform: none;
        width: auto
    }
}

.product-hero-nav-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2d2d2e;
    border: none;
    color: #fff;
    display: none;
    height: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .75rem;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding: 0;
    width: 3rem
}

.product-hero-nav-btn:focus,
.product-hero-nav-btn:hover {
    background: #2d2d2e
}

.product-hero-nav-btn .close-icon {
    display: none
}

@media screen and (min-width:70em) {
    .product-hero-nav-btn {
        display: none !important
    }
}

.product-hero-nav-btn.active {
    background: #c8322b
}

.product-hero-nav-btn.active .open-icon {
    display: none
}

.product-hero-nav-btn.active .close-icon {
    display: block
}

.product-hero-nav {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    margin-top: 2rem
}

.product-hero-nav li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-hero-nav li+li {
    margin-top: 1rem
}

.product-hero-nav a {
    color: #2d2d2e;
    font-size: 1rem;
    font-weight: 600
}

.product-hero-nav .current,
.product-hero-nav a:focus,
.product-hero-nav a:hover {
    color: #c8322b
}

.product-hero-nav .current a {
    border-color: transparent;
    color: #c8322b;
    position: relative
}

.product-hero-nav .current a:focus,
.product-hero-nav .current a:hover {
    border-color: #c8322b
}

.product-hero-nav-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .75rem
}

.product-hero-nav-icon svg {
    display: block;
    fill: currentColor
}

.product-hero-media {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.product-hero-media img,
.product-hero-media video {
    display: block;
    width: 100%
}

@media screen and (min-width:70em) {
    .product-hero-media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .product-hero-media img,
    .product-hero-media video {
        min-height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.product-hero-media video {
    height: auto !important
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .product-hero-media-item img {
        min-height: 0
    }
}

.product-hero-media-carousel,
.product-hero-media-carousel .slick-list,
.product-hero-media-carousel .slick-track,
.product-hero-media-item {
    height: 100%
}

.product-hero-media-carousel .product-hero-media-item:not(:first-child) {
    display: none
}

.product-hero-media-carousel.slick-initialized .product-hero-media-item:not(:first-child) {
    display: block
}

.product-hero-media-carousel.slick-dotted {
    margin-bottom: 0 !important
}

.product-hero-media-carousel .slick-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .625em;
    height: 4em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    width: 4em
}

.product-hero-media-carousel .slick-arrow svg {
    margin: 0
}

.product-hero-media-carousel .slick-dots {
    bottom: .5rem;
    margin-top: 0;
    top: auto
}

.product-hero-media-carousel .slick-dots li {
    background: #fff
}

.product-hero-media .image-cta {
    min-height: 100%;
    padding-top: 56.25%
}

#product-content,
#product-content #document-list,
#product-content .custom-row,
#product-content form,
#request-quote {
    scroll-margin-top: 5rem
}

@media screen and (min-width:30em) {

    #product-content,
    #product-content #document-list,
    #product-content .custom-row,
    #product-content form,
    #request-quote {
        scroll-margin-top: 6.5rem
    }
}

@-webkit-keyframes sticky-header-in {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes sticky-header-in {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes sticky-footer-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes sticky-footer-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.modified-product-card {
    background-color: #f7f7f7;
    color: #5a5b5c;
    display: block;
    padding: 1rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media screen and (min-width:56em) {
    .product-hero-media-carousel .slick-arrow {
        font-size: .75em
    }

    .product-hero-media-carousel .slick-dots {
        bottom: 1rem
    }

    #product-content,
    #product-content #document-list,
    #product-content .custom-row,
    #product-content form,
    #request-quote {
        scroll-margin-top: 8rem
    }

    .modified-product-card {
        padding: 1.5rem
    }
}

.modified-product-card:focus,
.modified-product-card:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    box-shadow: 0 0 3em rgba(0, 0, 0, .1);
    position: relative;
    -webkit-transform: translateY(-.25em);
    transform: translateY(-.25em)
}

.modified-product-card img {
    display: block;
    width: 100%
}

.modified-product-card-title {
    color: #2d2d2e;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    margin-top: 1rem
}

@media screen and (min-width:56em) {
    .modified-product-card-title {
        margin-top: 1.25rem
    }
}

.modified-product-grid .modified-product-card {
    margin-bottom: 1.5rem
}

@media screen and (min-width:30em) {
    .modified-product-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .modified-product-grid .modified-product-card {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        max-width: 49%
    }

    .modified-product-grid .modified-product-card:nth-child(odd) {
        margin-right: 2%
    }
}

@media screen and (min-width:80em) {
    .modified-product-grid .modified-product-card {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        max-width: 32%
    }

    .modified-product-grid .modified-product-card:nth-child(odd) {
        margin-right: 0
    }

    .modified-product-grid .modified-product-card:not(:nth-child(3n)) {
        margin-right: 2%
    }
}

.video-grid {
    margin-bottom: -3vmin !important
}

.video-grid .image-cta {
    height: 100%
}

.spec-sheet {
    counter-reset: spec-step;
    margin: 0 auto;
    max-width: 40rem
}

.spec-sheet .loader {
    margin: 3rem auto 0
}

.spec-sheet form,
.spec-sheet-step+.spec-sheet-step {
    margin-top: 3rem
}

.spec-sheet .chosen-container,
.spec-sheet input,
.spec-sheet select,
.spec-sheet textarea {
    max-width: none
}

.spec-sheet-step {
    counter-increment: spec-step
}

.spec-sheet-step-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.spec-sheet-step-header:before {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
    line-height: 1.625;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #5a5b5c;
    border-radius: 100%;
    color: #fff;
    content: counter(spec-step);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    font-weight: 400;
    height: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 3rem;
    z-index: 10;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .spec-sheet-step-header:before {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .spec-sheet-step-header:before {
        font-size: 1.25rem
    }
}

.spec-sheet .chosen-drop,
.spec-sheet .chosen-drop input,
.spec-sheet-style-code {
    font-size: 1rem;
    font-weight: 400
}

.spec-sheet-pdf-project .spec-sheet-step-header:before,
.text-white .spec-sheet-step-header:before {
    color: #fff;
    background-color: rgba(255, 255, 255, .2)
}

.spec-sheet-step-header:after {
    background-color: rgba(0, 0, 0, .08);
    content: '';
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 2px
}

.spec-sheet-pdf-project .spec-sheet-step-header:after,
.text-white .spec-sheet-step-header:after {
    background-color: rgba(255, 255, 255, .2)
}

.spec-sheet-step-title {
    display: block;
    padding: 0 1.5rem 0 1rem;
    position: relative;
    z-index: 10
}

.spec-sheet-style {
    text-align: center
}

@media screen and (min-width:56em) {
    .spec-sheet-step-header:before {
        margin-left: -4rem
    }

    .spec-sheet-style {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left
    }

    .spec-sheet-style-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        margin-right: 1.5rem
    }
}

.spec-sheet-style-title {
    margin: 0
}

.spec-sheet-style-code {
    margin: .25rem 0 0
}

.spec-sheet-style-content button {
    margin-top: 1.25rem
}

.spec-sheet .typeahead-suggestion {
    cursor: pointer;
    padding: .25em .5em
}

.spec-sheet .typeahead-suggestion.tt-cursor,
.spec-sheet .typeahead-suggestion:focus,
.spec-sheet .typeahead-suggestion:hover {
    background-color: #5a5b5c
}

.spec-sheet .typeahead-suggestion.tt-cursor .typeahead-title,
.spec-sheet .typeahead-suggestion:focus .typeahead-title,
.spec-sheet .typeahead-suggestion:hover .typeahead-title {
    color: #fff
}

.spec-sheet .form-field.is-loading label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.spec-sheet .form-field.is-loading label:after {
    -webkit-animation: loader 1s infinite linear;
    animation: loader 1s infinite linear;
    border: .5em solid rgba(45, 45, 46, .12);
    border-radius: 50%;
    border-top-color: rgba(45, 45, 46, .47);
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-width: .125em;
    content: '';
    height: 1em;
    width: 1em;
    margin-left: .5em
}

.spec-sheet-pdf {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 10pt
}

.spec-sheet-pdf * {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.spec-sheet-pdf .heading1,
.spec-sheet-pdf h1 {
    font-size: 30pt;
    line-height: 1
}

.spec-sheet-pdf .heading2,
.spec-sheet-pdf h2 {
    font-size: 22pt;
    line-height: 1.1
}

.spec-sheet-pdf .heading3,
.spec-sheet-pdf h3 {
    font-size: 18pt
}

.spec-sheet-pdf .heading4,
.spec-sheet-pdf h4 {
    font-size: 14pt
}

.spec-sheet-pdf-project {
    background: #c8322b;
    padding: .75cm 1cm;
    width: 100%
}

.spec-sheet-pdf-project h1,
.spec-sheet-pdf-project h2,
.spec-sheet-pdf-project h3,
.spec-sheet-pdf-project h4 {
    margin: 0
}

.spec-sheet-pdf-product {
    background: rgba(0, 0, 0, .06);
    padding: .75cm 1cm
}

.spec-sheet-pdf-name {
    margin: 0 0 .125cm;
    max-width: 52.5%
}

.spec-sheet-pdf-name a {
    color: #2d2d2e;
    text-decoration: none
}

.spec-sheet-pdf-product .heading4 {
    display: block;
    margin: 0;
    max-width: 52.5%
}

.spec-sheet-pdf-product-info {
    border-top: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .25cm;
    max-width: 52.5%;
    padding-top: .5cm
}

.spec-sheet-pdf-product-info div+div {
    margin-left: .75cm
}

.spec-sheet-pdf-product-info .spec-sheet-pdf-section-title {
    border-bottom: none;
    display: block;
    padding-bottom: .125cm;
    white-space: nowrap
}

.spec-sheet-pdf-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1cm
}

.spec-sheet-pdf-col1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    margin-right: 1cm;
    min-width: 50%
}

.spec-sheet-pdf-col2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    min-width: 40%
}

.spec-sheet-pdf-col2.has-selections {
    margin-top: -3.5cm
}

.spec-sheet-pdf-col1+.spec-sheet-pdf-col2 {
    max-width: 45%
}

.spec-sheet-pdf-main-img {
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 1cm;
    padding: .25cm;
    width: 4.5in
}

.spec-sheet-pdf-section-title {
    border-bottom: 1px solid #ccc;
    color: #2d2d2e;
    font-size: 8pt !important;
    font-weight: 400 !important;
    letter-spacing: .1em !important;
    line-height: 1.375;
    margin: 0;
    padding-bottom: .25cm;
    text-transform: uppercase !important
}

.spec-sheet-pdf-options {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.spec-sheet-pdf-options li {
    border-bottom: 1px solid #ccc;
    padding: .375cm 0
}

.spec-sheet-pdf-options li:after {
    clear: both;
    content: "";
    display: table
}

.spec-sheet-pdf-option-heading {
    color: #2d2d2e;
    display: block;
    font-size: 10pt;
    line-height: 1.3;
    margin: 0 0 .125cm
}

.spec-sheet-pdf-option-img {
    float: right;
    width: 1.5cm
}

.spec-sheet-pdf-option-img img {
    display: block
}

.spec-sheet-pdf-option-info {
    float: left
}

.spec-sheet-pdf-dimensions {
    border: none
}

.spec-sheet-pdf-dimensions tbody {
    border: none !important
}

.spec-sheet-pdf-dimensions tr {
    background: 0 0 !important;
    border-bottom: 1px solid #ccc;
    border-left: none !important;
    border-right: none !important
}

.spec-sheet-pdf-dimensions td {
    padding-left: 0;
    padding-right: 0;
    vertical-align: top
}

.spec-sheet-pdf-dimensions td:first-child {
    color: #2d2d2e
}

.spec-sheet-pdf-dimensions td:last-child {
    padding-left: .5cm;
    text-align: right
}

.spec-sheet-pdf-dimensions li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .375cm
}

.spec-sheet-pdf-dimensions li h5 {
    margin: 0
}

.spec-sheet-pdf-footer {
    background: rgba(0, 0, 0, .06);
    padding: .375cm 1cm
}

.spec-sheet-pdf-footer-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.spec-sheet-pdf-footer-left,
.spec-sheet-pdf-footer-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.spec-sheet-pdf-footer-left *,
.spec-sheet-pdf-footer-right * {
    font-size: 8pt;
    letter-spacing: .1em !important;
    text-transform: uppercase !important
}

.spec-sheet-pdf-footer-left {
    white-space: nowrap
}

.spec-sheet-pdf-footer-left span {
    margin-right: .5cm
}

.spec-sheet-pdf-footer-right span {
    margin-left: .5cm
}

.spec-sheet-pdf-ki {
    fill: #c8322b;
    margin-left: .5cm
}

.spec-sheet-pdf-ki svg {
    display: block
}

.spec-sheet-pdf-notes {
    padding: 0 1cm .5cm
}

.spec-sheet-pdf-notes :first-child {
    margin-top: 0
}

.spec-sheet-pdf-notes :last-child {
    margin-bottom: 0
}

.spec-sheet-pdf-notes+.spec-sheet-pdf-notes {
    margin-top: .5cm
}

.spec-sheet-pdf-disclaimer {
    border-bottom: 1px solid #ccc;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    font-size: 8pt;
    margin-bottom: .25cm;
    padding-bottom: .25cm
}

.spec-sheet-pdf-disclaimer :first-child {
    margin-top: 0
}

.spec-sheet-pdf-disclaimer :last-child {
    margin-bottom: 0
}

.chosen-container {
    font-size: inherit
}

.form-field .chosen-container {
    display: block;
    width: 100%
}

.chosen-container-multi .chosen-choices,
.chosen-container-single .chosen-single {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .16);
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #2d2d2e;
    cursor: text;
    height: auto;
    line-height: 1.25;
    padding: .25em .125em
}

.spec-sheet-pdf-project .chosen-container-multi .chosen-choices,
.spec-sheet-pdf-project .chosen-container-single .chosen-single,
.text-white .chosen-container-multi .chosen-choices,
.text-white .chosen-container-single .chosen-single {
    border-color: #fff
}

.chosen-container-single .chosen-single {
    cursor: pointer;
    padding: .75em 1em
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-container-single .chosen-single div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    border-left: 2px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.5rem
}

.chosen-container-single .chosen-single span {
    margin-right: 2.5rem
}

.chosen-container-active .chosen-single {
    border-color: #5a5b5c
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background-color: transparent;
    border-left: 2px solid rgba(255, 255, 255, .2)
}

.chosen-container-single .chosen-single div b {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23999999%22%20viewBox%3D%220%200%2019%209%22%20width%3D%2216%22%20height%3D%226%22%3E%3Cpath%20d%3D%22M9.6%209c-1%200-1.9-.5-2.6-1L.2%201.2C-.1.9-.1.5.2.2s.7-.3%201%200L8%207c.9.9%202.2.9%203.1%200L17.8.2c.3-.3.7-.3%201%200s.3.7%200%201L12.1%208c-.6.5-1.5%201-2.5%201z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: .2s -webkit-transform ease-out;
    transition: .2s -webkit-transform ease-out;
    transition: .2s transform ease-out;
    transition: .2s transform ease-out, .2s -webkit-transform ease-out
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ffffff%22%20viewBox%3D%220%200%2019%209%22%20width%3D%2216%22%20height%3D%226%22%3E%3Cpath%20d%3D%22M9.6%209c-1%200-1.9-.5-2.6-1L.2%201.2C-.1.9-.1.5.2.2s.7-.3%201%200L8%207c.9.9%202.2.9%203.1%200L17.8.2c.3-.3.7-.3%201%200s.3.7%200%201L12.1%208c-.6.5-1.5%201-2.5%201z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-position: 50% 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: #c8322b;
    border: 2px solid #c8322b;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.chosen-container-active .chosen-choices {
    border-color: #5a5b5c;
    -webkit-box-shadow: none;
    box-shadow: none
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: #5a5b5c;
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: default;
    line-height: 1.75;
    margin: .125em .25em;
    padding: .25em 2em .25em .5em
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    background: 0 0 !important;
    border: 0 !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5a5b5c;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    margin: 0;
    outline: 0;
    padding: 1.125em 1em
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: 0 0;
    background-color: rgba(0, 0, 0, .1);
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    height: 100%;
    padding: .25em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 1.5em
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: "\00d7"
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus,
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-color: rgba(0, 0, 0, .4)
}

.chosen-container .chosen-drop {
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: 0 .375em 1.5em rgba(0, 0, 0, .03), 0 .625em 3em rgba(0, 0, 0, .08);
    box-shadow: 0 .375em 1.5em rgba(0, 0, 0, .03), 0 .625em 3em rgba(0, 0, 0, .08);
    overflow: hidden
}

.chosen-container-single .chosen-drop {
    border-radius: 3px;
    margin: 0
}

.chosen-container .chosen-results {
    color: #2d2d2e;
    margin: 0;
    padding: 0
}

.chosen-container .chosen-results li {
    line-height: 1.75;
    padding: .25em .5em
}

.chosen-container-multi .chosen-drop .result-selected {
    color: #5a5b5c
}

.chosen-container .chosen-results li.highlighted {
    background: #5a5b5c;
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    background: 0 0;
    color: #2d2d2e
}

.chosen-container-single .chosen-search {
    padding: .5rem
}

.chosen-container-single .chosen-search input[type=text] {
    background: #ededed;
    margin: 0;
    padding: .5em;
    border: none;
    font-family: inherit;
    line-height: inherit
}

.cylindo-drag-to-rotate-tooltip:before,
.cylindo-drag-tooltip {
    font-weight: 400;
    line-height: 1.125;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx) {
    .chosen-container-single .chosen-single div b {
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23999999" viewBox="0 0 19 9" width="12" height="6"%3E%3Cpath d="M9.6 9c-1 0-1.9-.5-2.6-1L.2 1.2C-.1.9-.1.5.2.2s.7-.3 1 0L8 7c.9.9 2.2.9 3.1 0L17.8.2c.3-.3.7-.3 1 0s.3.7 0 1L12.1 8c-.6.5-1.5 1-2.5 1z"%3E%3C/path%3E%3C/svg%3E') !important;
        background-size: 1rem .375rem !important
    }

    .chosen-container-active.chosen-with-drop .chosen-single div b {
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 0 19 9" width="12" height="6"%3E%3Cpath d="M9.6 9c-1 0-1.9-.5-2.6-1L.2 1.2C-.1.9-.1.5.2.2s.7-.3 1 0L8 7c.9.9 2.2.9 3.1 0L17.8.2c.3-.3.7-.3 1 0s.3.7 0 1L12.1 8c-.6.5-1.5 1-2.5 1z"%3E%3C/path%3E%3C/svg%3E') !important;
        background-size: 1rem .375rem !important
    }
}

.bookmarks {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    overflow: auto;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 500
}

.bookmarks.stuck {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.bookmarks-list {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 1rem .75rem;
    position: relative
}

@media screen and (min-width:56em) {
    .bookmarks-list {
        padding: 2rem .75rem
    }
}

.bookmarks-list li {
    padding: 0 .875em
}

.bookmarks-list a {
    color: #2d2d2e
}

.bookmarks-list a:focus,
.bookmarks-list a:hover {
    color: #c8322b
}

.bookmarks-list a.is-active {
    color: #c8322b;
    text-decoration: none
}

@-webkit-keyframes product-bookmarks-in {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes product-bookmarks-in {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.sisi {
    font-size: 1rem;
    font-weight: 400;
    position: relative
}

.grid-row>.inner .sisi,
.grid-row>.inner-full .sisi,
.grid-row>.inner-narrow .sisi,
.grid-row>.inner-wide .sisi {
    margin-left: -5vmin;
    margin-right: -5vmin
}

@media screen and (min-width:56em) {
    #product-content .bookmarks.stuck .bookmarks-list {
        padding: 1rem .75rem
    }

    .sisi {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: static
    }

    .grid-row>.inner .sisi,
    .grid-row>.inner-full .sisi,
    .grid-row>.inner-narrow .sisi,
    .grid-row>.inner-wide .sisi {
        margin-left: 0;
        margin-right: 0
    }
}

.sisi-viewer {
    background: #fff;
    -webkit-box-shadow: 0 .0625rem .1875rem rgba(0, 0, 0, .06), 0 .375rem .625rem rgba(0, 0, 0, .08);
    box-shadow: 0 .0625rem .1875rem rgba(0, 0, 0, .06), 0 .375rem .625rem rgba(0, 0, 0, .08);
    font-size: 1rem;
    font-weight: 400;
    max-height: 30vh;
    position: sticky;
    top: 0;
    z-index: 600
}

.sisi-viewer.no-images {
    position: static
}

@media screen and (min-width:56em) {
    .sisi-viewer.no-images {
        position: sticky
    }

    .sisi-viewer {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 3px;
        -webkit-box-flex: 40%;
        -ms-flex: 40%;
        flex: 40%;
        margin-right: 3rem;
        max-height: 100vh;
        min-height: 70vh;
        top: 0;
        z-index: 1
    }
}

@media screen and (min-width:70em) {

    #product-content,
    #product-content #document-list,
    #product-content .custom-row,
    #product-content form,
    #request-quote {
        scroll-margin-top: 10rem
    }

    .sisi-viewer {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%
    }
}

@media screen and (min-width:80em) {
    .sisi-viewer {
        -webkit-box-flex: 55%;
        -ms-flex: 55%;
        flex: 55%
    }
}

@media screen and (min-width:110em) {
    .sisi-viewer {
        -webkit-box-flex: 60%;
        -ms-flex: 60%;
        flex: 60%
    }
}

.sisi-viewer:empty {
    display: none
}

.sisi-viewer #sisi-cylindo-viewer {
    max-height: 30vh
}

@media screen and (min-width:56em) {
    .sisi-viewer #sisi-cylindo-viewer {
        max-height: 100vh;
        min-height: 70vh
    }

    #product-content .sisi-viewer {
        max-height: calc(100vh - 7rem);
        top: 7rem
    }
}

.sisi-viewer-download,
.sisi-viewer-download:disabled,
.spec-sheet-pdf-project .sisi-viewer-download,
.text-white .sisi-viewer-download {
    background: rgba(247, 247, 247, .65);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6b6b6b;
    border: none;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 3.5rem;
    top: .5rem;
    -webkit-transition: 750ms opacity ease-out;
    transition: 750ms opacity ease-out;
    visibility: hidden;
    width: 40px;
    z-index: 10
}

.sisi-viewer-download svg,
.sisi-viewer-download:disabled svg,
.spec-sheet-pdf-project .sisi-viewer-download svg,
.text-white .sisi-viewer-download svg {
    display: block
}

.sisi-viewer-download:disabled:focus,
.sisi-viewer-download:disabled:hover,
.sisi-viewer-download:focus,
.sisi-viewer-download:hover,
.spec-sheet-pdf-project .sisi-viewer-download:focus,
.spec-sheet-pdf-project .sisi-viewer-download:hover,
.text-white .sisi-viewer-download:focus,
.text-white .sisi-viewer-download:hover {
    background: rgba(247, 247, 247, .65);
    border: none
}

.sisi-viewer-download.is-active,
.sisi-viewer-download:disabled.is-active,
.spec-sheet-pdf-project .sisi-viewer-download.is-active,
.text-white .sisi-viewer-download.is-active {
    opacity: 1;
    visibility: visible
}

.sisi-viewer-download:disabled {
    opacity: .3
}

.cylindo-action-button-group.right {
    right: .5rem;
    top: .5rem;
    width: 40px
}

.cylindo-action-button-group .cylindo-action-button-icon {
    margin-bottom: .5rem
}

.cylindo-drag-tooltip {
    background: rgba(255, 255, 255, .65);
    border-radius: 3px;
    bottom: .5rem;
    color: #5a5b5c;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .625rem;
    left: auto;
    padding: .25rem;
    right: .5rem;
    -webkit-transform: none;
    transform: none;
    white-space: normal
}

@media screen and (min-width:56em) {
    .cylindo-drag-tooltip {
        background: rgba(255, 255, 255, .85);
        font-size: .75rem;
        left: 50%;
        padding: .5rem;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.cylindo-drag-tooltip .left,
.cylindo-drag-tooltip .right {
    display: none
}

.cylindo-drag-to-rotate-tooltip {
    font-size: 0;
    padding: 0
}

.cylindo-drag-to-rotate-tooltip:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232d2d2e' width='28px' height='17px'%3E%3Cpath d='M13.762,0.489 C6.165,0.489 0.0,3.474 0.0,7.151 C0.0,10.136 4.45,12.654 9.633,13.507 L9.633,16.198 C9.633,16.798 10.376,17.91 10.803,16.665 L14.642,12.947 C14.917,12.681 14.917,12.268 14.642,12.1 L10.803,8.284 C10.376,7.871 9.633,8.164 9.633,8.763 L9.633,10.789 C5.298,10.43 2.752,8.257 2.752,7.151 C2.752,5.739 6.936,3.154 13.762,3.154 C20.587,3.154 24.771,5.739 24.771,7.151 C24.771,8.31 23.120,9.390 20.202,10.269 C19.638,10.442 19.266,10.949 19.266,11.522 C19.266,12.414 20.161,13.67 21.28,12.801 C24.922,11.628 27.524,9.536 27.524,7.151 C27.524,3.474 21.358,0.489 13.762,0.489 Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: .25rem 50%;
    background-size: 16px 10px;
    content: 'Drag to Rotate';
    display: block;
    font-size: .625rem;
    padding: .25rem .25rem .25rem 1.5rem
}

@media screen and (min-width:56em) {
    .cylindo-drag-to-rotate-tooltip:before {
        background-position: .5rem 50%;
        background-size: 20px 12px;
        font-size: .75rem;
        max-width: none;
        padding: .5rem .5rem .5rem 2.25rem
    }
}

.cylindo-no-feature {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fef5e4;
    border-left: .375rem solid #f9a006;
    border-radius: .25rem;
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    left: .5rem;
    padding: .75rem 1rem;
    top: .5rem;
    width: auto
}

.cylindo-no-feature p {
    color: #2d2d2e;
    font-size: inherit;
    vertical-align: top;
    width: 12rem
}

.cylindo-no-feature span {
    background-color: #f9a006;
    border-radius: 100%;
    color: #fff;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 1rem;
    font-weight: 600;
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0 .5rem 0 0;
    text-align: center;
    width: 1.5rem;
    vertical-align: top
}

.sisi-config {
    border-radius: 3px;
    margin: 0 auto;
    position: relative;
    z-index: 500
}

@media screen and (min-width:56em) {
    .sisi-config {
        -webkit-box-flex: 60%;
        -ms-flex: 60%;
        flex: 60%;
        max-width: 45rem;
        position: static;
        z-index: 1
    }
}

@media screen and (min-width:70em) {
    .sisi-config {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%
    }
}

@media screen and (min-width:80em) {
    .sisi-config {
        -webkit-box-flex: 45%;
        -ms-flex: 45%;
        flex: 45%
    }
}

@media screen and (min-width:110em) {
    .sisi-config {
        -webkit-box-flex: 40%;
        -ms-flex: 40%;
        flex: 40%
    }
}

.sisi-config-header {
    background: #2d2d2e;
    color: rgba(255, 255, 255, .85);
    padding: 1rem
}

@media screen and (min-width:30em) {
    .sisi-config-header {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:80em) {
    .sisi-config-header {
        padding: 1.5rem 2rem
    }
}

@media screen and (min-width:110em) {
    .sisi-config-header {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.spec-sheet-pdf-project .sisi-config-header,
.text-white .sisi-config-header {
    background: rgba(0, 0, 0, .65)
}

@media screen and (min-width:30em) {
    .sisi-config-header-group {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (min-width:110em) {
    .sisi-config-header-group {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.sisi-config-header-group+.sisi-config-header-group {
    margin-top: 1rem
}

.sisi-config-header-group:last-child {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

@media screen and (min-width:30em) {
    .sisi-config-header-group+.sisi-config-header-group {
        margin: 0 0 0 1.5rem
    }

    .sisi-config-header-group:last-child {
        margin: 1rem 0 0
    }
}

@media screen and (min-width:110em) {
    .sisi-config-header-group:last-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 0 1.5rem;
        text-align: right
    }
}

.sisi-config-header-title {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.125;
    text-transform: uppercase;
    display: block
}

.sisi-config-header-value {
    display: block;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word
}

.sisi-config-header .dropdown {
    display: block;
    text-align: left
}

.sisi-config-header .dropdown-title {
    white-space: nowrap
}

.sisi-config-content {
    background: #f7f7f7;
    padding: 1rem
}

.sisi-config-content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 18px
}

.sisi-config-content::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .05)
}

.sisi-config-content::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    border: 5px solid transparent;
    border-radius: 12px;
    background-color: rgba(0, 0, 0, .4)
}

.sisi-config-content::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .65)
}

@media screen and (min-width:30em) {
    .sisi-config-content {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }
}

@media screen and (min-width:80em) {
    .sisi-config-content {
        padding: 2rem
    }
}

.form .sisi-config-content>.errors,
.sisi-config-content>.message-error {
    margin-bottom: 1rem
}

.sisi-option-group.is-expanded {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .06), 0 .25rem .5rem rgba(0, 0, 0, .04);
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .06), 0 .25rem .5rem rgba(0, 0, 0, .04)
}

.sisi-option-group.is-expanded .sisi-option-group-header,
.spec-sheet-pdf-project .sisi-option-group.is-expanded .sisi-option-group-header,
.text-white .sisi-option-group.is-expanded .sisi-option-group-header {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none
}

.sisi-option-group.is-expanded .sisi-option-group-header .sisi-option-group-title,
.spec-sheet-pdf-project .sisi-option-group.is-expanded .sisi-option-group-header .sisi-option-group-title,
.text-white .sisi-option-group.is-expanded .sisi-option-group-header .sisi-option-group-title {
    color: #c8322b
}

.sisi-option-group.is-expanded .sisi-option-group-header .sisi-option-group-toggle,
.spec-sheet-pdf-project .sisi-option-group.is-expanded .sisi-option-group-header .sisi-option-group-toggle,
.text-white .sisi-option-group.is-expanded .sisi-option-group-header .sisi-option-group-toggle {
    border-color: rgba(0, 0, 0, .08);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sisi-option-group.is-expanded .sisi-option-group-header:focus .sisi-option-group-toggle,
.sisi-option-group.is-expanded .sisi-option-group-header:hover .sisi-option-group-toggle,
.spec-sheet-pdf-project .sisi-option-group.is-expanded .sisi-option-group-header:focus .sisi-option-group-toggle,
.spec-sheet-pdf-project .sisi-option-group.is-expanded .sisi-option-group-header:hover .sisi-option-group-toggle,
.text-white .sisi-option-group.is-expanded .sisi-option-group-header:focus .sisi-option-group-toggle,
.text-white .sisi-option-group.is-expanded .sisi-option-group-header:hover .sisi-option-group-toggle {
    border-color: #5a5b5c
}

.sisi-option-group.is-expanded .sisi-option-group-content {
    display: block
}

.sisi-option-group+.sisi-option-group {
    margin-top: .5rem
}

.sisi-option-group-header,
.sisi-option-group-header:disabled,
.spec-sheet-pdf-project .sisi-option-group-header,
.text-white .sisi-option-group-header {
    background: #fff;
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .06), 0 .25rem .5rem rgba(0, 0, 0, .04);
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .06), 0 .25rem .5rem rgba(0, 0, 0, .04);
    color: #2d2d2e;
    display: block;
    line-height: 1.375;
    max-width: none;
    padding: .75rem 2.75rem .75rem 1rem;
    text-align: left;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: 100%
}

.sisi-option-group-header:disabled:focus,
.sisi-option-group-header:disabled:hover,
.sisi-option-group-header:focus,
.sisi-option-group-header:hover,
.spec-sheet-pdf-project .sisi-option-group-header:focus,
.spec-sheet-pdf-project .sisi-option-group-header:hover,
.text-white .sisi-option-group-header:focus,
.text-white .sisi-option-group-header:hover {
    background: #fff;
    -webkit-box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .08), 0 .25rem 2rem rgba(0, 0, 0, .1);
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .08), 0 .25rem 2rem rgba(0, 0, 0, .1);
    border-color: transparent;
    position: relative;
    z-index: 10
}

.sisi-option-group-header:disabled:focus .sisi-option-group-toggle,
.sisi-option-group-header:disabled:hover .sisi-option-group-toggle,
.sisi-option-group-header:focus .sisi-option-group-toggle,
.sisi-option-group-header:hover .sisi-option-group-toggle,
.spec-sheet-pdf-project .sisi-option-group-header:focus .sisi-option-group-toggle,
.spec-sheet-pdf-project .sisi-option-group-header:hover .sisi-option-group-toggle,
.text-white .sisi-option-group-header:focus .sisi-option-group-toggle,
.text-white .sisi-option-group-header:hover .sisi-option-group-toggle {
    border-color: #5a5b5c
}

@media screen and (min-width:70em) {

    .sisi-option-group-header,
    .sisi-option-group-header:disabled,
    .spec-sheet-pdf-project .sisi-option-group-header,
    .text-white .sisi-option-group-header {
        padding: 1rem 3.5rem 1rem 1.5rem
    }
}

.sisi-option-group-header:disabled {
    background: #ededed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1
}

.sisi-option-group-header:disabled .sisi-option-group-title {
    color: #5a5b5c
}

.sisi-option-group-header:disabled .sisi-option-group-toggle {
    opacity: 0
}

.sisi-option-group-header:disabled:focus,
.sisi-option-group-header:disabled:hover {
    background: #ededed;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.sisi-option-group-header:disabled:focus .sisi-option-group-title,
.sisi-option-group-header:disabled:focus .sisi-option-group-toggle,
.sisi-option-group-header:disabled:hover .sisi-option-group-title,
.sisi-option-group-header:disabled:hover .sisi-option-group-toggle {
    color: #5a5b5c
}

.sisi-option-group-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 100%;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -.75rem;
    position: absolute;
    right: .75rem;
    top: 50%;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    width: 1.5rem
}

@media screen and (min-width:56em) {
    .sisi-option-group-toggle {
        height: 2rem;
        margin-top: -1rem;
        right: 1rem;
        width: 2rem
    }
}

.sisi-option-group-toggle svg {
    display: block;
    fill: currentColor;
    height: .3125rem;
    width: .625rem
}

@media screen and (min-width:56em) {
    .sisi-option-group-toggle svg {
        height: .375rem;
        width: .75rem
    }
}

.sisi-option-group-title {
    color: #5a5b5c;
    font-weight: 600;
    line-height: 1.5
}

.sisi-option-group-title .sisi-option-group-count {
    margin-left: .125rem
}

.sisi-option-group-count {
    background: rgba(0, 0, 0, .07);
    border-radius: .625rem;
    color: #5a5b5c;
    font-size: .75rem;
    font-weight: 400;
    min-width: 1.25rem;
    padding: .125rem .375rem;
    text-align: center;
    vertical-align: middle
}

.sisi-option-group-value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375;
    margin-top: .125rem
}

.sisi-option-group-value img {
    display: block;
    border-radius: 100%;
    margin-right: .375rem
}

.sisi-option-group-content {
    display: none;
    padding: 0 1rem 1rem
}

@media screen and (min-width:70em) {
    .sisi-option-group-content {
        padding: 0 1.5rem 1.5rem
    }
}

.sisi-option-group-note {
    font-size: .875rem;
    margin-top: 1.25rem
}

.sisi-option-group-note>:first-child {
    margin-top: 0
}

.sisi-option-group-note>:last-child {
    margin-bottom: 0
}

.spec-sheet-pdf-project .sisi-option-group-note,
.text-white .sisi-option-group-note {
    color: #5a5b5c
}

.sisi-option-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sisi-style {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .5rem);
    flex: 0 0 calc(50% - .5rem)
}

@media screen and (min-width:30em) {
    .sisi-style {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333333333333% - .5rem);
        flex: 0 0 calc(33.33333333333333% - .5rem)
    }
}

.sisi-option,
.spec-sheet-pdf-project .sisi-option,
.text-white .sisi-option,
button.sisi-option:disabled {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 1px solid rgba(0, 0, 0, .08);
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 400;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .5rem .5rem 0 0;
    overflow: visible;
    padding: .5em 1em
}

@media screen and (min-width:30em) {

    .sisi-option,
    .spec-sheet-pdf-project .sisi-option,
    .text-white .sisi-option,
    button.sisi-option:disabled {
        padding: .5em 1.5em
    }
}

.sisi-option:focus,
.sisi-option:hover,
.spec-sheet-pdf-project .sisi-option:focus,
.spec-sheet-pdf-project .sisi-option:hover,
.text-white .sisi-option:focus,
.text-white .sisi-option:hover,
button.sisi-option:disabled:focus,
button.sisi-option:disabled:hover {
    background: 0 0;
    border-color: #5a5b5c;
    color: #2d2d2e
}

.sisi-option.is-selected,
.sisi-option.is-selected:disabled {
    background: 0 0;
    border-color: #5a5b5c;
    color: #2d2d2e;
    opacity: 1
}

button.sisi-option.is-loading,
button.sisi-option.is-loading:focus,
button.sisi-option.is-loading:hover {
    background: #f7f7f7;
    opacity: 1
}

.sisi-option img {
    display: block;
    margin: 0 -1.5em 1rem
}

.sisi-style-name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sisi-style-name .loader {
    border: .125rem solid rgba(45, 45, 46, .2);
    border-top-color: rgba(45, 45, 46, .6);
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem;
    height: 1rem;
    margin-right: .375rem;
    width: 1rem
}

.sisi-material-tabs {
    border-bottom: 2px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5rem 0 1rem
}

.sisi-material-tab,
.spec-sheet-pdf-project .sisi-material-tab,
.text-white .sisi-material-tab {
    background: 0 0;
    border: none;
    border-radius: 0;
    color: #5a5b5c;
    font-size: .875rem;
    padding: 0 0 .375rem
}

.sisi-material-tab:focus,
.sisi-material-tab:hover,
.spec-sheet-pdf-project .sisi-material-tab:focus,
.spec-sheet-pdf-project .sisi-material-tab:hover,
.text-white .sisi-material-tab:focus,
.text-white .sisi-material-tab:hover {
    background: 0 0;
    border-color: #2d2d2e;
    -webkit-box-shadow: 0 2px 0 0 #2d2d2e;
    box-shadow: 0 2px 0 0 #2d2d2e;
    color: #2d2d2e
}

.sisi-material-tab.is-active {
    border-color: #2d2d2e;
    -webkit-box-shadow: 0 2px 0 0 #2d2d2e;
    box-shadow: 0 2px 0 0 #2d2d2e;
    color: #2d2d2e
}

.sisi-material-tab+.sisi-material-tab {
    margin-left: 1.5rem
}

.sisi-material-tab .sisi-option-group-count {
    margin-left: .25rem
}

.sisi-material-group {
    margin-top: .5rem
}

@media screen and (min-width:56em) {
    .sisi-material-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.spec-sheet-pdf-project .sisi-material-group p,
.text-white .sisi-material-group p {
    color: #5a5b5c
}

.sisi-material-scrollbar {
    background: #f7f7f7;
    border-radius: 1.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.75rem;
    margin-top: .5rem
}

@media screen and (min-width:56em) {
    .sisi-material-scrollbar {
        border-radius: 1.25rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.25rem;
        flex: 0 0 1.25rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        margin: 0 0 0 .5rem;
        width: 1.25rem
    }
}

.sisi-material-scrollbar-next,
.sisi-material-scrollbar-next:disabled,
.sisi-material-scrollbar-prev,
.sisi-material-scrollbar-prev:disabled,
.spec-sheet-pdf-project .sisi-material-scrollbar-next,
.spec-sheet-pdf-project .sisi-material-scrollbar-prev,
.text-white .sisi-material-scrollbar-next,
.text-white .sisi-material-scrollbar-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: none;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.75rem;
    flex: 0 0 1.75rem;
    height: 1.75rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.sisi-material-scrollbar-next svg,
.sisi-material-scrollbar-next:disabled svg,
.sisi-material-scrollbar-prev svg,
.sisi-material-scrollbar-prev:disabled svg,
.spec-sheet-pdf-project .sisi-material-scrollbar-next svg,
.spec-sheet-pdf-project .sisi-material-scrollbar-prev svg,
.text-white .sisi-material-scrollbar-next svg,
.text-white .sisi-material-scrollbar-prev svg {
    fill: currentColor
}

.sisi-material-scrollbar-next:focus,
.sisi-material-scrollbar-next:hover,
.sisi-material-scrollbar-prev:focus,
.sisi-material-scrollbar-prev:hover,
.spec-sheet-pdf-project .sisi-material-scrollbar-next:not(:disabled):focus,
.spec-sheet-pdf-project .sisi-material-scrollbar-next:not(:disabled):hover,
.spec-sheet-pdf-project .sisi-material-scrollbar-prev:not(:disabled):focus,
.spec-sheet-pdf-project .sisi-material-scrollbar-prev:not(:disabled):hover,
.text-white .sisi-material-scrollbar-next:not(:disabled):focus,
.text-white .sisi-material-scrollbar-next:not(:disabled):hover,
.text-white .sisi-material-scrollbar-prev:not(:disabled):focus,
.text-white .sisi-material-scrollbar-prev:not(:disabled):hover {
    background: rgba(0, 0, 0, .3);
    color: #fff
}

.sisi-material-scrollbar-prev,
.sisi-material-scrollbar-prev:disabled {
    border-radius: 1.75rem 0 0 1.75rem
}

@media screen and (min-width:56em) {

    .sisi-material-scrollbar-next,
    .sisi-material-scrollbar-next:disabled,
    .sisi-material-scrollbar-prev,
    .sisi-material-scrollbar-prev:disabled,
    .spec-sheet-pdf-project .sisi-material-scrollbar-next,
    .spec-sheet-pdf-project .sisi-material-scrollbar-prev,
    .text-white .sisi-material-scrollbar-next,
    .text-white .sisi-material-scrollbar-prev {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.25rem;
        flex: 0 0 1.25rem;
        height: 1.25rem
    }

    .sisi-material-scrollbar-prev,
    .sisi-material-scrollbar-prev:disabled {
        border-radius: 1.25rem 1.25rem 0 0
    }

    .sisi-material-scrollbar-prev svg,
    .sisi-material-scrollbar-prev:disabled svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.sisi-material-scrollbar-next,
.sisi-material-scrollbar-next:disabled {
    border-radius: 0 1.75rem 1.75rem 0
}

@media screen and (min-width:56em) {

    .sisi-material-scrollbar-next,
    .sisi-material-scrollbar-next:disabled {
        border-radius: 0 0 1.25rem 1.25rem
    }

    .sisi-material-scrollbar-next svg,
    .sisi-material-scrollbar-next:disabled svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.sisi-material-scrollbar-next:disabled,
.sisi-material-scrollbar-prev:disabled,
.spec-sheet-pdf-project .sisi-material-scrollbar-next:disabled,
.spec-sheet-pdf-project .sisi-material-scrollbar-prev:disabled,
.text-white .sisi-material-scrollbar-next:disabled,
.text-white .sisi-material-scrollbar-prev:disabled {
    opacity: .3
}

.sisi-material-scrollbar-next:disabled:focus,
.sisi-material-scrollbar-next:disabled:hover,
.sisi-material-scrollbar-prev:disabled:focus,
.sisi-material-scrollbar-prev:disabled:hover,
.spec-sheet-pdf-project .sisi-material-scrollbar-next:disabled:focus,
.spec-sheet-pdf-project .sisi-material-scrollbar-next:disabled:hover,
.spec-sheet-pdf-project .sisi-material-scrollbar-prev:disabled:focus,
.spec-sheet-pdf-project .sisi-material-scrollbar-prev:disabled:hover,
.text-white .sisi-material-scrollbar-next:disabled:focus,
.text-white .sisi-material-scrollbar-next:disabled:hover,
.text-white .sisi-material-scrollbar-prev:disabled:focus,
.text-white .sisi-material-scrollbar-prev:disabled:hover {
    border: none
}

.sisi-material-scrollbar-indicator,
.spec-sheet-pdf-project .sisi-material-scrollbar-indicator,
.text-white .sisi-material-scrollbar-indicator {
    background: 0 0;
    border: none;
    border-radius: 1.75rem;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: auto;
    margin: .25rem 0;
    overflow: visible;
    padding: 0;
    position: relative;
    -webkit-transition: none;
    transition: none
}

.sisi-material-scrollbar-indicator:focus,
.sisi-material-scrollbar-indicator:hover,
.spec-sheet-pdf-project .sisi-material-scrollbar-indicator:focus,
.spec-sheet-pdf-project .sisi-material-scrollbar-indicator:hover,
.text-white .sisi-material-scrollbar-indicator:focus,
.text-white .sisi-material-scrollbar-indicator:hover {
    background: rgba(0, 0, 0, .08);
    border-color: #f7f7f7
}

.sisi-material-scrollbar-indicator:focus .sisi-material-scrollbar-tip,
.sisi-material-scrollbar-indicator:hover .sisi-material-scrollbar-tip,
.spec-sheet-pdf-project .sisi-material-scrollbar-indicator:focus .sisi-material-scrollbar-tip,
.spec-sheet-pdf-project .sisi-material-scrollbar-indicator:hover .sisi-material-scrollbar-tip,
.text-white .sisi-material-scrollbar-indicator:focus .sisi-material-scrollbar-tip,
.text-white .sisi-material-scrollbar-indicator:hover .sisi-material-scrollbar-tip {
    display: block !important
}

.sisi-material-scrollbar-indicator.is-active,
.spec-sheet-pdf-project .sisi-material-scrollbar-indicator.is-active,
.text-white .sisi-material-scrollbar-indicator.is-active {
    background: rgba(0, 0, 0, .3);
    cursor: auto
}

.sisi-material-scrollbar-indicator.is-active .sisi-material-scrollbar-tip,
.spec-sheet-pdf-project .sisi-material-scrollbar-indicator.is-active .sisi-material-scrollbar-tip,
.text-white .sisi-material-scrollbar-indicator.is-active .sisi-material-scrollbar-tip {
    display: block
}

@media screen and (min-width:56em) {

    .sisi-material-scrollbar-indicator,
    .spec-sheet-pdf-project .sisi-material-scrollbar-indicator,
    .text-white .sisi-material-scrollbar-indicator {
        border-radius: 1.25rem;
        margin: 0 .25rem
    }

    .sisi-material-scrollbar-indicator.is-active .sisi-material-scrollbar-tip,
    .spec-sheet-pdf-project .sisi-material-scrollbar-indicator.is-active .sisi-material-scrollbar-tip,
    .text-white .sisi-material-scrollbar-indicator.is-active .sisi-material-scrollbar-tip {
        display: none
    }
}

.sisi-material-scrollbar-tip {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.125;
    text-transform: uppercase;
    background: #fff;
    -webkit-box-shadow: 0 .0625em .125em rgba(0, 0, 0, .1), 0 0 1.5em rgba(0, 0, 0, .2);
    box-shadow: 0 .0625em .125em rgba(0, 0, 0, .1), 0 0 1.5em rgba(0, 0, 0, .2);
    border-radius: 3px;
    color: #5a5b5c;
    display: none;
    left: 50%;
    margin: .5rem 0 0;
    padding: .25rem .5rem;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .2s opacity ease-out;
    transition: .2s opacity ease-out;
    white-space: nowrap;
    z-index: 20
}

.rep-card-contact,
.sisi-material-grid {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (min-width:56em) {
    .sisi-material-scrollbar-tip {
        border-top-right-radius: 0;
        -webkit-box-shadow: 0 .0625em .125em rgba(0, 0, 0, .1), .25em .25em 1.5em rgba(0, 0, 0, .2);
        box-shadow: 0 .0625em .125em rgba(0, 0, 0, .1), .25em .25em 1.5em rgba(0, 0, 0, .2);
        left: auto;
        margin: -2px .75rem 0 0;
        right: 100%;
        top: 50%;
        -webkit-transform: none;
        transform: none
    }
}

.sisi-material-scrollbar-tip:after {
    bottom: 100%;
    content: '';
    border-style: solid;
    border-width: 0 .375rem .25rem;
    border-color: transparent transparent #fff;
    height: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

@media screen and (min-width:56em) {
    .sisi-material-scrollbar-tip:after {
        border-width: 0 0 .5rem .375rem;
        border-color: transparent transparent transparent #fff;
        bottom: auto;
        left: 100%;
        top: 0;
        -webkit-transform: none;
        transform: none
    }
}

.sisi-material-grid {
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 1;
    -webkit-transition: 150ms opacity ease-out;
    transition: 150ms opacity ease-out
}

.grid-10-up .sisi-material-option .sisi-material-overlay,
.grid-8-up .sisi-material-option .sisi-material-overlay,
.sisi-material-btn img {
    display: block
}

.sisi-material-grid.is-loading {
    opacity: 0
}

.sisi-material-btn.is-loaded img,
.sisi-material-btn:disabled {
    opacity: 1
}

.sisi-material-option {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
    position: relative;
    text-align: center
}

.grid-7-up .sisi-material-option {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 14.28571428571429%;
    flex: 0 1 14.28571428571429%
}

.grid-8-up .sisi-material-option {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 12.5%;
    flex: 0 1 12.5%
}

.grid-8-up .sisi-material-option:nth-child(8n+5) .sisi-material-card,
.grid-8-up .sisi-material-option:nth-child(8n+6) .sisi-material-card,
.grid-8-up .sisi-material-option:nth-child(8n+7) .sisi-material-card,
.grid-8-up .sisi-material-option:nth-child(8n+8) .sisi-material-card {
    left: auto;
    right: -2rem
}

.grid-10-up .sisi-material-option {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 10%;
    flex: 0 1 10%
}

.grid-10-up .sisi-material-option:nth-child(8n+5) .sisi-material-card,
.grid-10-up .sisi-material-option:nth-child(8n+6) .sisi-material-card,
.grid-10-up .sisi-material-option:nth-child(8n+7) .sisi-material-card,
.grid-10-up .sisi-material-option:nth-child(8n+8) .sisi-material-card {
    left: -2rem;
    right: auto
}

.grid-10-up .sisi-material-option:nth-child(10n+10) .sisi-material-card,
.grid-10-up .sisi-material-option:nth-child(10n+6) .sisi-material-card,
.grid-10-up .sisi-material-option:nth-child(10n+7) .sisi-material-card,
.grid-10-up .sisi-material-option:nth-child(10n+8) .sisi-material-card,
.grid-10-up .sisi-material-option:nth-child(10n+9) .sisi-material-card {
    left: auto;
    right: -2rem
}

.sisi-material-option.is-selected .sisi-material-btn {
    -webkit-box-shadow: 0 0 0 1px #5a5b5c;
    box-shadow: 0 0 0 1px #5a5b5c
}

.sisi-material-btn,
.sisi-material-btn:disabled,
.spec-sheet-pdf-project .sisi-material-btn,
.text-white .sisi-material-btn {
    background: 0 0;
    border: 4px solid #fff;
    border-radius: 100%;
    margin: .125rem;
    padding: 0;
    position: relative;
    -webkit-transition: .1s all ease-out;
    transition: .1s all ease-out
}

.sisi-material-btn:before,
.sisi-material-btn:disabled:before,
.spec-sheet-pdf-project .sisi-material-btn:before,
.text-white .sisi-material-btn:before {
    -webkit-animation: loader 1s infinite linear;
    animation: loader 1s infinite linear;
    border-radius: 50%;
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5rem 0 0 -.5rem;
    border: .125rem solid rgba(45, 45, 46, .2);
    border-top-color: transparent;
    height: 1rem;
    width: 1rem
}

.sisi-material-btn:disabled:focus,
.sisi-material-btn:disabled:hover,
.sisi-material-btn:focus,
.sisi-material-btn:hover,
.spec-sheet-pdf-project .sisi-material-btn:focus,
.spec-sheet-pdf-project .sisi-material-btn:hover,
.text-white .sisi-material-btn:focus,
.text-white .sisi-material-btn:hover {
    background: 0 0;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 0 0 1px #5a5b5c;
    box-shadow: 0 0 0 1px #5a5b5c
}

@media screen and (min-width:70em) {

    .sisi-material-btn:disabled:focus+.sisi-material-overlay,
    .sisi-material-btn:disabled:hover+.sisi-material-overlay,
    .sisi-material-btn:focus+.sisi-material-overlay,
    .sisi-material-btn:hover+.sisi-material-overlay,
    .spec-sheet-pdf-project .sisi-material-btn:focus+.sisi-material-overlay,
    .spec-sheet-pdf-project .sisi-material-btn:hover+.sisi-material-overlay,
    .text-white .sisi-material-btn:focus+.sisi-material-overlay,
    .text-white .sisi-material-btn:hover+.sisi-material-overlay {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
        visibility: visible
    }
}

.sisi-material-btn:not(:disabled):active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.sisi-material-btn img {
    border-radius: 100%;
    position: relative;
    z-index: 1
}

.sisi-material-overlay {
    bottom: 100%;
    display: none;
    left: 50%;
    margin-bottom: -.75rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: left;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: 150ms opacity ease-out, 150ms -webkit-transform ease-out;
    transition: 150ms opacity ease-out, 150ms -webkit-transform ease-out;
    transition: 150ms opacity ease-out, 150ms transform ease-out;
    transition: 150ms opacity ease-out, 150ms transform ease-out, 150ms -webkit-transform ease-out;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    visibility: hidden;
    z-index: 10
}

.sisi-material-overlay:before {
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: .375rem solid #fff;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -.5rem;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 20
}

.sisi-material-overlay img {
    border-radius: 3px;
    display: block
}

.sisi-material-card {
    background-color: #fff;
    border-radius: 3px;
    bottom: 100%;
    -webkit-box-shadow: 0 .0625em .25em rgba(0, 0, 0, .1), 0 .625em 3em rgba(0, 0, 0, .2);
    box-shadow: 0 .0625em .25em rgba(0, 0, 0, .1), 0 .625em 3em rgba(0, 0, 0, .2);
    left: -2rem;
    padding: .375rem;
    position: absolute;
    width: 20rem
}

.sisi-material-overlay-content {
    line-height: 1.375;
    padding: .75rem 1rem .375rem
}

.sisi-material-name {
    color: #2d2d2e;
    display: block;
    font-weight: 600
}

.sisi-material-code {
    display: block;
    font-size: .875rem
}

.spec-sheet-pdf-project .sisi-material-code,
.text-white .sisi-material-code {
    color: #5a5b5c
}

.spec-sheet-pdf-project .sisi-config input,
.spec-sheet-pdf-project .sisi-config select,
.text-white .sisi-config input,
.text-white .sisi-config select {
    border-color: rgba(0, 0, 0, .16)
}

.spec-sheet-pdf-project .sisi-config input:focus,
.spec-sheet-pdf-project .sisi-config select:focus,
.text-white .sisi-config input:focus,
.text-white .sisi-config select:focus {
    border-color: #5a5b5c
}

.sisi-fabric-search {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    margin-bottom: .5rem;
    position: relative
}

.sisi-fabric-search>input:focus~label,
.sisi-fabric-search>input:not(:placeholder-shown)~label {
    -webkit-transform: scale(.8125) translateY(-.5625em) translateX(.5em);
    transform: scale(.8125) translateY(-.5625em) translateX(.5em)
}

.sisi-fabric-search>input:-webkit-autofill~label {
    -webkit-transform: scale(.8125) translateY(-.5625em) translateX(.5em);
    transform: scale(.8125) translateY(-.5625em) translateX(.5em)
}

.sisi-fabric-search input,
.sisi-fabric-search label {
    max-width: none;
    padding-left: 2.25rem
}

.sisi-fabric-search .search-icon {
    height: 13px;
    left: 1rem;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 13px
}

.sisi-fabric-filters {
    margin-bottom: 1rem
}

@media screen and (min-width:30em) {
    .sisi-fabric-filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.rep-finder [v-cloak],
.rep-finder>.loader,
.sisi [v-cloak] {
    display: none
}

.sisi-fabric-filters .form-field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.sisi-fabric-filters .form-field+.form-field {
    margin-top: .5rem
}

.sisi-fabric-filters select {
    max-width: none
}

.sisi-loading-error {
    font-weight: 300;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    text-align: center;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .sisi-fabric-filters .form-field+.form-field {
        margin: 0 0 0 .5rem
    }

    .sisi-loading-error {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .sisi-loading-error {
        font-size: 1.25rem
    }
}

.sisi-loader {
    margin: 4rem auto;
    text-align: center
}

.sisi-loader .loader {
    margin: 0 auto
}

.rep-finder .loader[v-cloak] {
    display: block
}

.spec-sheet-pdf-project .rep-finder>.loader,
.text-white .rep-finder>.loader {
    border-color: rgba(255, 255, 255, .2);
    border-top-color: #fff
}

.rep-finder>.loader {
    margin: 4rem auto
}

.rep-finder-search {
    margin-bottom: 1.5rem
}

@media screen and (min-width:30em) {
    .rep-finder-search {
        margin-bottom: 5vmin
    }
}

.rep-finder-search select {
    max-width: 20rem
}

.rep-list:not(.is-loading):not(:empty) {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.spec-sheet-pdf-project .rep-list:not(.is-loading):not(:empty),
.text-white .rep-list:not(.is-loading):not(:empty) {
    border-color: rgba(255, 255, 255, .2)
}

@media screen and (min-width:56em) {
    .rep-list.is-loading:empty:before {
        -webkit-animation: loader 1s infinite linear;
        animation: loader 1s infinite linear;
        border: .5em solid rgba(45, 45, 46, .12);
        border-radius: 50%;
        border-top-color: rgba(45, 45, 46, .47);
        display: block;
        height: 4em;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 4em;
        content: '';
        margin: 4rem auto
    }

    .spec-sheet-pdf-project .rep-list.is-loading:empty:before,
    .text-white .rep-list.is-loading:empty:before {
        border-color: rgba(255, 255, 255, .2);
        border-top-color: #fff
    }
}

.rep-card-areas,
.rep-card-content :last-child {
    margin-bottom: 0
}

.rep-card {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding: 1.5rem 0
}

@media screen and (min-width:30em) {
    .rep-card {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5vmin;
        padding: 5vmin 0
    }

    .rep-card-img {
        max-width: 30%
    }
}

@media screen and (min-width:56em) {
    .rep-card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.spec-sheet-pdf-project .rep-card,
.text-white .rep-card {
    border-color: rgba(255, 255, 255, .2)
}

.rep-card-img {
    aspect-ratio: 1/1;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rep-card-areas {
    list-style-type: none;
    margin-top: 0;
    padding-left: 0;
    font-weight: 300;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .rep-card-areas {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .rep-card-areas {
        font-size: 1.25rem
    }
}

.rep-card-areas li {
    display: inline
}

.rep-card-areas li+li:before {
    content: ', '
}

.rep-card-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 1.5rem
}

.rep-card-content :first-child {
    margin-top: 0
}

.rep-card-name {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.375;
    margin: 0;
    font-size: 1.375rem
}

.callout-subtitle,
.rep-card-contact dt {
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

@media screen and (min-width:30em) {
    .rep-card-content {
        margin-top: 0
    }

    .rep-card-name {
        font-size: calc(1.375rem + .375 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .rep-card-name {
        font-size: 1.75rem
    }
}

.alert-banner,
.callout-subtitle,
.rep-card-contact dt {
    font-size: .875rem;
    line-height: 1.375
}

.spec-sheet-pdf-project .rep-card-name,
.text-white .rep-card-name {
    color: #fff
}

.rep-card-contact {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    margin: 1.5rem 0 0
}

@media screen and (min-width:56em) {
    .rep-card-contact {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.rep-card-contact-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .75rem);
    flex: 0 0 calc(50% - .75rem)
}

@media screen and (min-width:80em) {
    .rep-card-contact-group {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 1.125rem);
        flex: 0 0 calc(25% - 1.125rem)
    }
}

.rep-card-contact dt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2d2d2e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .25rem
}

.spec-sheet-pdf-project .rep-card-contact dt,
.text-white .rep-card-contact dt {
    color: #fff
}

.rep-card-contact svg {
    fill: currentColor;
    margin-right: .5em
}

.rep-card-details-link {
    margin-top: 1.5rem
}

.rep-card-details {
    display: none;
    padding: 5vmin;
    width: 35rem
}

.fabric-approval-search {
    background: #f7f7f7;
    padding: 5vmin
}

.callout-img {
    display: block;
    margin-bottom: 1rem
}

.callout-subtitle {
    color: #5a5b5c;
    margin: 0
}

.spec-sheet-pdf-project .callout-subtitle,
.text-white .callout-subtitle {
    color: #fff
}

.callout-title {
    margin: 0
}

.alert-banner {
    background: #fff;
    color: #2d2d2e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem .75rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .75rem 1rem;
    position: relative;
    text-align: center;
    z-index: 110
}

.alert-banner a {
    color: currentColor
}

.alert-banner.spec-sheet-pdf-project,
.alert-banner.text-white {
    color: #fff
}

.alert-banner.spec-sheet-pdf-project a,
.alert-banner.text-white a {
    color: currentColor
}

.product-pdf {
    font-size: 10pt;
    line-height: 1.375
}

.product-pdf a:not(.btn):not(.btn-secondary):not(.btn-cta) {
    color: inherit;
    text-decoration: none
}

.product-pdf .print-page-break {
    -webkit-column-break-after: page;
    -moz-column-break-after: page;
    break-after: page
}

.product-pdf .intro-content,
.product-pdf .section-title {
    -webkit-column-break-after: avoid;
    -moz-column-break-after: avoid;
    break-after: avoid
}

.product-pdf .unit:has(.print-page-break) {
    padding-top: 0 !important
}

.product-pdf ol,
.product-pdf p,
.product-pdf tr,
.product-pdf ul {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.product-pdf .heading1,
.product-pdf h1 {
    -webkit-column-break-inside: avoid;
    font-size: 2.369rem
}

.product-pdf .heading2,
.product-pdf h2 {
    -webkit-column-break-inside: avoid;
    font-size: 1.777rem
}

.product-pdf .heading3,
.product-pdf h3 {
    -webkit-column-break-inside: avoid;
    font-size: 1.333rem
}

.product-pdf .heading4,
.product-pdf h4 {
    -webkit-column-break-inside: avoid;
    font-size: 1rem;
    line-height: 1.375
}

.product-pdf .heading5,
.product-pdf h5 {
    -webkit-column-break-inside: avoid;
    font-size: .8571428571428571rem;
    line-height: 1.25;
    color: #2d2d2e
}

.product-pdf .heading1,
.product-pdf .heading2,
.product-pdf .heading3,
.product-pdf .heading4,
.product-pdf .heading5,
.product-pdf .section-title,
.product-pdf .text-center,
.product-pdf div,
.product-pdf h1,
.product-pdf h2,
.product-pdf h3,
.product-pdf h4,
.product-pdf h5,
.product-pdf ol,
.product-pdf p,
.product-pdf ul {
    text-align: left !important
}

.product-pdf .section-title {
    margin-bottom: 1cm
}

.product-pdf .section-title:last-child {
    margin-bottom: 0
}

.product-pdf .section-title:after {
    background-color: rgba(0, 0, 0, .2);
    margin-left: 0;
    margin-top: .375em
}

.product-pdf .intro-content:not(:last-child) {
    margin-bottom: .5cm
}

.product-pdf .btn,
.product-pdf .btn-secondary {
    display: none
}

.product-pdf .full-content,
.product-pdf .inner,
.product-pdf .inner-full,
.product-pdf .inner-narrow,
.product-pdf .inner-wide,
.product-pdf .narrow-content {
    max-width: none
}

.product-pdf .inner {
    margin-left: -5vmin;
    margin-right: -5vmin
}

.product-pdf .unit[class*=" size"],
.product-pdf .unit[class*=" charlie-size"] {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    padding-bottom: 5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .inner {
        margin-left: -3vmin;
        margin-right: -3vmin
    }

    .product-pdf .unit[class*=" size"],
    .product-pdf .unit[class*=" charlie-size"] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

.product-pdf .unit.size-auto {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.product-pdf .unit.size1of1 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .unit.size1of1 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .unit.size1of2,
.product-pdf .unit.size2of4 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {

    .product-pdf .unit.size1of2,
    .product-pdf .unit.size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .unit.size1of3 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .unit.size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .unit.size1of4 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .unit.size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .unit.size1of5 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .unit.size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .unit.size2of5 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .unit.size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .unit.size3of5 {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .unit.size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .unit.size2of3 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .unit.size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .unit.size3of4 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .unit.size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .unit.size4of5 {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .unit.size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .accordion .accordion-header,
.product-pdf .accordion .accordion-item.open .accordion-header,
.product-pdf .tab-header {
    background: #f7f7f7;
    color: #2d2d2e
}

.product-pdf .accordion-item,
.product-pdf .tabcordions .tab-pane {
    border: none;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.product-pdf .accordion-item+.accordion-item,
.product-pdf .accordion-item+.tab-pane,
.product-pdf .tabcordions .tab-pane+.accordion-item,
.product-pdf .tabcordions .tab-pane+.tab-pane {
    margin-top: 1cm
}

.product-pdf .accordion-more,
.product-pdf .tab-content {
    display: block !important;
    padding: .5cm 0 0
}

.product-pdf .product-pdf-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #c8322b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5cm;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 2cm;
    padding: 0 .3125cm;
    position: absolute;
    top: 0;
    width: 2.275cm
}

.product-pdf .product-pdf-logo svg {
    fill: #fff;
    max-width: 100%
}

.product-pdf .product-pdf-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f7f7;
    bottom: 1cm;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 1cm;
    padding: .25cm;
    position: fixed;
    right: 1cm
}

.product-pdf .product-pdf-cover {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-break-after: page;
    -moz-column-break-after: page;
    break-after: page;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh
}

.product-pdf .product-pdf-cover-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.25cm;
    flex: 0 0 4.25cm;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 1.125;
    margin: 0;
    padding: .5cm 0 .5cm 6cm;
    text-align: right
}

.product-pdf .product-pdf-cover-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    gap: 1cm;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.product-pdf .product-pdf-cover-teaser {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.333rem;
    line-height: 1.75;
    max-width: 15cm;
    text-wrap: balance
}

.product-pdf .product-pdf-cover-teaser :first-child {
    margin-top: 0
}

.product-pdf .custom-row .inner+.unit,
.product-pdf .inner+.reversible-row,
.product-pdf .product-pdf-blocks>.unit .inner>.unit:not([class*=size])+.unit:not([class*=size]) {
    margin-top: 1cm
}

.product-pdf .product-pdf-cover-teaser :last-child {
    margin-bottom: 0
}

.product-pdf .product-pdf-cover-media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.product-pdf .product-pdf-cover-media img {
    display: block;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.product-pdf .product-pdf-blocks>.unit {
    margin-bottom: 1cm
}

.product-pdf .product-pdf-blocks .unit .full-content,
.product-pdf .product-pdf-blocks .unit .inner,
.product-pdf .product-pdf-blocks .unit .inner .unit {
    break-inside: avoid-page
}

.product-pdf .image-cta,
.product-pdf .image-cta-title,
.product-pdf .masonry-grid-item,
.product-pdf .richtext-swatch-list,
.product-pdf .richtext-swatch-list-large {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.product-pdf .custom-row,
.product-pdf .product-pdf-blocks .unit .inner,
.product-pdf .product-pdf-blocks .unit .unit,
.product-pdf .section-padded,
.product-pdf .section-padded-xl {
    padding-bottom: 0;
    padding-top: 0
}

.product-pdf .custom-row {
    scroll-margin-top: 0
}

.product-pdf .custom-row[style*=background-image],
.product-pdf .custom-row[style*=background-color] {
    padding: 1cm
}

.product-pdf .inner.center-default {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.product-pdf .rich-text-col.size1of2 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .rich-text-col.size1of2 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .reversible-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -5vmin;
    margin-right: -5vmin;
    max-width: none;
    padding: 0 2.5vmin
}

.product-pdf .reversible-row+.reversible-row {
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .reversible-row {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        margin-left: -3vmin;
        margin-right: -3vmin
    }

    .product-pdf .reversible-row+.reversible-row {
        padding-top: 3vmin
    }
}

.product-pdf .unit>.reversible-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -2.5vmin;
    margin-right: -2.5vmin
}

.product-pdf .reversible-row-image {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    margin-bottom: 0
}

@media screen and (min-width:70em) {
    .product-pdf .unit>.reversible-row {
        margin-left: -1.5vmin;
        margin-right: -1.5vmin
    }

    .product-pdf .reversible-row-image {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .reversible-row-content {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .product-pdf .reversible-row-content {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.product-pdf .reversible-row.image-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.product-pdf .richtext-swatch-list,
.product-pdf .richtext-swatch-list-large {
    display: -ms-grid;
    display: grid;
    gap: .5cm .25cm;
    grid-template-columns: repeat(auto-fill, minmax(3cm, 1fr));
    margin-top: 0
}

.product-pdf .richtext-swatch-list .small-text,
.product-pdf .richtext-swatch-list li,
.product-pdf .richtext-swatch-list-large .small-text,
.product-pdf .richtext-swatch-list-large li {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    font-size: 1rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    text-align: left
}

.spec-sheet-pdf-project .product-pdf .richtext-swatch-list .small-text,
.spec-sheet-pdf-project .product-pdf .richtext-swatch-list li,
.spec-sheet-pdf-project .product-pdf .richtext-swatch-list-large .small-text,
.spec-sheet-pdf-project .product-pdf .richtext-swatch-list-large li,
.text-white .product-pdf .richtext-swatch-list .small-text,
.text-white .product-pdf .richtext-swatch-list li,
.text-white .product-pdf .richtext-swatch-list-large .small-text,
.text-white .product-pdf .richtext-swatch-list-large li {
    color: #fff
}

.product-pdf .richtext-swatch-list-large>* {
    margin: 0 !important;
    max-width: none
}

.product-pdf .callout-img~p,
.product-pdf .callout-title~p {
    font-size: .875rem;
    font-weight: 400;
    margin-top: .25em
}

.product-pdf .callout-img~h2,
.product-pdf .callout-img~h3,
.product-pdf .callout-img~h4,
.product-pdf .callout-img~h5,
.product-pdf .callout-title~h2,
.product-pdf .callout-title~h3,
.product-pdf .callout-title~h4,
.product-pdf .callout-title~h5 {
    margin: 0
}

.product-pdf .image-cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    gap: 1cm;
    min-height: 0;
    overflow: visible;
    padding-top: 0
}

.product-pdf .image-cta:after {
    content: none
}

.product-pdf .image-cta:focus .image-cta-img,
.product-pdf .image-cta:hover .image-cta-img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.product-pdf .image-cta-img {
    aspect-ratio: 6/4;
    height: auto;
    position: static
}

.product-pdf .image-cta-overlay {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0
}

.product-pdf .image-cta-subtitle {
    color: #5a5b5c
}

.product-pdf .image-cta-title {
    font-size: 1.333rem;
    color: #2d2d2e !important
}

.product-pdf .image-cta-teaser {
    font-size: .875rem;
    font-weight: 400;
    color: #5a5b5c;
    max-width: none;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.product-pdf .image-cta-video-icon {
    display: none
}

.product-pdf .masonry-grid {
    margin: 0;
    padding: 0;
    max-width: none
}

.product-pdf .masonry-grid-item:not(:last-child) {
    margin-bottom: 1cm
}

.product-pdf .content-carousel-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1cm
}

.product-pdf .content-carousel-media,
.product-pdf .content-carousel-teaser {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    margin-bottom: 0
}

.product-pdf .content-carousel-nav {
    display: none
}

.product-pdf .content-carousel .unit+.unit,
.product-pdf .section-padded+.int-photo {
    margin-top: 1cm
}

.product-pdf .int-photo-img {
    margin-bottom: 1cm
}

.product-pdf button.int-photo-marker {
    background: #fff;
    -webkit-box-shadow: 0 .0625em 1em rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0 .0625em 1em rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .2);
    color: #5a5b5c;
    font-size: .875rem;
    height: 1.75em;
    margin: 0;
    width: 1.75em
}

.product-pdf .int-photo-key,
.product-pdf .int-photo-title {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    font-size: 1rem;
    line-height: 1.375
}

.product-pdf .int-photo-content {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    gap: 1cm;
    max-width: none;
    padding-left: 0;
    padding-right: 0
}

.product-pdf .int-photo-popup {
    background: 0 0;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 .5cm
}

.product-pdf .int-photo-detail :first-child,
.product-pdf .int-photo-teaser :first-child {
    margin-top: 0
}

.product-pdf .int-photo-detail :last-child,
.product-pdf .int-photo-teaser :last-child {
    margin-bottom: 0
}

.product-pdf .int-photo-key {
    background: 0 0;
    border-radius: 0;
    color: #5a5b5c;
    display: block;
    height: auto;
    left: 0;
    top: auto;
    width: auto
}

.product-pdf .int-photo-key:after {
    content: '.'
}

.product-pdf .int-photo-detail {
    padding: 0 0 0 1.5rem
}

.product-pdf .int-photo-section-title {
    display: none
}

.product-pdf .int-photo-teaser {
    font-size: .875rem;
    font-weight: 400
}

.product-pdf .int-photo-detail-top+.int-photo-teaser {
    margin-top: .25em
}