/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
article, aside, footer, header, nav, section {
	display: block
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
figcaption, figure, main {
	display: block
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
b, strong {
	font-weight: inherit;
	font-weight: bolder
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
dfn {
	font-style: italic
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
audio, video {
	display: inline-block
}
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, input {
	overflow: visible
}
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:1px dotted ButtonText
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
progress {
	display: inline-block;
	vertical-align: baseline
}
textarea {
	overflow: auto
}
[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
}
details, menu {
	display: block
}
summary {
	display: list-item
}
canvas {
	display: inline-block
}
[hidden], template {
	display: none
}
@font-face {
	font-family: Nunito;
	font-style: normal;
	font-weight: 400;
	src: local("Nunito Regular"), local("Nunito-Regular"), url(../fonts/nunito-regular.woff2) format("woff2"), url(../fonts/6tbrxkwjjpj6v2v_wyrbmevvdin1pk8aktelpez5c0a.woff2) format("woff2");
unicode-range:u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215
}
@font-face {
	font-family: Industry-Light;
	src: url(../fonts/industry-light-webfont.woff2) format("woff2"), url(../fonts/industry-light-webfont.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: Industry-Medium;
	src: url(../fonts/industry-medium-webfont.woff2) format("woff2"), url(../fonts/industry-medium-webfont.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: Industry-Demi;
	src: url(../fonts/industry-demi-webfont.woff2) format("woff2"), url(../fonts/industry-demi-webfont.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
html {
	font-family: Nunito, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5;
/*	box-sizing: border-box*/
}
*, :after, :before {
	box-sizing: inherit
}
body {
	margin: 0;
	height: 100%;
	background: #f6f6f6;
	color: #4a4a4a;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
p {
	font-size: 1rem;
	line-height: 1.5;
	margin: .5em 0
}
li, ol, ul {
	list-style: none;
	padding: 0;
	margin: 0
}
dl {
	margin-bottom: 1em
}
code {
	background: hsla(0,0%,60%,.3);
	padding: 0 3px;
	border-radius: 4px
}
img {
	max-width: 100%;
	vertical-align: middle
}
hr {
	display: block;
	margin: 1em auto;
	padding: 0;
	border: 0;
	height: 1px;
	max-width: 4.25em;
	margin: 1rem auto;
	background: radial-gradient(circle farthest-corner at 36% 26%, #f99d1d, #cb3c6d 48%, #782a8f)
}
hr.u-sizeFull {
	max-width: none;
	background: hsla(0,0%,60%,.3)
}
figure {
	margin: 0
}
table {
	width: 100%;
	max-width: 100%;
	margin: 0 0 1em;
	border-collapse: collapse
}
.figuretext {
	font-size: 11px;
	font-style: italic
}
.no-js .NewsBlock>img, .no-js .SpineTeaser-img a>img, .no-js .VideoBlock-embed>img {
	display: none
}
.fontFamilyForms, .fontFamilyPrimary {
	font-family: Nunito, Helvetica, sans-serif
}
.fontDisplay-light {
	font-family: Industry-Light, Industry Light, Helvetica, sans-serif
}
.fontDisplay-medium {
	font-family: Industry-Medium, Industry Medium, Helvetica, sans-serif
}
.fontDisplay-demi {
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif
}
.maxWidth-viewport {
	max-width: 100vw
}
.maxWidth-readSafe {
	max-width: calc(100vw - 3rem)
}
.Content-maxWidth {
	max-width: 95vw;
	max-width: calc(100vw - 3rem);
	margin-left: auto;
	margin-right: auto
}

@media print {
@page {
	margin: .5cm
}
*, :after, :before {
	background: transparent!important;
	color: #000!important;
	box-shadow: none!important;
	text-shadow: none!important
}
a, a:visited {
	text-decoration: underline
}
blockquote, pre {
	border: 1px solid #999;
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
img, tr {
	page-break-inside: avoid
}
img {
	max-width: 100%!important
}
h2, h3, p {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
#epi-quickNavigator {
	display: none!important
}
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translateZ(0)
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	transition: height .5s ease-in-out
}
.owl-carousel .owl-item {
	float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
	cursor: pointer
}
.owl-controls {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.grabbing {
	cursor: url(../fonts/arrow-gallery.svg) no-repeat 50%;
	color: #000;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	transition: background-color .25s
}
.slick-arrow:focus, .slick-arrow:hover {
	outline: none;
	color: #000;
	opacity: 1
}
.Modal .slick-arrow {
	margin: -1rem -2rem;
	background-color: hsla(0,0%,100%,.5);
	border-radius: 100%;
	opacity: 1
}
html:not(.no-cssmask) .Modal .slick-arrow {
	background-image: none;
	background-color: transparent
}
html:not(.no-cssmask) .Modal .slick-arrow:before {
	content: "";
	font-size: 2rem;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	background-color: rgba(0,0,0,.01);
	margin: -1em
}
html:not(.no-cssmask) .Modal .slick-arrow:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: currentColor no-repeat 50%;
	-webkit-mask: url(../fonts/arrow-gallery.svg) no-repeat center;
	mask: url(../fonts/arrow-gallery.svg) no-repeat center;
	-webkit-mask-image: url(../fonts/arrow-gallery.svg);
	mask-image: url(../fonts/arrow-gallery.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center
}
html:not(.no-cssmask) .Modal .slick-arrow:hover:not(.slick-disabled) {
	background-color: #737373;
	opacity: .75
}
.slick-arrow.slick-disabled {
	background-color: transparent;
	opacity: .25
}
.slick-prev {
	left: 0
}
.slick-prev[dir=rtl] {
	left: auto;
	right: 0
}
.slick-next {
	right: 0;
	transform: scaleX(-1)
}
.slick-next[dir=rtl] {
	left: 0;
	right: auto
}
body:after {
	display: none;
	content: "phone|tablet-portrait|tablet-landscape|desktop|desktop-large"
}
body:before {
	display: none;
	content: "phone"
}

@media only screen and (min-width:37.5em), print {
body:before {
	content: "tablet-portrait"
}
}

@media only screen and (min-width:56.25em), print {
body:before {
	content: "tablet-landscape"
}
}

@media only screen and (min-width:75em) {
body:before {
	content: "desktop"
}
}

@media only screen and (min-width:112.5em) {
body:before {
	content: "desktop-large"
}
}
.ArticleImageBlock-quote, .FAQ-question, .FeatureShowcase-video .frame-gradient>strong, .FeatureShowcase-videoCenter .frame-gradient>strong, .Heading, .Heading--h1, .Heading--h2, .Heading--h3, .Heading--h4, .Heading--h5, .Heading--h6, .Ironroll-textframe>strong, .Legend, .pagination, .Quote-source, .Quote-text, .textframe-gradient>strong, .textframe-right>strong, .textframe>strong, h1, h2, h3, h4, h5, h6, legend {
	display: block;
	font-weight: 400;
	line-height: 1.2;
	margin: .5em auto
}
.ArticleImageBlock-quote sup, .FAQ-question sup, .FeatureShowcase-video .frame-gradient>strong sup, .FeatureShowcase-videoCenter .frame-gradient>strong sup, .Heading--h1 sup, .Heading--h2 sup, .Heading--h3 sup, .Heading--h4 sup, .Heading--h5 sup, .Heading--h6 sup, .Heading sup, .Ironroll-textframe>strong sup, .Legend sup, .pagination sup, .Quote-source sup, .Quote-text sup, .textframe-gradient>strong sup, .textframe-right>strong sup, .textframe>strong sup, h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup, legend sup {
	top: -.25em;
	vertical-align: super;
	top: .25em
}
.Heading--inline {
	display: inline-block;
	margin-right: .5rem
}
.ArticleImageBlock-quote, .Heading--h1, .Heading--h2, .Heading--h3, .heading-large, .Quote-text, h1, h2, h3 {
	font-family: Industry-Light, Industry Light, Helvetica, sans-serif
}
.Caption, .FAQ-question, .FeatureShowcase-video .frame-gradient>strong, .FeatureShowcase-videoCenter .frame-gradient>strong, .FilterSection-title, .Heading--h5, .Heading--h6, .heading-small, .Input-labeled label, .Ironroll-textframe>strong, .Legend, .Link--download, .pagination, .Price-caption, .Product-caption, .textframe-gradient>strong, .textframe-right>strong, .textframe>strong, h5, h6, legend {
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	text-transform: uppercase
}
.Heading--h1, h1 {
	line-height: 1;
	margin-bottom: .5rem;
	margin-bottom: .25em;
	font-size: 2.8125rem
}

@media screen and (min-width:37.5rem) {
.Heading--h1, h1 {
font-size:calc(2.8125rem + 15 * (100vw - 37.5rem) / 300)
}
}

@media screen and (min-width:56.25rem) {
.Heading--h1, h1 {
	font-size: 2.5rem
}
}
.Heading--h2, h2 {
	font-size: 1.875rem
}

@media screen and (min-width:37.5rem) {
.Heading--h2, h2 {
font-size:calc(1.875rem + 15 * (100vw - 37.5rem) / 300)
}
}

@media screen and (min-width:56.25rem) {
.Heading--h2, h2 {
	font-size: 2.8125rem
}
}
.Heading--h3, .Quote-text, h3 {
	font-size: 1.25rem
}

@media screen and (min-width:37.5rem) {
.Heading--h3, .Quote-text, h3 {
font-size:calc(1.25rem + 10 * (100vw - 37.5rem) / 300)
}
}

@media screen and (min-width:56.25rem) {
.Heading--h3, .Quote-text, h3 {
	font-size: 1.875rem
}
}
.Heading--h4, .Quote-source, h4 {
	font-family: Industry-Medium, Industry Medium, Helvetica, sans-serif;
	font-size: 1.125rem
}

@media screen and (min-width:37.5rem) {
.Heading--h4, .Quote-source, h4 {
font-size:calc(1.125rem + 2 * (100vw - 37.5rem) / 300)
}
}

@media screen and (min-width:56.25rem) {
.Heading--h4, .Quote-source, h4 {
	font-size: 1.25rem
}
}
.Heading--h5, h5 {
	font-size: .875rem;
	letter-spacing: 1.8px
}

@media screen and (min-width:37.5rem) {
.Heading--h5, h5 {
font-size:calc(.875rem + 4 * (100vw - 37.5rem) / 300)
}
}

@media screen and (min-width:56.25rem) {
.Heading--h5, h5 {
	font-size: 1.125rem
}
}
.Heading--h6, h6 {
	font-size: 1.4rem;
	letter-spacing: 2px
}
.MainNav-text {
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: .875rem;
	line-height: 1
}
.MainNav-letterSpacing {
	letter-spacing: 1px
}
.Body-text, .subNav--search, .subNav-list {
	font-size: .875rem;
	font-family: Nunito, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: 0
}
.Caption, .Input-labeled label, .Price-caption, .Product-caption {
	font-size: .75rem;
	letter-spacing: 1px
}
.backToTop .Sticky-element.is-sticky {
	top: auto;
	right: 0;
	bottom: 0;
	z-index: 19;
	opacity: 0;
	transition: all .75s
}
.backToTop .Sticky-element.is-sticky.visible {
	opacity: 1
}
.backToTop .Sticky-element.is-sticky.hide {
	bottom: 0!important;
	opacity: 0!important
}
.Link--toTop {
	display: block;
	width: 2.5rem;
	height: 2rem;
	text-indent: -9999rem;
	background-color: #000
}

@media only screen and (min-width:75em) {
.Link--toTop {
	width: 4.375rem;
	height: 3rem
}
}
.Link--toTop:after {
	content: "";
	position: relative;
	display: inline-block;
	height: 1.5rem;
	width: 1.5rem;
	top: .35rem;
	right: -.25rem;
	background: transparent url(../fonts/arrow-gallery.svg) no-repeat 50%;
	transform: rotate(-90deg);
	position: absolute;
	transform: rotate(90deg) translate(-50%, -50%);
	top: 50%;
	right: 50%;
	-webkit-mask: url(../fonts/arrow-gallery.svg) no-repeat center;
	background: #fff
}
blockquote {
	quotes: "\201C" "\201D" "\2018" "\2019";
	position: relative;
	margin: .5em auto
}
blockquote:before {
	content: open-quote;
	position: relative;
	display: block;
	font-size: 5em;
	font-weight: 400;
	line-height: 0;
	opacity: .15
}
blockquote:after {
	content: "\201C";
	content: close-quote
}


@media only screen and (max-width:37.4375em) {
.Button, .Button--outline, .Button--small, .Button--white, button, input[type=submit] {
	padding-left: 1em;
	padding-right: 1em;
	font-size: .75rem;
	letter-spacing: 1px
}
}
.Button--outline:active, .Button--outline:focus, .Button--outline:hover, .Button--remove-large:active, .Button--remove-large:focus, .Button--remove-large:hover, .Button--remove:active, .Button--remove:focus, .Button--remove:hover, .Button--small:active, .Button--small:focus, .Button--small:hover, .Button-active, .Button-focus, .Button-hover, .Button-x--black:active, .Button-x--black:focus, .Button-x--black:hover, .Button:active, .Button:focus, .Button:hover, .Modal-close:active, .Modal-close:focus, .Modal-close:hover {
	text-decoration: none;
	border-color: currentColor;
	background-color: #5ce0f2;
	color: initial;
	box-shadow: none
}
.Button--outline:focus, .Button--remove-large:focus, .Button--remove:focus, .Button--small:focus, .Button-focus, .Button-x--black:focus, .Button:focus, .Modal-close:focus {
	outline: none;
	box-shadow: 0 0 3px rgba(0,0,0,.4)
}
.Button--small, .Button-small {
	padding-left: 1em;
	padding-right: 1em;
	font-size: .75rem;
	letter-spacing: 1px
}
.Button--outline {
	background-color: #fff;
	border-color: currentColor
}
.Button--white {
	background-color: transparent;
	border-color: currentColor;
	color: #fff
}
.Button--white:hover {
	background-color: #000;
	color: #fff
}
.Button--full {
	width: 100%
}
.Button--remove, .Button--remove-large, .Button-x--black, .Modal-close {
	position: relative;
	display: inline-block;
	margin: .5rem auto;
	padding: .5rem 1.5em;
	font: .875rem/1.375rem Industry-Demi, Industry Demi, Helvetica, sans-serif;
	line-height: 1.5rem;
	max-height: 2.5rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	white-space: nowrap;
	word-break: keep-all;
	text-align: center;
	vertical-align: middle;
	text-shadow: none!important;
	border: 1px solid transparent;
	border-radius: 0;
	background-color: #5ce0f2;
	background-position: right .5em top 50%;
	background-repeat: no-repeat;
	background-size: 1.5em;
	color: #000;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	transition: all .25s 0s;
	height: 1em;
	width: 1em;
	font-size: 1.5rem;
	padding: 0!important;
	text-decoration: none!important;
	text-indent: -999em;
	overflow: hidden;
	border-radius: 50%;
	background-color: #000;
	color: #fff
}

@media only screen and (max-width:37.4375em) {
.Button--remove, .Button--remove-large, .Button-x--black, .Modal-close {
	padding-left: 1em;
	padding-right: 1em;
	font-size: .75rem;
	letter-spacing: 1px
}
}
.Button--remove-large:hover, .Button--remove:hover, .Button-x--black:hover, .Modal-close:hover {
	text-decoration: none;
	border-color: currentColor;
	background-color: #5ce0f2;
	color: initial;
	box-shadow: none
}
.Button--remove-large:after, .Button--remove-large:before, .Button--remove:after, .Button--remove:before, .Button-x--black:after, .Button-x--black:before, .Modal-close:after, .Modal-close:before {
	content: "";
	border-top: 2px solid;
	width: .425em;
	height: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg)
}
.Button--remove-large:after, .Button--remove:after, .Button-x--black:after, .Modal-close:after {
	transform: translate(-50%, -50%) rotate(-45deg)
}

@media only screen and (max-width:37.4375em) {
.Button--remove, .Button--remove-large, .Button-x--black, .Modal-close {
	padding: 0;
	font-size: 1.5rem
}
}
.Button--remove, .Button--remove-large, .Modal-close {
	position: absolute;
	right: 0;
	top: 0;
	margin: -.5rem;
	z-index: 50
}
.Button--remove-large, .Modal-close {
	font-size: 1.75rem
}
.Button--invisible {
	background-color: transparent!important;
	border-color: transparent!important;
	pointer-events: none
}
.Button--search {
	position: absolute;
	right: 0;
	padding-left: 0;
	padding-right: 0;
	width: 42px
}
.Button--flag {
	background-repeat: no-repeat;
	background-position: 12px 50%;
	padding: 1rem 1rem 1rem 70px;
	background-size: 44px;
	max-height: 5rem;
	text-align: left;
	margin: 0;
	white-space: normal;
	line-height: normal
}

@media only screen and (min-width:48em), print {
.Button--flag {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}
}
.Button--flag-text {
	margin-right: 5px;
	display: inline-block
}
.Button--flag-langs {
	white-space: nowrap;
	display: inline-block
}
.Button--secondary {
	background-color: #f9a82e!important
}
#_hj_feedback_container button {
	max-height: none!important
}
.cartCount {
	display: inline-block;
	font-family: Nunito, Helvetica, sans-serif;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: 0;
	-webkit-font-smoothing: none;
	-webkit-font-smoothing: subpixel-antialiased;
	position: absolute;
	top: 4px;
	right: 3px;
	width: 1.175rem;
	height: 1.175rem;
	line-height: 1.1875rem;
	text-align: center;
	border-radius: 50%;
	background-color: #000;
	color: #fff
}

@media only screen and (min-width:75em) {
.cartCount {
	top: 2px;
	right: -1px
}
}
.checkbox-group {
	display: table!important
}
.Checkbox, .Radio {
	position: relative;
	display: inline-block;
	margin: 1rem 0
}
.Checkbox-input, .Radio-input {
	margin: 0;
	position: absolute;
	line-height: 1.125rem;
	height: 1.125rem;
	width: 1.125rem;
	vertical-align: middle;
	background: transparent;
	color: transparent;
	outline: none;
}
.Checkbox-input, .Checkbox-input:disabled, .Radio-input, .Radio-input:disabled {
	opacity: 1
}
.Checkbox-label {
	line-height: 1.125rem;
	font-size: 1.2rem;
	display: inline-block;
	position: relative;
	cursor: pointer;
        padding-left: 1.3rem;
}
.Checkbox-input:disabled~.Checkbox-label {
	opacity: .5;
	cursor: not-allowed
}
.Checkbox-label:after, .Checkbox-label:before {
	border-radius: 0
}
.Checkbox-label:after {
	border: 1px solid rgba(51,51,51,.5)
}
.Checkbox-input:checked~.Checkbox-label:after {
	background-color: currentColor;
	box-shadow: inset 0 0 0 .25rem #fff
}
.Checkbox-input:focus~.Checkbox-label:after {
	border-color: currentColor
}
.is-listView .Checkbox-label {
	margin: 0 0 20px 5px;
	font-family: Industry-Medium, Industry Medium, Helvetica, sans-serif
}

@media only screen and (max-width:37.4375em) {
.is-listView .Checkbox-label {
	margin: 0 0 12px 15px
}
}
.Checkbox-label:after, .Checkbox-label:before, .checkbox_label_before, .Radio-label:after, .Radio-label:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 1.125rem;
	width: 1.125rem;
	background: #fff no-repeat 50%;
	background-clip: content-box;
	color: #000;
	transition: all .25s 0s;
	display:none;
}
.singleCheck {
	margin: 0 0 0 5px!important
}
.Fieldset, fieldset {
	border: 0;
	padding: 0;
	margin: 0
}
.Legend, legend {
	font-size: .875rem;
	letter-spacing: 2px;
	margin-left: 0
}
figure {
	margin: 2em auto
}
figcaption {
	font-size: .75rem
}
.Hamburger {
	display: inline-block;
	border: 0
}
.Hamburger span {
	position: relative;
	display: block;
	margin: auto;
	height: 0;
	width: 24px;
	color: #333;
	border-top: 1px solid;
	transition: all .25s
}
.Hamburger span:after, .Hamburger span:before {
	content: "";
	width: 100%;
	display: block;
	position: absolute;
	margin-top: -1px;
	border-top: 1px solid;
	transform-origin: 50% 50%;
	transition: all .25s
}
.Hamburger span:before {
	top: 7px
}
.Hamburger span:after {
	top: -7px
}
.Hamburger-x span {
	border-color: transparent
}
.Hamburger-x span:before {
	transform: rotate(45deg);
	top: 0
}
.Hamburger-x span:after {
	transform: rotate(-45deg);
	top: 0
}
.icon-bow {
	width: 566px;
	height: 79px;
	margin: auto;
	margin-left: 0;
	max-width: 100%
}
.icon-doc {
	width: 32px!important;
	height: 32px!important;
	margin: 4px auto auto
}
.icon-cart, .icon-globe {
	width: 22px;
	height: 20px;
	margin: auto
}
.icon-globe {
	color: transparent
}
.icon-search {
	width: 20px;
	height: 20px;
	margin: auto
}
button .icon-search {
	margin: 0 -2px
}
.icon-user {
	width: 21px;
	height: 22px;
	margin: auto
}
.icon-facebook {
	width: 10px;
	height: 20px;
	margin: auto
}
.icon-google {
	width: 17px;
	height: 17px;
	margin: auto
}
.icon-instagram {
	width: 20px;
	height: 20px;
	margin: auto
}
.icon-linkedin {
	width: 18px;
	height: 18px;
	margin: auto
}
.icon-twitter {
	width: 19px;
	height: 16px;
	margin: auto
}
.icon-youtube {
	width: 20px;
	height: 20px;
	margin: auto
}
.icon-printer {
	width: 18px;
	height: 16px;
	margin: auto
}
.IconLink {
	padding-left: 23px;
	background-repeat: no-repeat
}
.Input, .Select, .Select-list, .Select-multiple, input {
	position: relative;
	display: inline-block;
	padding: .5rem 1em;
	margin: .5rem auto;
	font: .875rem/1.375rem Nunito, Helvetica, sans-serif;
	text-decoration: none;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: none!important;
	border: 1px solid #e9e9e9;
	border-radius: 0;
	background-color: #fff;
	background-position: right .5em top 50%;
	background-repeat: no-repeat;
	background-size: 1.5em;
	color: #333;
	transition: all .25s 0s
}
.Input-tap, button, input, label, select {
	-webkit-tap-highlight-color: rgba(92,224,242,.5);
	-webkit-text-emphasis-color: rgba(92,224,242,.5)
}
.Checkbox-input:focus~.Checkbox-label:before, .Checkbox-input:hover~.Checkbox-label:before, .Input-focus, .Input-hover, .Radio-input:focus~.Radio-label:before, .Radio-input:hover~.Radio-label:before, .Select-input:hover, input:focus, input:hover {
	border-color: transparent;
	box-shadow: 0 0 3px rgba(0,0,0,.4)
}
.Input-focus, input:focus {
	outline: none;
	border-color: currentColor
}
.wpcf7-form input{width: 90%}
.wpcf7-form textarea{width: 95%}
.wpcf7-form .last input{width: initial}
.Input-disabled, .Select-input:disabled, .Select-list.disabled, .Select-list:disabled, .Select-multiple.disabled, .Select-multiple:disabled, .Select.disabled, .Select:disabled, input:disabled {
	box-shadow: none;
	opacity: .5;
	pointer-events: none;
	cursor: none;
	cursor: default
}
input:placeholder {
color:#888
}
input::-webkit-clear-button {
display:none
}
input::-webkit-datetime-edit, input::-webkit-datetime-edit-fields-wrapper {
margin:0;
padding:0
}
input::-webkit-datetime-edit-text {
margin:0;
padding:0
}
input::-webkit-calendar-picker-indicator {
margin:0 -.5em 0 .75em
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
margin:0 -.5em 0 .25em;
padding:0
}
.Input-labeled {
	position: relative;
	margin: .25rem 0
}
.Input-labeled label+input {
	margin-top: 2px
}
label {
	display: inline-block
}
.phLabel {
	position: relative;
	font-size: .875rem;
	line-height: 1.57142857;
	color: #888
}
.phLabel span {
	display: block;
	width: 100%;
	font-size: inherit;
	line-height: inherit;
	text-align: inherit;
	padding: .5rem 1em;
	border: 1px solid transparent;
	white-space: nowrap;
	position: absolute;
	z-index: 1;
	bottom: 0;
	color: inherit;
	transition: all .25s
}
.phLabel.required span:after {
	content: "*";
	font-size: 1.15em;
	line-height: 1;
	font-style: normal;
	color: #5ce0f2
}
.phLabel.has-value, .phLabel.is-focused {
	color: #4a4a4a
}
.phLabel.has-value span, .phLabel.is-focused span {
	bottom: 1.875rem
}
.phLabel-textarea span {
	top: 0
}
.phLabel-textarea.has-value span, .phLabel-textarea.is-focused span {
	top: -1.875rem
}
.phLabel.is-blurred {
	color: #888
}
.phLabel input, .phLabel textarea {
	width: 100%;
	font-size: inherit;
	text-align: inherit
}
.Form-question .phLabel {
	width: auto;
	max-width: 100%;
	text-transform: lowercase;
	font-weight: 700;
	color: #000
}
.Form-question .phLabel span {
	padding-left: .25rem;
	padding-right: .25rem
}
.Form-question .phLabel.is-focused span {
	opacity: .5;
	font-size: 1rem
}

@media only screen and (max-width:37.4375em) {
.Form-question .phLabel.is-focused span {
	bottom: 0
}
}
.Form-question .phLabel.has-value span {
	opacity: 0
}
.Form-question--large .phLabel {
	line-height: 1.5
}
.Lead {
	font-size: 1.25rem
}
a {
	color: #6f6f6f
}
a, a:hover {
	text-decoration: underline
}
a:not([href]), a:not([href]):hover {
	text-decoration: none
}
a:disabled {
	pointer-events: none;
	cursor: none;
	cursor: default
}
.Link--url, .SearchResults .SearchResult-title a {
	text-decoration: none!important;
	background: linear-gradient(0deg, #000 0, transparent 1px);
	background-position: center bottom 2px;
	transition: all .25s
}
.Link--url:hover, .SearchResults .SearchResult-title a:hover {
	background-position: bottom
}
.Link, .Link--back, p.Link--back>a, p.Link>a {
	display: inline-block;
	font-size: .875rem;
	line-height: 1.7;
	text-decoration: none!important;
	border-bottom:1px solid #E62310;
	background-size: 100% 1px;
	color: #6f6f6f;
	transition: all .25s;
	cursor: pointer;
	position: relative
}
.Link--back:after, .Link:after {
	content: "\0020\00BB";
	position: relative
}
.Link--back:hover, .Link:hover {
	background-position: center bottom 2px
}
.Link--back:before {
	content: "\00AB";
	position: relative;
	margin-right: .25rem
}
.Link--back:after {
	display: none
}
p.Link--back>a, p.Link>a {
	text-decoration: none!important;
	background: none
}
.Link--download {
	font-size: .75rem;
	letter-spacing: 1px;
	position: relative
}
.Link--download:after {
	content: "\0020\00BB";
	position: relative
}
.Link--accessory {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.7;
	text-decoration: none!important;
	position: relative
}
.Link--accessory:after {
	content: "\0020\00BB";
	position: relative
}
.Link--discontinued {
	color: #fff
}
.creditLink {
	font-size: .75rem
}
.creditLink a {
	font-weight: 700
}
ul.u-textCenter {
	list-style: none;
	padding-left: 0
}
ul.u-inlineBlock li, ul.u-inline li {
	display: inline-block
}
dl {
	margin: 0 0 .25rem;
	display: table;
	width: 100%;
	background: #f6f6f6
}
dd, dt {
	display: block;
	margin: 0;
	padding: .6rem 1rem;
	vertical-align: middle
}

@media only screen and (min-width:37.5em), print {
dd, dt {
	display: table-cell
}
}

@media only screen and (max-width:37.4375em) {
dt {
	font-size: .875rem
}
}

@media only screen and (max-width:37.4375em) {
dd {
	padding-top: 0
}
}

@media only screen and (min-width:37.5em), print {
dd {
	text-align: right
}
}
dl.Spec-list dd, dl.Spec-list dt {
	font-size: .875rem
}
dl.Spec-list dt {
	width: 30%;
	font-weight: 700
}
.Loading {
	display: inline-block;
	padding: 1em;
	text-align: center;
	vertical-align: middle
}
.Loading-input {
	background-color: #fff!important;
	background-image: url(../images/ajax-loader.gif)!important;
	background-repeat: no-repeat;
	background-position: right .5em top 50%
}
.Loadable-section:after, .Loading--section:after, .Loading--spinning .Loading-icon, .Loading-section--after:after, .Loading-spinner {
	display: inline-block;
	height: 2em;
	width: 2em;
	border: .25em solid #444;
	border-right-color: transparent;
	border-radius: 50%;
	animation: b 1s infinite linear
}
.Loadable-section:before, .Loading--section:before, .Loading-fill, .Loading-section--after:before {
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	background: hsla(0,0%,96%,.8);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}
.Loadable-section, .Loading--section, .Loading-section--after {
	position: relative
}
.Loadable-section:before, .Loading--section:before, .Loading-section--after:before {
	content: ""
}
.Loadable-section:after, .Loading--section:after, .Loading-section--after:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 99;
	margin: -1em
}
.Loading-section--after:before {
	display: none
}
.Loading-section--after:after {
	opacity: .5;
	top: auto;
	bottom: 0;
	margin-bottom: 2em;
	height: 1em;
	width: 1em;
	border-width: .125em
}
.Loadable-section:before {
	display: none
}
.Loadable-section:after {
	opacity: 0;
	top: auto;
	bottom: -2em;
	transition: all .5s;
	animation: none
}
.Loadable-section--after:after {
	opacity: .75;
	bottom: 2em;
	background: hsla(0,0%,100%,.5);
	box-shadow: 0 0 20px 5px hsla(0,0%,100%,.5);
	animation: b 1s infinite linear
}
.Loading--compact {
	padding: 0
}
.Loading--xsmall {
	font-size: .5rem
}
.Loading--small {
	font-size: .75rem
}
.Loading--large {
	font-size: 1.25rem
}
.Loading--full {
	width: 100%
}
.Loading-text {
	display: block;
	font-size: .875rem;
	margin-top: .66666667em;
	color: #aaa
}
.is-lazy-loading {
	-o-object-fit: scale-down!important;
	object-fit: scale-down!important;
	background-color: #fff
}

@media only screen and (min-width:48em), print {
.is-lazy-loading.NewsBlock-img {
	-o-object-position: 28%!important;
	object-position: 28%!important
}
}
.is-lazy-loaded {
	opacity: 0;
	animation: e forwards .35s
}
.Logo {
	max-width: 200px;
	max-height: 32px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: contain; object-position: center";
	display: block;
	margin: auto;
	margin-left: 0;
	color: #000
}

@media only screen and (min-width:56.25em), print {
.Logo {
	min-width: 200px;
	min-height: 32px;
	max-width: 260px;
	max-height: 45px
}
}
.MobileNavbar-listItem--logo .Nav-link, .MobileNavbar-listItem .Nav-link, .MobileNavbar .Hamburger, .Nav-button {
	position: relative;
	display: block;
	display: -ms-flexbox!important;
	display: flex!important;
	height: 3.25rem;
	line-height: 3.25rem;
	min-width: 3.25rem;
	padding: 0 .75rem;
	cursor: pointer
}
.Nav-button:hover {
	text-decoration: none
}
.MainNav a, .Nav-link, .TopNav a {
	display: block;
	padding: 0 1em;
	letter-spacing: 1px;
	text-decoration: none;
	color: rgba(47,47,47,.6);
	cursor: pointer
}
.Nav-link:hover {
	text-decoration: none!important
}

@media only screen and (min-width:56.25em), print {
.MainNav a, .Nav-link, .TopNav a {
	padding: 0 .75rem
}
}
.Header .Nav-link:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 999;
	height: 1.25rem;
	bottom: -1.25rem;
	width: 100%;
	left: 0;
	background: hsla(0,0%,100%,.01);
	cursor: default
}

@media only screen and (max-width:56.1875em) {
.Nav-checkbox:checked~.Nav-link {
	border-bottom: 1px solid #eee
}
}
.Nav-checkbox {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	opacity: .25;
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}
.SkipNav {
	display: none!important
}

@media only screen and (min-width:37.5em), print {
.SkipNav {
	display: block!important;
	position: absolute;
	left: 50%;
	top: .75em;
	transform: translateX(-50%);
	color: hsla(0,0%,100%,.01)!important;
	transition: none!important
}
.SkipNav:active, .SkipNav:focus {
	color: #00f!important;
	text-decoration: underline
}
}
.Page-title+.Preamble {
	margin-top: -1.25rem;
	margin-bottom: 1.5rem
}
.Page-container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 90rem
}
.FeatureShowcase, .Form, .Hero-content, .HeroBlock .Hero-cta, .Page-content-container, .ProductSection, .Teaser-content-container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 82.625rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem
}
.FeatureShowcase:after, .Page-content-container:after, .ProductSection:after {
	content: "";
	display: table;
	clear: both
}
.product-gallery-display {
	min-height: 580px
}
.Price {
	margin: 1rem auto;
	line-height: 1.25
}
.Price-caption {
	display: block
}
.Price-value {
	font-weight: 400
}
.Price .Price-value {
	font-size: 1.625rem;
	font-weight: 700
}
.Price-value--old {
	opacity: .5;
	text-decoration: line-through;
	white-space: nowrap
}
.Price-value--old:after, .Price-value--old:before {
	content: "";
	display: inline-block
}
.Price-value--sale {
	color: #d0021b
}
.Price-value--sale.Price-value {
	margin-left: .25em
}
.Price--discount {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}
.Price--wTax {
	font-size: .875rem!important;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase
}

@media (max-width:599px) {
.Price {
	max-width: 25rem
}
}
.radio-group {
	display: table!important
}
.Radio-label {
	padding-left: 1.49999625rem;
	line-height: 1.125rem;
	font-size: .875rem;
	display: inline-block;
	position: relative;
	cursor: pointer
}
.Radio-input:disabled~.Radio-label {
	opacity: .5;
	cursor: not-allowed
}
.Radio-label:after, .Radio-label:before {
	border-radius: 100%
}
.Radio-label:after {
	border: 1px solid rgba(51,51,51,.5)
}
.Radio-input:checked~.Radio-label:after {
	background-color: currentColor;
	box-shadow: inset 0 0 0 .25rem #fff
}
.Radio-input:focus~.Radio-label:after {
	border-color: currentColor
}
.Search {
	background-position: right .75rem top 45%!important
}

@media only screen and (max-width:37.4375em) {
.Search {
	font-size: 1rem
}
}
.Search-input {
	background-image: url(../images/search.svg);
	background-size: 20px;
	background-position: right .75rem top 45%
}
.Select-after {
	content: "";
	pointer-events: none;
	z-index: 2;
	position: absolute;
	width: 0;
	height: 0;
	right: .75rem;
	right: 1.25rem;
	top: 1.125rem;
	right: 1.125rem;
	top: 1rem;
	color: #e9e9e9;
	display: inline-block;
	color: currentColor;
	border: 6px solid transparent;
	border-width: 6px 6.5px;
	border-top-color: currentColor;
	border-bottom-width: 0
}
.Select, .Select-list, .Select-multiple {
	padding: 0
}
.Select-list.disabled:after, .Select-list:disabled:after, .Select-multiple.disabled:after, .Select-multiple:disabled:after, .Select.disabled:after, .Select:disabled:after {
	color: rgba(51,51,51,.5)
}
.Select:after {
	content: "";
	pointer-events: none;
	z-index: 2;
	position: absolute;
	width: 0;
	height: 0;
	right: .75rem;
	right: 1.25rem;
	top: 1.125rem;
	right: 1.125rem;
	top: 1rem;
	color: #e9e9e9;
	display: inline-block;
	color: currentColor;
	border: 6px solid transparent;
	border-width: 6px 6.5px;
	border-top-color: currentColor;
	border-bottom-width: 0
}
.Select-list, .Select-list .Select-input {
	border: 0;
	box-shadow: none!important
}
.Select-list .Select-input {
	font-family: Industry-Medium, Industry Medium, Helvetica, sans-serif;
	font-size: 1rem;
	overflow: hidden;
	padding-left: .75rem;
	padding-right: .25rem
}
.Select-list option {
	padding: 1px .25rem 0
}
.Select-list option:checked, .Select-list option:hover {
	background: #cacaca linear-gradient(0deg, #fff 15%, #cacaca 0);
	color: #000
}
.Select-input {
	font: inherit;
	padding: .5rem 3em .5rem 1em;
	background: none;
	color: inherit;
	cursor: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	margin: 0;
	vertical-align: middle;
	outline: none;
	border: 0;
	border-radius: inherit;
	line-height: 1.5
}
.Select-input option {
	height: 1.5em
}
.Select-input:active, .Select-input:focus {
	border-color: transparent;
	box-shadow: 0 0 3px rgba(0,0,0,.4), inset 0 0 0 1px currentColor;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.4), 0 0 0 1px currentColor
}
.is-no-appearance .Select {
	overflow: hidden
}
.is-no-appearance .Select-input {
	width: calc(100% + 60px)
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
.Select-input::-ms-expand {
display:none
}
.Select-input:focus::-ms-value {
background:transparent;
color:#4a4a4a
}
}
.Tag, [class*=Tag--] {
	display: inline-block;
	font-size: 12px;
	line-height: 1.75;
	padding: 1px .5em 0;
	border: 1px solid;
	text-transform: uppercase;
	z-index: 5
}
[class*=Tag--]+[class*=Tag--] {
	margin-left: .25rem
}
.Tag--new {
	color: #c33a70;
	-o-border-image: radial-gradient(circle farthest-corner at 36% 26%, #f99d1d, #cb3c6d 48%, #782a8f);
	border-image: radial-gradient(circle farthest-corner at 36% 26%, #f99d1d, #cb3c6d 48%, #782a8f);
	border-image-slice: 1;
	background-color: #fff
}
.Tag--prerelease, .Tag--sale {
	padding-left: .75rem;
	padding-right: .75rem;
	border-color: #d0021b;
	background: #d0021b;
	color: #fff
}
.Tag--discontinued {
	background-color: #666;
	color: #fff;
	border: none;
	text-transform: none;
	font-size: 1rem;
	margin-top: 1rem;
	padding: 3px 13px
}
textarea {
	position: relative;
	display: inline-block;
	padding: .5rem 1em;
	margin: .5rem auto;
	font: .875rem/1.375rem Nunito, Helvetica, sans-serif;
	text-decoration: none;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: none!important;
	border: 1px solid #e9e9e9;
	border-radius: 0;
	background-color: #fff;
	background-position: right .5em top 50%;
	background-repeat: no-repeat;
	background-size: 1.5em;
	color: #333;
	transition: all .25s 0s;
	height: 5.8em;
	resize: vertical
}
.Search-form .Autocomplete {
	z-index: 20;
	position: absolute;
	left: 1px;
	right: 1px;
	text-align: left;
	padding: 0 .75rem;
	margin-top: -.5rem;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	background: #fff
}
.Autocomplete .Product-teaser {
	background: transparent
}
.Autocomplete .Product-name:after {
	content: "\00BB";
	position: relative;
	margin-left: .25rem
}
.Block-header {
	display: inline-block;
	padding: 0 .75em 0 0
}
.Article-img img, .Block-img, .Hero-img img, .RelatedArticle-Teaser-img img, .SpineTeaser-img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: cover; object-position: center"
}
.CaptionBlock {
	position: relative;
	max-width: 100%;
	margin: 1.5rem auto;
	text-align: left
}

@media only screen and (min-width:37.5em), print {
.CaptionBlock {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}
.CaptionBlock span {
	content: "";
	display: block;
	margin-top:1.5em;
    margin-bottom:2.5em;
	width: 60px;
	height: 2px;
	background:#E62310
}
.clm-animation-speed-default .hx{display: block;
	margin: 1.5em 0 2.25em 0;
	width: 60px;
	height: 2px;
	background:#E62310}
.CaptionBlock-heading {
	margin-top: 1rem;color: #333;font-weight:bold;
}
.CollapsibleSection, .Drawer, .Filters-type {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 1rem 2.25rem .5rem;
	margin-bottom: .5rem;
	background: #fff;
	max-height: 2.5rem;
	transition: max-height .35s
}
.CollapsibleSection.is-child-open, .CollapsibleSection.is-open, .Drawer.is-child-open, .Drawer.is-open, .Filters-type.is-child-open, .Filters-type.is-open {
	max-height: 40rem;
	overflow-y: auto
}
.CollapsibleSection:after, .Drawer:after, .Filters-type:after {
	content: "";
	display: table;
	clear: both
}
.CollapsibleSection--md.is-child-open, .CollapsibleSection--md.is-open {
	max-height: 60rem
}
.CollapsibleSection--lg.is-child-open, .CollapsibleSection--lg.is-open {
	max-height: 80rem
}
.CollapsibleSection--xlg.is-child-open, .CollapsibleSection--xlg.is-open {
	max-height: 120rem
}
.CollapsibleSection-title, .Filter-title, .MyProducts-title, .ProductSection-title {
	display: block;
	line-height: 1.5rem;
	padding: 1rem 2rem .65rem 1rem;
	margin: 0 -1.25rem;
	cursor: pointer;
	text-align: left;
	position:relative;
}
.CollapsibleSection-title:after, .Filter-title:after, .MyProducts-title:after, .ProductSection-title:after {
	pointer-events: none;
	content: "+";
	content: "\002B";
	font-family: Nunito, Helvetica, sans-serif;
	font-size: 1.75rem;
	line-height: 2.45rem;
	position: absolute;
	right: .35em;
	top: 0.5rem;
	color: #000
}
.is-open .CollapsibleSection-title:after, .is-open .Filter-title:after, .is-open .MyProducts-title:after, .is-open .ProductSection-title:after {
	content: "–";
	content: "\2212"
}
.CollapsibleSection-child-title {
	display: block;
	line-height: 1.5rem;
	padding: .65rem 2rem .65rem 1rem;
	margin: 0 -1.25rem;
	cursor: pointer
}
.CollapsibleSection-child-title:after {
	pointer-events: none;
	content: "+";
	content: "\002B";
	font-family: Nunito, Helvetica, sans-serif;
	font-size: 1.75rem;
	line-height: 2.45rem;
	position: absolute;
	right: .35em;
	top: 0;
	color: #000
}
.is-child-open .CollapsibleSection-child-title:after {
	content: "–";
	content: "\2212"
}
.toggler--closed {
	pointer-events: none;
	content: "+";
	content: "\002B";
	font-family: Nunito, Helvetica, sans-serif;
	font-size: 1.75rem;
	line-height: 2.45rem;
	position: absolute;
	right: .35em;
	top: 0;
	color: #000
}
.toggler--open {
	content: "–";
	content: "\2212"
}
.Swatch_color {
	width: 75px;
	height: 75px;
	margin: 0 0 .5rem;
	border: 0;
	outline: 0;
	text-align: center;
	box-shadow: inset 0 0 0 -1px currentColor;
	background-color: currentColor;
	position: relative
}

@media (min-width:1300px) {
.Swatch_color {
	width: 125px;
	height: 125px
}
}
.Swatch__name {
	font-weight: 700
}
[class*=Color__value] {
	font-family: monospace, Helvetica, Arial, sans-serif;
	font-size: fontSize(13);
	color: #888
}
.Columns--4col {
	display: block!important
}
.Columns--4col>* {
	break-inside: avoid;
	display: table;
	width: auto!important;
	white-space: normal;
	margin-bottom: 0
}

@media only screen and (min-width:25em), print {
.Columns--4col {
	column-count: 2;
	column-gap: .25rem;
	padding-left: .125rem
}
}

@media only screen and (min-width:37.5em), print {
.Columns--4col {
	column-count: 3;
	column-gap: 1.125rem;
	padding-left: 1.5rem
}
}

@media only screen and (min-width:56.25em), print {
.Columns--4col {
	column-count: 4
}
}

@media only screen and (max-width:32.8125em) {
.subNav .Columns--4col {
	column-count: 1
}
}
.Drawer {
	padding: 0;
	margin: 0 auto;
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff radial-gradient(circle farthest-corner at 36% 26%, #f99d1d, #cb3c6d 48%, #782a8f) no-repeat;
	background-size: 100% 2px;
	box-shadow: 0 -1px 4px rgba(0,0,0,.3)
}
.Drawer-title {
	display: block;
	position: relative;
	line-height: 2.75rem;
	padding: 0;
	margin: 0;
	cursor: pointer
}
.Drawer-toggle {
	float: right;
	font-size: .875rem;
	line-height: 2.5rem;
	margin-top: 2px
}
.Drawer-toggle, .Drawer-toggle:after {
	position: relative;
	display: inline-block
}
.Drawer-toggle:after {
	content: "";
	height: 1.5rem;
	width: 1.5rem;
	top: .35rem;
	right: -.25rem;
	background: transparent url(../fonts/arrow-gallery.svg) no-repeat 50%;
	transform: rotate(-90deg)
}

@media only screen and (max-width:37.4375em) {
.Drawer-toggle {
	text-indent: -999rem
}
.Drawer-toggle:after {
	position: absolute
}
}
.Drawer.is-open .Drawer-toggle--closed, .Drawer:not(.is-open) .Drawer-toggle--open {
	display: none
}
.Drawer-toggle--closed:after {
	transform: rotate(90deg)
}
.Drawer .Product-teaser, .Drawer .Teaser {
	padding: .5rem;
	margin-left: 0
}
.Drawer .Product-teaser .Product-img, .Drawer .Teaser-img {
	width: 100px;
	height: 75px
}
.Drawer .Product-teaser .Product-img img, .Drawer .Teaser-img img {
	padding: .25rem;
	min-height: 0;
	max-width: 100px;
	height: 100%;
	margin-left: 0
}
.FAQ {
	position: relative;
	margin: 1rem 0 1.5rem;
	padding-left: 1.5rem;
	word-break: break-word
}
.FAQ:before {
	content: "";
	display: block;
	width: .5rem;
	height: .5rem;
	border-bottom: 2px solid;
	border-right: 2px solid;
	position: absolute;
	left: .25rem;
	top: .6rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	transform: rotate(-45deg);
	transition: transform .25s
}
.FAQ summary::-webkit-details-marker {
display:none
}
.FAQ-answer, .FAQ-question {
	padding: 0;
	margin: 0
}
.FAQ-question {
	font-size: .875rem;
	letter-spacing: 2px;
	display: inline-block;
	padding: 0 .5rem 0 1.5rem;
	margin-left: -1.5rem;
	cursor: pointer;
	transition: all .25s
}
.FAQ-question p {
	font: inherit
}
.FAQ-question:focus {
	outline: none
}
.FAQ>p {
	padding-right: 1.5rem
}
.FAQ.open:before, .FAQ[open]:before {
	transform: rotate(45deg)
}
.FAQ ul li {
	list-style: disc outside
}
.FAQ ol li, .FAQ ul li {
	margin-bottom: .25rem;
	margin-left: 1.5rem
}
.FAQ ol li {
	list-style: decimal outside
}
.FAQ img {
	height: auto
}
.FAQlist {
	position: relative;
	max-width: 75ch
}
.FAQlist-list {
	list-style: none;
	padding: 0;
	margin: 0;
	margin: 1.5rem 0
}
.FAQlist-listItem {
	list-style: none;
	padding: 0;
	margin: 0;
	margin: 1rem 0
}
.FAQlist-listItem:target {
	background-color: rgba(92,224,242,.25);
	box-shadow: -3px 0 0 3px rgba(92,224,242,.25)
}
.FAQlist-cta {
	margin: 1rem auto
}
.Figure {
	margin: 0;
	display: inline-block
}
.Figure-caption {
	font-size: .75rem;
	color: #fff;
	margin: .5em 0
}
.Figure-caption.Figure-caption--right {
	text-align: right
}
.Figure--right {
	float: right;
	margin-left: 1em
}
.Figure--left {
	float: left;
	margin-right: 1em
}
.FilterSection-title {
	font-size: .75rem;
	letter-spacing: 1px
}
.FilterSection .Select {
	margin: 0
}

@media only screen and (min-width:37.5em), print {
.FilterSection {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0 1.25rem .5rem;
	margin-bottom: .5rem;
	background: #fff;
	max-height: 2.5rem;
	transition: max-height .35s
}
.FilterSection.is-child-open, .FilterSection.is-open {
	max-height: 40rem;
	overflow-y: auto
}
.FilterSection:after {
	content: "";
	display: table;
	clear: both
}
.FilterSection-title {
	font-size: .875rem;
	letter-spacing: 2px;
	display: block;
	line-height: 1.5rem;
	padding: .65rem 2rem .65rem 1rem;
	margin: 0 -1.25rem;
	cursor: pointer
}
.FilterSection-title:after {
	pointer-events: none;
	content: "+";
	content: "\002B";
	font-family: Nunito, Helvetica, sans-serif;
	font-size: 1.75rem;
	line-height: 2.45rem;
	position: absolute;
	right: .35em;
	top: 0;
	color: #000
}
.is-open .FilterSection-title:after {
	content: "–";
	content: "\2212"
}
}
#Filter-criteria-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1.5em
}
#Filter-criteria-list .Filter-criteria-list-el {
	margin: 5px 10px 5px 0;
	padding: 5px 10px;
	border: 1px solid #999;
	background-color: #fff
}
#Filter-criteria-list .Filter-criteria-list-el .title {
	font-weight: 700
}
#Filter-criteria-list .Filter-criteria-list-el .close {
	margin-left: 3px;
	cursor: pointer
}
#Filter-criteria-list #Filter-clear-all {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	margin: 5px 10px 5px 0;
	padding: 5px;
	font-weight: 700
}
.Filters {
	-ms-flex-order: -1;
	order: -1;
	margin-bottom: 1.5rem
}
.Filters a {
	text-decoration: none
}

@media only screen and (max-width:37.4375em) {
.Filters-panel {
	display: block;
	position: fixed;
	top: 3.25rem;
	left: 0;
	right: 0;
	overflow: hidden;
	padding: 0 1.5rem;
	max-height: 0;
	background: #f6f6f6;
	transition: max-height .25s;
	transition: all .25s
}
.Filters-panel.is-open {
	bottom: 0;
	max-height: 100%;
	padding-bottom: 1.5rem;
	overflow-y: auto;
	z-index: 50
}
}

@media only screen and (min-width:56.25em), print {
.Filters-panel.is-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 153px;
	left: 0
}
.Filters-panel .CollapsibleSection, .Filters-panel .Drawer, .Filters-panel .Filters-type {
	width: 100%
}
}
.Form {
	margin-bottom: 1em;
	width: 100%
}
.Form.Form--fill {
	padding: 1em
}
.Form.Form--bordered {
	border: 1px solid #999;
	border-radius: 3px;
	padding: 1em
}
.Form--iframe {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: 410px;
	min-height: 425px
}

@media only screen and (max-width:37.4375em) {
.Form--iframe {
	max-width: calc(100vw + 3rem);
	margin-left: -3rem
}
}

@media only screen and (min-width:48em), print {
.Form--md-labels .Input-labeled {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: auto!important
}
.Form--md-labels .Input-labeled label {
	width: 220px;
	padding-right: 20px;
	cursor: pointer
}
}
.Form-item {
	display: block;
	width: 100%;
	padding-bottom: 1em
}
.Form-label {
	padding: .5em;
	padding-top: 0;
	padding-left: 0
}
.Form-infoLabel {
	font-size: .875rem;
	text-decoration: none
}
.Form-supplementaryLabel {
	font-size: .675rem;
	text-decoration: none;
	font-family: Nunito;
	text-transform: none;
	vertical-align: top
}
.FormStep.hide {
	display: none
}
.Form__Element__Caption {
	display: block
}
.Form__Element__Caption+.FormTextbox__Input {
	margin-top: .25rem;
	margin-bottom: .33333333rem
}
.Input--FormEmail {
	background-color: rgba(46,46,46,.11)
}
.Button--FormEmail {
	padding-left: 0;
	width: 2.5rem;
	text-indent: -999rem
}
.FormEmail {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 0!important;
	max-width: 100%
}
.FormEmail:after {
	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translate(50%, -50%);
	color: #000;
	display: inline-block;
	color: currentColor;
	border: 6px solid transparent;
	border-width: 6px 6.5px;
	border-left-color: currentColor;
	border-right-width: 0
}
.FormEmail .Input--FormEmail {
	margin: auto 0;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	height: 42px
}
.FormEmail .Button--FormEmail {
	margin: auto 0;
	padding-left: 0;
	position: absolute;
	right: 0;
	top: 0;
	right: 1px;
	top: 1px
}
.validation-summary-errors li, .validation-summary-errors ul, .validation-summary-valid li, .validation-summary-valid ul {
	list-style: initial
}
.validation-summary-errors li, .validation-summary-valid li {
	margin: .5rem 0 .5rem 1.1rem
}
.validation-summary-errors {
	color: #d0021b
}
.validation-summary-valid {
	color: #7ed321
}
.field-validation-error, .field-validation-valid {
	display: block;
	margin-top: .66666667em;
	font-size: .875rem
}
.field-validation-valid {
	display: none
}
.input-validation-error {
	border-color: #ff9191!important
}
.error-plain-list ul {
	list-style-type: none!important
}
.Grid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}
.Grid-cell {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	box-sizing: inherit
}
.Grid-cell--fit {
	-ms-flex: 0 0 auto!important;
	flex: 0 0 auto!important
}
.Grid-cell--center {
	display: block!important;
	margin-right: auto!important;
	margin-left: auto!important
}
.Grid--alignCenter {
	-ms-flex-pack: center;
	justify-content: center
}
.Grid--alignRight {
	-ms-flex-pack: end;
	justify-content: flex-end
}
.Grid--alignMiddle {
	-ms-flex-align: center;
	align-items: center
}
.Grid--alignBottom {
	-ms-flex-align: end;
	align-items: flex-end
}
.Grid--fit>.Grid-cell {
	-ms-flex: 1 1 0%;
	flex: 1 1 0%
}
.Grid--equalHeight>.Grid-cell {
	display: -ms-flexbox;
	display: flex
}
.Grid--simple, .is-no-flexbox .Grid {
	display: block;
	font-size: 0;
	margin: 0;
	padding: 0;
	text-align: left
}
.Grid--simple>.Grid-cell, .is-no-flexbox .Grid>.Grid-cell {
	-ms-flex: none;
	flex: none;
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	text-align: left;
	vertical-align: top;
	width: 100%
}
.Grid--simple.Grid--alignCenter, .is-no-flexbox .Grid.Grid--alignCenter {
	text-align: center
}
.Grid--simple.Grid--alignRight, .is-no-flexbox .Grid.Grid--alignRight {
	text-align: right
}
.Grid--simple.Grid--alignMiddle>.Grid-cell, .is-no-flexbox .Grid.Grid--alignMiddle>.Grid-cell {
	vertical-align: middle
}
.Grid--simple.Grid--alignBottom>.Grid-cell, .is-no-flexbox .Grid.Grid--alignBottom>.Grid-cell {
	vertical-align: bottom
}
.Grid--simple.Grid--fit, .is-no-flexbox .Grid.Grid--fit {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0!important
}
.Grid--simple.Grid--fit>.Grid-cell, .is-no-flexbox .Grid.Grid--fit>.Grid-cell {
	display: table-cell;
	width: auto
}
.Grid--simple.Grid--fit>.Grid-cell:first-child, .is-no-flexbox .Grid.Grid--fit>.Grid-cell:first-child {
	padding-left: 0
}
.Grid--simple.Grid--fit>.Grid-cell:last-child, .is-no-flexbox .Grid.Grid--fit>.Grid-cell:last-child {
	padding-right: 0
}
.Grid.Grid--gutterA, .Grid.Grid--gutterH {
	margin-left: -.75rem;
	margin-right: -.75rem
}
.Grid.Grid--gutterA>.Grid-cell, .Grid.Grid--gutterH>.Grid-cell {
	padding-left: .75rem;
	padding-right: .75rem
}
.Grid.Grid--gutterAxsm, .Grid.Grid--gutterHxsm {
	margin-left: -.25em;
	margin-right: -.25em
}
.Grid.Grid--gutterAxsm>.Grid-cell, .Grid.Grid--gutterHxsm>.Grid-cell {
	padding-left: .25em;
	padding-right: .25em
}
.Grid.Grid--gutterAsm, .Grid.Grid--gutterHsm {
	margin-left: -.33333333em;
	margin-right: -.33333333em
}
.Grid.Grid--gutterAsm>.Grid-cell, .Grid.Grid--gutterHsm>.Grid-cell {
	padding-left: .33333333em;
	padding-right: .33333333em
}
.Grid.Grid--gutterAmd, .Grid.Grid--gutterHmd {
	margin-left: -.5em;
	margin-right: -.5em
}
.Grid.Grid--gutterAmd>.Grid-cell, .Grid.Grid--gutterHmd>.Grid-cell {
	padding-left: .5em;
	padding-right: .5em
}
.Grid.Grid--gutterAlg, .Grid.Grid--gutterHlg {
	margin-left: -.75em;
	margin-right: -.75em
}
.Grid.Grid--gutterAlg>.Grid-cell, .Grid.Grid--gutterHlg>.Grid-cell {
	padding-left: .75em;
	padding-right: .75em
}
.Grid.Grid--gutterAxlg, .Grid.Grid--gutterHxlg {
	margin-left: -1em;
	margin-right: -1em
}
.Grid.Grid--gutterAxlg>.Grid-cell, .Grid.Grid--gutterHxlg>.Grid-cell {
	padding-left: 1em;
	padding-right: 1em
}
.Grid.Grid--gutterA, .Grid.Grid--gutterV {
	margin-top: -.75rem;
	margin-bottom: -.75rem
}
.Grid.Grid--gutterA>.Grid-cell, .Grid.Grid--gutterV>.Grid-cell {
	padding-top: .75rem;
	padding-bottom: .75rem
}
.Grid.Grid--gutterAxsm, .Grid.Grid--gutterVxsm {
	margin-top: -.25em;
	margin-bottom: -.25em
}
.Grid.Grid--gutterAxsm>.Grid-cell, .Grid.Grid--gutterVxsm>.Grid-cell {
	padding-top: .25em;
	padding-bottom: .25em
}
.Grid.Grid--gutterAsm, .Grid.Grid--gutterVsm {
	margin-top: -.33333333em;
	margin-bottom: -.33333333em
}
.Grid.Grid--gutterAsm>.Grid-cell, .Grid.Grid--gutterVsm>.Grid-cell {
	padding-top: .33333333em;
	padding-bottom: .33333333em
}
.Grid.Grid--gutterAmd, .Grid.Grid--gutterVmd {
	margin-top: -.5em;
	margin-bottom: -.5em
}
.Grid.Grid--gutterAmd>.Grid-cell, .Grid.Grid--gutterVmd>.Grid-cell {
	padding-top: .5em;
	padding-bottom: .5em
}
.Grid.Grid--gutterAlg, .Grid.Grid--gutterVlg {
	margin-top: -.75em;
	margin-bottom: -.75em
}
.Grid.Grid--gutterAlg>.Grid-cell, .Grid.Grid--gutterVlg>.Grid-cell {
	padding-top: .75em;
	padding-bottom: .75em
}
.Grid.Grid--gutterAxlg, .Grid.Grid--gutterVxlg {
	margin-top: -1em;
	margin-bottom: -1em
}
.Grid.Grid--gutterAxlg>.Grid-cell, .Grid.Grid--gutterVxlg>.Grid-cell {
	padding-top: 1em;
	padding-bottom: 1em
}
.Grid-orderFirst {
	-ms-flex-order: -1!important;
	order: -1!important
}
.ArticleImageBlock {
	position: relative
}
.ArticleImageBlock-quote {
	font-size: 1.25rem;
	margin: 1rem 0 0;
	padding: 1rem 0 0;
	background: radial-gradient(circle farthest-corner at 36% 26%, #f99d1d, #cb3c6d 48%, #782a8f) no-repeat top;
	background-size: 100% 1px
}

@media screen and (min-width:37.5rem) {
.ArticleImageBlock-quote {
font-size:calc(1.25rem + 10 * (100vw - 37.5rem) / 300)
}
}

@media screen and (min-width:56.25rem) {
.ArticleImageBlock-quote {
	font-size: 1.875rem
}
}

@media screen and (min-width:62.5rem) {
.Article-main:not(.Grid-cell) .ArticleImageBlock-quote {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	max-height: 100%;
	max-width: 18rem;
	width: 20vw;
	min-width: 12vw;
	padding: .125rem .5rem;
	margin: auto 1rem auto 0;
	background-position: 100%;
	background-size: 1px 100%
}
}
.ArticleImageBlock-img img, .Ironroll {
	display: block
}
.Ironroll {
	margin: auto;
	position: absolute;
	width: 430px;
	height: 260px;
	margin: -130px -215px
}
.Ironroll * {
	transform-origin: 50% 50%
}
.Ironroll-link {
	display: block;
	position: absolute;
	top: 0;
	width: 97px;
	height: 97px;
	margin: -49px;
	font-size: 14px;
	color: #fff
}
.Ironroll-textframe {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 1em 1.5em 0;
	margin: 0 2px 20px;
	border: 2px solid hsla(0,0%,100%,0);
	border-bottom: 0;
	border-image-slice: 1!important;
	background-color: transparent;
	color: #fff;
	text-align: left;
	transform-origin: left bottom;
	transform-origin: 11px calc(100% + 11px);
	position: absolute;
	margin: -17px 1px;
	top: -64px;
	right: -175px;
	width: 168px;
	display: -ms-flexbox;
	display: flex;
	text-shadow: #000 0 1px 1px;
	padding: 0
}
.Ironroll-textframe>strong {
	font-size: .875rem;
	letter-spacing: 2px;
	letter-spacing: 1px
}
.Ironroll-textframe.u-textSmall p {
	font-size: inherit
}
.Ironroll-textframe.u-textSmall>strong, .Ironroll-textframe.u-textSmall h6 {
	font-size: .75rem
}
.Ironroll-textframe:before {
	content: "";
	display: block;
	position: absolute;
	margin: 0;
	width: auto;
	height: 20px;
	bottom: -20px;
	border: 2px solid hsla(0,0%,100%,0);
	border-top: 0;
	border-image-slice: inherit;
	-o-border-image: inherit;
	border-image: inherit;
	border-left-width: 0;
	left: 18px;
	right: -2px
}
.Ironroll-textframe:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	margin: -14px;
	bottom: -18px;
	width: 27px;
	height: 27px;
	border-top: 2px solid hsla(0,0%,100%,0);
	transform: rotate(45deg)
}
.Ironroll-textframe .textframe-text {
	position: relative;
	max-width: 400px;
	display: block;
	margin: auto 0;
	padding: 10px 15px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff
}
.Ironroll-textframe .textframe-text .borderTL {
	position: absolute;
	border-left: 2px solid #fff;
	top: 0;
	left: 0;
	height: calc(100% - 20px)
}
.Ironroll-textframe .textframe-text .borderBtm {
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(100% - 20px);
	border-bottom: 2px solid #fff
}
.Ironroll-textframe .textframe-text .borderAngle {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 12px;
	border-right: 3px solid #fff;
	transform: skew(43deg)
}
.Ironroll-textframe .textframe-text * {
	display: block;
	margin: 0;
	line-height: 1.2
}
.Ironroll-playing .Ironroll-box, .Ironroll-playing .Ironroll-line {
	display: block
}
.Ironroll.no-text .Ironroll-box, .Ironroll.no-text .Ironroll-line {
	display: none
}
.Ironroll-line {
	stroke-dasharray: 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 80
}
.Ironroll-playing .Ironroll-line {
	stroke-dashoffset: 80;
	transition: all .25s .25s
}
.Ironroll.active.Ironroll-playing .Ironroll-line {
	stroke-dashoffset: 0;
	transition: all .2s
}
.Ironroll-box {
	stroke-dasharray: 488
}
.Ironroll-playing .Ironroll-box {
	stroke-dashoffset: 488;
	fill: transparent;
	stroke: hsla(0,0%,100%,.5);
	transition: all .25s
}
.Ironroll.active.Ironroll-playing .Ironroll-box {
	stroke-dashoffset: 0;
	fill: hsla(0,0%,40%,.2);
	stroke: #fff;
	transition: all .25s .2s
}
.Ironroll-dot, .Ironroll-glowing {
	fill: #fff
}
.Ironroll-playing {
	opacity: .25;
	transform: scale(.01);
	transition: all 1s cubic-bezier(.65, .05, .36, 1)
}
.Ironroll.animating.Ironroll-playing {
	opacity: 1;
	transform: scale(1)
}
.Ironroll-playing+.Ironroll-link {
	cursor: pointer
}
.Ironroll-playing+.Ironroll-link:before {
	display: none
}
.Ironroll-playing+.Ironroll-link .Ironroll-textframe {
	color: #fff;
	opacity: 0;
	transform: scale(.1);
	transition: all .5s
}
.Ironroll-playing+.Ironroll-link .Ironroll-textframe, .Ironroll-playing+.Ironroll-link .Ironroll-textframe:after, .Ironroll-playing+.Ironroll-link .Ironroll-textframe:before {
	border-color: hsla(0,0%,100%,0)
}
.Ironroll.active.Ironroll-playing+.Ironroll-link .Ironroll-textframe {
	opacity: 1;
	transform: scale(1);
	transition: all .5s .125s
}
.Ironroll-playing .Ironroll-dot {
	r: 0;
	stroke: none;
	stroke-width: 0;
	transition: all .5s 1s
}
.Ironroll.active.Ironroll-playing .Ironroll-dot {
	r: 4px;
	stroke: none;
	stroke-width: 0;
	transition: all .5s ease-out
}
.Ironroll.animating.Ironroll-playing .Ironroll-glowing {
	animation: a 2s infinite cubic-bezier(.22, .61, .36, 1) alternate;
	animation: e 2s linear, a 2s infinite cubic-bezier(.22, .61, .36, 1) alternate
}
.Ironroll.animating.Ironroll-playing .Ironroll-circles {
	animation: b 10s infinite linear;
	animation-play-state: paused
}
.Ironroll.active.Ironroll-playing .Ironroll-circles {
	animation-play-state: running
}
.Ironroll-playing .circle-1, .Ironroll-playing .circle-2, .Ironroll-playing .circle-3 {
	stroke: hsla(0,0%,100%,.8)
}
.Ironroll.animating.Ironroll-playing .circle-1, .Ironroll.animating.Ironroll-playing .circle-2, .Ironroll.animating.Ironroll-playing .circle-3 {
	animation: b 65s infinite linear
}
.Ironroll-playing .circle-1 {
	animation-duration: 50s
}
.Ironroll-playing .circle-2 {
	animation-direction: reverse
}
:root .Hero .Ironroll-playing .Ironroll-circles, _::-webkit-full-page-media {
animation:none;
transition:all 13s ease-out;
transform:rotate(-1turn)
}
:root .Hero .active.Ironroll-playing .Ironroll-circles, _::-webkit-full-page-media {
transform:rotate(0deg)
}
.Ironroll-playing .circle-2, .Ironroll-playing .circle-3, .Ironroll-playing .Ironroll-circles, :root .Ironroll-playing .circle-1, _::-webkit-full-page-media {
transform-origin:215px 130px
}
.Ironroll-container {
	display: block;
	position: absolute;
	height: 0;
	width: 0
}
.Ironroll-container.direction-down, .Ironroll-container.direction-down .Ironroll-textframe>* {
	transform: scaleY(-1)
}
.Ironroll-container.direction-left, .Ironroll-container.direction-left .Ironroll-textframe>* {
	transform: scaleX(-1)
}
.Ironroll-container.direction-left .Ironroll-textframe {
	text-align: right
}
.Ironroll-container.direction-left.direction-down, .Ironroll-container.direction-left.direction-down .Ironroll-textframe>* {
	transform: scale(-1)
}
.Ironroll-container.size-small {
	transform: scale(.5)
}
.Ironroll-container.size-small.direction-left {
	transform: scaleX(-1) scale(.5)
}
.Ironroll-container.size-small.direction-down {
	transform: scaleY(-1) scale(.5)
}
.Ironroll-container.size-small.direction-left.direction-down {
	transform: scale(-1) scale(.5)
}
@keyframes a {
0% {
r:1.75px;
opacity:.75
}
to {
r:4.5px;
opacity:1
}
}
@keyframes b {
0% {
transform:rotate(0deg)
}
to {
transform:rotate(1turn)
}
}
.List {
	padding-left: 0;
	list-style: none
}
#categories ul li{line-height:2.5;font-size:1rem;}

.List-header {
	margin: 0
}
.List-item {
	padding-top: .25em;
	padding-bottom: .25em
}
.List>.List-item:first-child {
	padding-top: 0
}
.List-item .List {
	margin-left: 1em;
	margin-top: .25em
}
.List-item .List>.List-item:last-child {
	padding-bottom: 0
}
ul.List--inline li {
	margin: 0 8px;
	display: inline-block
}
ul.List--inline.List--centered {
	text-align: center
}
.Modal {
	display: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.Modal, .Modal:after {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 998
}
.Modal:after {
	content: "";
	background: rgba(0,0,0,.85);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.Modal.is-active {
	display: block;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}
.Modal.is-active .Modal-dialog {
	animation: c .25s ease-out
}
.Modal .slick-slider:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: -1rem -2rem;
	background: transparent;
	background-color: rgba(0,0,0,.01)
}
.Modal iframe[data-src] {
	visibility: hidden;
	opacity: 0;
	transition: all .25s
}
.Modal iframe[data-src].is-loaded {
	visibility: visible;
	opacity: 1
}
.Modal-dialog {
	max-height: 90vh
}
.Modal--video .Modal-close {
	margin: -1em
}
.Modal--video .VideoBlock {
	margin: auto
}
.Modal--video .VideoBlock .VideoGallery-switcher {
	display: none
}
.Modal--video .VideoBlock .VideoBlock-label {
	opacity: 0;
	display: block
}

@media only screen and (max-width:37.4375em) {
.Modal--video {
	position: relative;
	display: block!important
}
.Modal--video .Modal-close, .Modal--video:after {
	display: none
}
.Modal--video .Modal-dialog {
	padding: 0;
	background: transparent;
	animation: none!important
}
.Modal--video .VideoBlock-embed {
	z-index: 9!important
}
}
.RegionConfirm li>* {
	width: 100%
}
.FlagIcon--sm {
	width: 22px
}

@media only screen and (max-width:37.4375em) {
#ProductListSection {
	padding: 0!important
}
}
div[data-cards] {
	position: static!important
}
.is-gridView .Product-listItem:nth-child(3n+3) .gridTable {
	left: -226%!important
}
.is-gridView .Product-listItem:nth-child(3n+2) .gridTable {
	left: -113%!important
}

@media only screen and (max-width:56.25em), print {
.is-gridView .Product-listItem:nth-child(3n+3) .gridTable {
	left: -237%!important
}
.is-gridView .Product-listItem:nth-child(3n+2) .gridTable {
	left: -122%!important
}
}

@media only screen and (max-width:37.4375em) {
.is-gridView .Product-listItem:nth-child(3n+2) .gridTable, .is-gridView .Product-listItem:nth-child(3n+2) .Modal--Products, .is-gridView .Product-listItem:nth-child(3n+3) .gridTable, .is-gridView .Product-listItem:nth-child(3n+3) .Modal--Products {
	left: 0!important
}
}

@media only screen and (max-width:43.75em), print {
.is-gridView .Product-listItem:nth-child(3n+3) .gridTable {
	left: -260%!important
}
.is-gridView .Product-listItem:nth-child(3n+2) .gridTable {
	left: -130%!important
}
}

@media only screen and (max-width:37.4375em) {
.is-gridView .Product-listItem:nth-child(3n+2) .gridTable, .is-gridView .Product-listItem:nth-child(3n+3) .gridTable {
	left: 0!important
}
}
.Modal--Products {
	position: relative;
	left: -110%;
	height: auto;
	max-height: 0;
	display: none;
	min-width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}
.is-gridView .Modal--Products {
	width: 100%;
	left: 0
}
.is-listView .Modal--Products {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	margin-bottom: 0
}
.is-active .Modal--Products {
	max-height: 1000px
}

@media only screen and (max-width:37.4375em) {
.is-active .Modal--Products {
	max-height: 1250px
}
}
.Modal--Products .Modal-dialog {
	animation: c .25s backwards ease-out;
	background-color: #fff
}
.is-active .Modal--Products .Modal-dialog {
	animation: c .25s ease-out;
	background-color: #fff
}
.Modal--Products .Modal-prods {
	box-shadow: 1px 1px 3px #777;
	overflow-y: auto
}
.Modal--Products .Modal-prods .table {
	max-width: 100%;
	max-height: 500px;
	overflow: auto;
	background: #fff
}
.Modal--Products .Modal-prods .tableWrapper {
	display: block;
	font-size: 20px;
	max-width: 99%;
	max-height: 1000px
}

@media only screen and (max-width:37.4375em) {
.Modal--Products .Modal-prods .tableWrapper {
	min-width: 700px;
	max-width: auto
}
}
.Modal--Products .Modal-prods .tableNoAttr {
	min-width: 100%!important
}
.Modal--Products .Modal-prods .header, .Modal--Products .Modal-prods .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: 100%;
	background: #fff
}
.Modal--Products .Modal-prods .cell {
	padding: 8px 15px;
	-ms-flex: 1;
	flex: 1;
	font-size: .875rem
}
.Modal--Products .Modal-prods .cell:first-child, .Modal--Products .Modal-prods .cell:nth-child(2) {
	background: inherit;
	position: -webkit-sticky;
	position: sticky;
	left: 0
}
.Modal--Products .Modal-prods .cell:nth-child(2) {
	left: 100px
}

@media only screen and (max-width:37.4375em) {
.Modal--Products .Modal-prods .cell:nth-child(2) {
	max-width: 120px
}
}
.Modal--Products .Modal-prods .cell:nth-child(2).tableNoAttr {
	max-width: 100%
}
.Modal--Products .Modal-prods .header {
	position: -webkit-sticky;
	position: sticky;
	background: #fff;
	top: 0;
	z-index: 1;
	font-weight: 700
}

@media only screen and (max-width:37.4375em) {
.Modal--Products .Modal-prods .rowShadow {
	filter: drop-shadow(15px 12px 10px rgba(200,200,200,.3))
}
.tableNoAttr .Modal--Products .Modal-prods .rowShadow {
	filter: drop-shadow(0 0 0 0)
}
}
.Modal--Products .Modal-prods .hoverRow, .Modal--Products .Modal-prods .row:hover {
	background-color: #d3d3d3
}
.Modal--Products .Modal-prods .row:hover .compare, .Modal--Products .Modal-prods .row:hover .model {
	background: #d3d3d3;
	display: block
}
.Modal--Products .Modal-prods .compare {
	text-align: center;
	max-width: 100px;
	padding-left: 24px
}
.Modal--Products .Modal-prods .compare .Product-teaser {
	background-color: transparent;
	padding-left: 20px
}
.Modal--Products .Modal-prods .compare .Product-content--compare, .Modal--Products .Modal-prods .compare .Product-img {
	display: none
}
.Modal--Products .Modal-prods .compare .Checkbox, .Modal--Products .Modal-prods .compare .Radio {
	margin: 0;
	font-size: 0
}
.Modal--Products .Modal-prods input {
	width: 15px;
	height: 15px;
	margin: 0 auto
}
.Modal--Products .Modal-prods .Modal-Right {
	overflow-x: scroll
}
.Modal--Products .Modal-prods .Modal-Right>table.skuInfo {
	margin-left: 225px;
	padding-left: 50px;
	background-color: #fff
}
.Modal--Products .Modal-prods .Modal-Right>table.skuInfo>tbody>tr.stickyHeaderInfo {
	text-align: left;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #fff
}
.Modal--Products .Modal-prods .Modal-Right>table.skuInfo>tbody tr.infoDetails {
	width: 100%
}
.Modal--Products .Modal-prods .Modal-Right>table.skuInfo>tbody tr.infoDetails .skuInfo--data {
	padding-left: 15px
}
.Modal--Products .Modal-prods .Modal-Right>table.skuInfo>tbody tr.headerRight {
	position: absolute;
	top: 0;
	z-index: 9;
	width: 100%;
	background-color: #fff
}
.Modal--Products .Modal-prods .Modal-Right>table.skuInfo>tbody th.infoTitles {
	text-align: left;
	padding-left: 15px
}
.Modal--Products .Modal-prods .Modal-Left>table.sticky {
	position: absolute;
	left: 0;
	z-index: 10;
	width: 33%;
	background-color: #fff;
	overflow-y: scroll
}
.Modal--Products .Modal-prods .Modal-Left>table>thead tr.headerLeft {
	position: absolute;
	top: 0;
	z-index: 9;
	width: 100%;
	background-color: #fff
}
.Modal--Products .Modal-prods .Modal-Left>table>thead tr.headerLeft>th.Model-check {
	text-align: center;
	width: 50%
}
.Modal--Products .Modal-prods .Modal-Left>table>thead tr.headerLeft>th.Model-head {
	text-align: left;
	width: 50%
}
.Modal--Products .Modal-prods .Modal-Left>table>thead tr.Modal-table-row .Modal-check {
	width: 50%
}
.Modal--Products .Modal-prods>table {
	margin: 0;
	padding: 0
}
.Modal--Products .Modal-prods>table>thead {
	margin: 0;
	padding: 0;
	position: relative
}
.Modal--Products .Modal-prods>table>thead>tr {
	margin: 0;
	padding: 0;
	display: table
}
.Modal--Products .Modal-prods>table>thead>tr>th {
	margin: 0;
	padding: 0;
	text-align: center
}
.Modal--Products .Modal-prods>table>thead>tr>td {
	margin: 0;
	padding: 0
}
.Modal--Products .Modal-prods>table>thead>tr>td.Model-check {
	width: 50%;
	margin: 0 auto;
	text-align: center
}
.is-gridView .Modal--Products .Modal-prods>table>thead>tr>td .Product-teaser, .is-listView .Modal--Products .Modal-prods>table>thead>tr>td .Product-teaser {
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 0
}
.is-gridView .Modal--Products .Modal-prods>table>thead>tr>td .Product-teaser .Checkbox, .is-gridView .Modal--Products .Modal-prods>table>thead>tr>td .Product-teaser .Radio, .is-listView .Modal--Products .Modal-prods>table>thead>tr>td .Product-teaser .Checkbox, .is-listView .Modal--Products .Modal-prods>table>thead>tr>td .Product-teaser .Radio {
	margin: 0 auto
}
.Modal--Products .Modal-prods>table>thead>tr>td div.hasvariations {
	background-color: transparent;
	margin: 0
}
.Modal--Products .Modal-prods>table>thead>tr>td div.hasvariations .Checkbox, .Modal--Products .Modal-prods>table>thead>tr>td div.hasvariations .Radio {
	margin: 0 auto
}
.Modal--Products .Modal-prods>table>thead>tr>td .Product-content--compare, .Modal--Products .Modal-prods>table>thead>tr>td .Product-img {
	display: none
}
.Modal--Products .Modal-prods>table>tbody, .Modal--Products .Modal-prods>table>tbody>th, .Modal--Products .Modal-prods>table>tbody>tr {
	margin: 0;
	padding: 0
}
.gridTable .Modal-closeProd {
	padding: 4px;
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border-top: 1px solid #eee;
	filter: drop-shadow(2px 2px 3px #999999);
	font-family: Industry-Medium, Industry Medium, Helvetica, sans-serif;
	display: none
}
.is-active .gridTable .Modal-closeProd {
	display: block;
	cursor: pointer
}
.Modal-dialog {
	position: relative;
	margin: auto;
	padding: 0;
	z-index: 999;
	width: 90%;
	max-width: 43.75rem;
	min-height: 18.75rem;
	max-height: 90%;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	white-space: normal;
	background: #fff
}
.Modal-dialog.Modal-dialog--slider {
	overflow-y: hidden
}
.Modal--sm .Modal-dialog {
	min-height: 10rem
}
.Modal--xl .Modal-dialog {
	max-width: 1130px
}

@media only screen and (min-width:56.25em), print {
.Modal-dialog {
	padding: 1em
}
}
html.no-flexbox .Modal-dialog {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left: 0
}
.Modal-dialog.Distributors-list {
	max-width: 900px;
	min-height: 0;
	padding: 1rem .5rem
}
.Modal-dialog [data-modalslider]:not(.slick-initialized) {
	display: none
}
.Modal-dialog--slider {
	max-width: 640px;
	padding: 0 1rem;
	background: transparent
}
.Modal-dialog--slider .slick-arrow {
	color: #fff
}

@media only screen and (min-width:37.5em), print {
.Modal-dialog--slider .slick-arrow {
	margin-right: -3rem;
	margin-left: -3rem
}
}
.Modal-dialog .Product-image {
	max-height: 190px;
	max-height: 20vh
}
.Modal-content iframe {
	width: 100%
}
.Modal-content-container {
	padding: 1em
}
.Modal-close {
	z-index: 9;
	position: absolute;
	top: 0;
	right: 0;
	margin: .5rem
}
.Modal-close, .Modal-close:hover {
	background-color: gray;
	color: #fff;
	border-color: transparent
}

@media only screen and (min-width:75em) {
.Modal-close {
	margin: -1.5em;
	background-color: rgba(0,0,0,.1)
}
.Modal-close:after, .Modal-close:before {
	width: .55em
}
}
.Modal-close--inner {
	margin: .5rem;
	background-color: gray
}
@keyframes c {
0% {
transform:translateY(-100%)
}
to {
transform:translateY(0)
}
}
.Modal-body {
	min-height: 250px;
	overflow-y: auto
}
.Modal-footer {
	text-align: center;
	background: #fff
}

@media only screen and (min-width:56.25em), print {
.Modal-footer {
	padding: 1em;
	margin: 0 -1em -1em
}
}
.Modal-footer .Button, .Modal-footer .Button--outline, .Modal-footer .Button--small, .Modal-footer input {
	margin-left: .5rem;
	margin-right: .5rem
}
.Product-listItem .Modal--Products.js-prodModal>* .table {
	max-width: 100%;
	max-height: 500px;
	overflow: auto;
	background: #fff
}

@media only screen and (max-width:37.4375em) {
.Product-listItem .Modal--Products.js-prodModal>* .table {
	max-width: 96vw
}
}
.is-listView .Product-listItem .Modal--Products.js-prodModal {
	max-height: 0;
	transition: max-height .25s ease-in;
	visibility: hidden;
	display: block
}

@media only screen and (max-width:37.4375em) {
.is-listView .Product-listItem .Modal--Products.js-prodModal {
	padding-bottom: 0
}
}
.is-listView .Product-listItem.is-active .Modal--Products.js-prodModal {
	opacity: 1;
	visibility: visible
}

@media only screen and (max-width:37.4375em) {
.Product-listItem.is-active .Modal--Products.js-prodModal {
	padding-bottom: 0!important
}
}
.is-listView .Product-listItem.is-open .Modal--Products.js-prodModal {
	max-height: 1250px;
	margin-top: 25px
}

@media only screen and (min-width:37.5em), print {
.is-listView .gridTable {
	background-color: #fff
}
}
.is-gridView .gridTable {
	/* max-height: 0;
	visibility: hidden; */
	display: block;
	width: 100%;
	background:#fff;
}
.is-gridView .gridTable .Product-content {
	/* visibility: visible!important */
}
.is-gridView .gridTable .Modal--Products {
	display: none
}
.is-gridView .is-active .gridTable {
	overflow: hidden;
	transition: max-height 1s ease-in;
	width: calc(300% + 65px)
}
.is-gridView .is-active .Modal--Products {
	visibility: visible;
	display: block
}
.is-gridView .is-open .gridTable {
	max-height: 1000px;
	visibility: visible
}

@media only screen and (min-width:37.5em), print {
.infoDetails.has-hover, .infoDetails:hover, .Modal-table-row.has-hover, .Modal-table-row:hover {
	background-color: rgba(25,25,25,.1)
}
}
.columnNoAttr, .tableNoAttr {
	max-width: 100%!important
}
.columnNoAttr {
	filter: none!important
}
.compNoAttr {
	padding-left: 8px!important
}

@media only screen and (max-width:37.4375em) {
.columnNoAttr {
	width: 100%!important
}
@-moz-document url-prefix() {
.thNoAttr {
width:55%!important
}
}
}
.stickyNoAttr {
	box-shadow: none!important
}
.u-caret {
	transform: rotate(-135deg)
}
.d-caret, .u-caret {
	border: solid #000;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding:4px;
}
.d-caret {
	transform: rotate(45deg)
}
.pagination {
	font-size: .875rem;
	letter-spacing: 2px;
	display: table;
	position: relative;
	list-style: none;
	text-align: center;
	margin: auto;
	margin-bottom: -1rem;
	padding: 2rem 0
}
.pagination-container {
	margin-bottom: 15px
}
.pagination a, .pagination a:after {
	transition: all .25s
}
.pagination a {
	position: relative;
	display: block;
	width: 1.875em;
	height: 1.875em;
	line-height: 1.875em;
	text-decoration: none!important
}
.pagination a:hover {
	color: initial;
	color: unset
}
.pagination a[href]:hover {
	background-color: #5ce0f2;
	text-decoration: none
}
.pagination li {
	display: inline-block;
	outline: none;
	border: 0
}
.pagination li.active {
	background: linear-gradient(0deg, #000 1.75px, transparent 0) no-repeat bottom;
	background-size: 70% 100%
}
.pagination li.disabled {
	opacity: .4
}
.pagination li.PagedList-ellipses {
	background-color: #e9e9e9
}
.pagination li.PagedList-skipToNext a, .pagination li.PagedList-skipToPrevious a {
	background-color: #5ce0f2
}
.pagination li.PagedList-skipToNext a:disabled, .pagination li.PagedList-skipToNext a:not([href]), .pagination li.PagedList-skipToPrevious a:disabled, .pagination li.PagedList-skipToPrevious a:not([href]) {
	opacity: .25
}

@media only screen and (min-width:37.5em), print {
.pagination li {
	margin: 0 .140625em
}
.pagination li.PagedList-skipToPrevious {
	margin-right: .28125em
}
.pagination li.PagedList-skipToNext {
	margin-left: .28125em
}
}
.pagination li.PagedList-skipToFirst, .pagination li.PagedList-skipToLast {
	position: absolute;
	left: 0;
	bottom: 0;
	width: auto;
	margin: 0
}
.pagination li.PagedList-skipToFirst a, .pagination li.PagedList-skipToLast a {
	width: auto
}
.pagination li.PagedList-skipToFirst a, .pagination li.PagedList-skipToFirst a:hover, .pagination li.PagedList-skipToLast a, .pagination li.PagedList-skipToLast a:hover {
	background: none
}
.pagination li.PagedList-skipToFirst a:after, .pagination li.PagedList-skipToLast a:after {
	content: "";
	text-indent: 0;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, #000 1.75px, transparent 0) no-repeat bottom;
	background-position: left bottom -2px
}
.pagination li.PagedList-skipToFirst a:hover:after, .pagination li.PagedList-skipToLast a:hover:after {
	background-color: transparent;
	background-position: bottom
}
.pagination li.PagedList-skipToFirst {
	left: 0;
	right: auto
}
.pagination li.PagedList-skipToFirst a:after {
	content: "";
	left: 0;
	right: auto
}
.pagination li.PagedList-skipToLast {
	left: auto;
	right: 0
}
.pagination li.PagedList-skipToLast a:after {
	content: "";
	left: auto;
	right: 0
}
.Quote {
	position: relative;
	max-width: 50rem;
	margin: 1.5rem auto;
	text-align: center
}

@media only screen and (min-width:37.5em), print {
.Quote {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}
.Quote svg {
	fill: transparent;
	display: block;
	margin: 0 auto
}
.Quote-text:before {
	display: none
}
.Quote-source {
	font-size: .875rem;
	font-style: normal;
	text-transform: uppercase;
	margin: 1.5em auto;
	letter-spacing: 2px
}
.Quote-id {
	font-size: .75rem;
	font-style: italic;
	color: #6f6f6f
}
.Region-lang {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-flow: row;
	flex-flow: row;
	margin-top: 6px
}
.Region-lang>*>img {
	min-width: 16px
}
#worldMap {
	display: none;
	margin: 20px auto;
	width: 100%;
	max-width: 400px
}
#worldMap polygon {
	cursor: pointer;
	fill: #d2cfcd;
	transform-origin: 50% 50%;
	position: relative;
	transition: transform .3s cubic-bezier(.6, 0, .4, 1.01), fill .3s cubic-bezier(.6, 0, .4, 1.01)
}
#africa.is-active polygon, #africa:hover polygon, #America.is-active polygon, #America:hover polygon, #asia.is-active polygon, #asia:hover polygon, #europe.is-active polygon, #europe:hover polygon, #mideast.is-active polygon, #mideast:hover polygon {
	fill: #333;
	transform: scale(1.01);
	transition: transform .2s cubic-bezier(.07, .53, .4, 1.01), fill .1s cubic-bezier(.6, 0, .4, 1.01)
}
.disabled polygon {
	pointer-events: none
}
.Tab-section.Region.is-active {
	padding-left: 0!important;
	background-color: transparent
}

@media only screen and (min-width:48em), print {
.Region {
	padding-left: 5px!important
}
}
.Region .u-pipeBefore {
	text-decoration: none
}
.Region .u-pipeBefore:hover {
	text-decoration: underline
}
.Country--Details {
	padding-left: 0
}
.Country--name {
	margin-left: .5em
}
.Country--tabs {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: 1px solid rgba(25,25,25,.2)
}
.Country--tabs>div {
	margin-bottom: .5rem;
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: .875rem;
	letter-spacing: 1.8px;
	line-height: 2
}

@media only screen and (min-width:48em), print {
.Country--tabs>div {
	margin: 0
}
}
.Country--tabs>div>a {
	text-decoration: none
}
.Country--tabs .is-active {
	border-bottom: 2px solid #000
}
.RegionSelector .is-active {
	display: block!important
}

@media only screen and (min-width:48em), print {
.RegionSelector .is-active {
	margin: 0 auto 10px
}
}
.RegionSelector .is-active>ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0
}

@media only screen and (min-width:48em), print {
.RegionSelector .is-active>ul {
	padding: 0 0 0 18%
}
}
.RegionSelector .is-active>ul>li {
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 100%
}
.RegionSelector .is-active>ul>li>div {
	float: left
}
.RegionSelector .is-active>ul>li>img {
	float: left;
	width: 40px;
	margin-right: 2px
}
.RegionSelector .is-active>ul>li>a {
	text-decoration: none;
	padding: 0 0 1rem;
	font-size: 1rem;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (min-width:48em), print {
.RegionSelector .is-active>ul>li>a {
	padding: 20px 0
}
}
.RegionSelector .is-active>ul>li>a:hover {
	text-decoration: underline
}
.RegionSelector .is-active>ul>li>a>img {
	float: left;
	width: 40px;
	margin-right: 6px
}
.RegionSelector .is-active>ul>li>a span {
	float: left
}
.svgTransp {
	opacity: 0
}
.textBorder-bottom {
	border-bottom: 1px solid rgba(25,25,25,.2);
	padding-bottom: 2px
}

@media only screen and (min-width:48em), print {
.RegionSelector #worldMap {
	display: block
}
.RegionSelector .Region-lang {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-flow: row;
	flex-flow: row;
	margin-top: 6px
}
.RegionSelector .Region-lang>*>img {
	width: 40px
}
.RegionSelector .Country--tabs {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	text-align: center
}
.RegionSelector .Country--tabs>div {
	margin: 0 5%;
	line-height: 1.5
}
.RegionSelector .is-active {
	max-width: 85%
}
.RegionSelector .is-active>ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 0 18%;
	-ms-flex-pack: start;
	justify-content: flex-start
}
.RegionSelector .is-active>ul>li {
	padding: 10px 3px 0 0;
	-ms-flex: 0 0 32%;
	flex: 0 0 32%
}
.RegionSelector .is-active>ul>li>a {
	text-decoration: none;
	padding: 8px 0;
	display: -ms-flexbox;
	display: flex
}
.RegionSelector .is-active>ul>li>a .regionFlag {
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
	min-height: 27px
}
}
.RelatedArticle-Teaser {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff;
	margin: 2rem 0
}

@media only screen and (max-width:37.4375em) {
.RelatedArticle-Teaser {
	-ms-flex-direction: column;
	flex-direction: column
}
}
.RelatedArticle-Teaser-img {
	width: 50%
}

@media only screen and (max-width:37.4375em) {
.RelatedArticle-Teaser-img {
	width: 100%
}
}
.RelatedArticle-Teaser-img img {
	display: block;
	width: 100%;
	height: 100%!important;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: cover; object-position: center";
	max-height: 24.25rem
}
.RelatedArticle-Teaser-content {
	width: 50%;
	padding: .5rem 1rem
}

@media only screen and (max-width:37.4375em) {
.RelatedArticle-Teaser-content {
	width: 100%
}
}
.Search-form {
	position: relative
}

@media only screen and (min-width:37.5em), print {
.Search-form {
	text-align: center
}
}
.Search-results {
	text-align: left;
/*	border-top: 1px solid hsla(0,0%,60%,.3)*/
}
.SearchResult-listItem.Article, .SearchResult-listItem>* {
	padding: 0!important
}
.SearchResult-title {
	margin-bottom: 0
}
.Autocomplete .SearchResult-title {
	font-size: .875rem
}
.Autocomplete .SearchResult-title.selected {
	font-weight: 700
}

@media only screen and (min-width:37.5em), print {
.Autocomplete .SearchResult-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 95%
}
}
.Autocomplete .SearchResult-title a {
	text-decoration: none
}
.SearchResults .SearchResult-title {
	margin-bottom: 0
}
.SearchResult-description {
	margin-top: 0
}
.Autocomplete .SearchResult-description {
	font-size: .875rem;
	max-height: 3em;
	overflow: hidden;
	position: relative
}
.Autocomplete .SearchResult-description:after {
	content: "";
	position: absolute;
	background: #fff;
	background: linear-gradient(110deg, hsla(0,0%,100%,0), #fff);
	right: 0;
	bottom: 0;
	height: 1.5em;
	width: 7rem
}

@media only screen and (min-width:56.25em), print {
.Autocomplete .SearchResult-description:after {
	background: #000;
	background: linear-gradient(110deg, transparent, #000)
}
}
#divScrollBorder img, #divScrollBorder img * {
	max-width: 100000px
}
.Simulator--marine div.scrollborder {
	position: relative;
	margin: 25px auto;
	width: 1170px;
	height: 550px;
	overflow: hidden
}
.Simulator--marine div.scrollborder div#divNightView {
	position: relative;
	z-index: 1
}
.Simulator--marine div.marker {
	position: absolute;
	background-image: url(../images/marker.png);
	background-repeat: no-repeat;
	background-position: 30px 30px;
	width: 50px;
	height: 50px
}
.Simulator--marine div#markerFloatingDebrisLeft {
	left: 350px;
	top: 460px
}
.Simulator--marine div#markerFloatingDebrisRight {
	left: 475px;
	top: 350px
}
.Simulator--marine div#markerUnlitBoatsRight {
	left: 527px;
	top: 321px
}
.Simulator--marine div#markerUnlitBoatsLeft {
	left: 1235px;
	top: 430px
}
.Simulator--marine div#markerPaddleBoarder {
	left: 845px;
	top: 410px
}
.Simulator--marine div#markerManOverboard {
	left: 935px;
	top: 355px
}
.Simulator--marine div#markerBungeeJumper {
	left: 890px;
	top: 250px
}
.Simulator--marine div#markerPeopleWalkingOnBridge {
	left: 990px;
	top: 250px
}
.Simulator--marine div#markerBoatTraffic {
	left: 1120px;
	top: 475px
}
.Simulator--marine div#markerMotorBoat {
	left: 1225px;
	top: 310px
}
.Simulator--marine div#markerHowHotIsThat {
	left: 1315px;
	top: 275px
}
.Simulator--marine div#divIRBorder {
	position: absolute;
	top: -150px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 100;
	overflow: hidden;
	cursor: crosshair
}
.Simulator--marine div#displayOverlay {
	position: absolute;
	top: -200px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 101;
	overflow: hidden;
	pointer-events: none;
	background-image: url(../images/cameradisplay.png)
}
.Simulator--marine div#divIRView {
	position: relative
}
.Simulator--marine .ie10 div#displayOverlay {
	display: none!important
}
.Simulator--marine .ie10 div#divIRBorder {
	position: absolute;
	top: -200px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 100;
	overflow: hidden;
	cursor: crosshair!important
}
.Simulator--marine div.popup {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	margin: 5px;
	width: 220px;
	height: 520px;
	z-index: 1500;
	background: #404040;
	background: -moz-linear-gradient(center top, #3f3f3f, #000);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3f3f3f, endColorstr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3f3f3f, endColorstr=#000000)";
	padding: 10px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
.Simulator--marine div.fadeout {
	animation: d .3s;
	animation-fill-mode: forwards;
	-webkit-animation: d .3s;
	-webkit-animation-fill-mode: forwards
}
.Simulator--marine div.fadein {
	visibility: visible;
	animation: e .3s;
	animation-fill-mode: forwards;
	-webkit-animation: e .3s;
	-webkit-animation-fill-mode: forwards
}
.Simulator--marine div.popup h2 {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin: 0 0 3px;
	padding: 0 0 3px
}
.Simulator--marine div.popup p {
	font-size: 12px;
	font-weight: 400;
	color: #fff
}
.Simulator--marine div.popup video {
	position: relative
}
.Simulator--marine div.popup img, .Simulator--marine div.popup video {
	padding-top: 5px;
	border-top: 1px solid #555;
	padding-bottom: 5px;
	border-bottom: 1px solid #555
}
div.left {
	left: 0
}
div.right {
	right: 0
}
p.note {
	text-align: center;
	font-size: 11px;
	font-weight: 400;
	border: 1px solid #333;
	color: #fff;
	padding-top: 10px;
	background: #272727;
	color: #dedede;
	margin: auto;
	width: 1000px;
	height: 20px
}
.Simulator--instruments body {
	background-color: #000!important
}
.Simulator--instruments #flashContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center
}
.Simulator--instruments div.scrollborder {
	position: relative;
	margin: auto;
	width: 1170px;
	height: 550px;
	overflow: hidden;
	border: 0 solid #555
}
.Simulator--instruments div.scrollborder div#divNightView {
	position: relative;
	z-index: 1
}
.Simulator--instruments div.marker {
	position: absolute;
	background-image: url(../images/marker.png);
	background-repeat: no-repeat;
	background-position: 30px 30px;
	width: 50px;
	height: 50px
}
.Simulator--instruments div#marker1 {
	left: 1925px;
	top: 5px
}
.Simulator--instruments div#marker2 {
	left: 3400px;
	top: 50px
}
.Simulator--instruments div#marker3 {
	left: 4075px;
	top: 195px
}
.Simulator--instruments div#marker4 {
	left: 2030px;
	top: 230px
}
.Simulator--instruments div#marker5 {
	left: 4280px;
	top: 315px
}
.Simulator--instruments div#marker6 {
	left: 3060px;
	top: 465px
}
.Simulator--instruments div#marker21 {
	left: 3660px;
	top: 370px
}
.Simulator--instruments div#marker22 {
	left: 4370px;
	top: 20px
}
.Simulator--instruments div#marker24 {
	left: 3930px;
	top: 90px
}
.Simulator--instruments div#marker7 {
	left: 335px;
	top: 200px
}
.Simulator--instruments div#marker8 {
	left: 795px;
	top: 350px
}
.Simulator--instruments div#marker9 {
	left: 1015px;
	top: 270px
}
.Simulator--instruments div#marker10 {
	left: 3535px;
	top: 445px
}
.Simulator--instruments div#marker18 {
	left: 4140px;
	top: 390px
}
.Simulator--instruments div#marker12 {
	left: 600px;
	top: 275px
}
.Simulator--instruments div#marker13 {
	left: 1075px;
	top: 70px
}
.Simulator--instruments div#marker14 {
	left: 505px;
	top: 360px
}
.Simulator--instruments div#marker15 {
	left: 2175px;
	top: 335px
}
.Simulator--instruments div#marker16 {
	left: 2200px;
	top: 450px
}
.Simulator--instruments div#marker17 {
	left: 2390px;
	top: 380px
}
.Simulator--instruments div#marker19 {
	left: 2500px;
	top: 180px
}
.Simulator--instruments div#marker20 {
	left: 2330px;
	top: 300px
}
.Simulator--instruments div#marker23 {
	left: 2050px;
	top: 410px
}
.Simulator--instruments div#divIRBorder {
	position: absolute;
	top: -200px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 100;
	overflow: hidden;
	cursor: none
}
.Simulator--instruments div#displayOverlay {
	position: absolute;
	top: -200px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 101;
	overflow: hidden;
	pointer-events: none;
	background-image: url(../images/cameradisplay.png)
}
.Simulator--instruments .ie10 div#displayOverlay {
	display: none!important
}
.Simulator--instruments .ie10 div#divIRBorder {
	position: absolute;
	top: -200px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 100;
	overflow: hidden;
	cursor: crosshair!important
}
.Simulator--instruments div#divIRView {
	position: relative
}
.Simulator--instruments div.popup {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	margin: 5px;
	width: 250px;
	height: 400px;
	z-index: 1500;
	background: #404040;
	background: -moz-linear-gradient(center top, #3f3f3f, #000);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3f3f3f, endColorstr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3f3f3f, endColorstr=#000000)";
	padding: 10px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
.Simulator--instruments div.fadeout {
	animation: d .3s;
	animation-fill-mode: forwards;
	-webkit-animation: d .3s;
	-webkit-animation-fill-mode: forwards
}
.Simulator--instruments div.fadein {
	visibility: visible;
	animation: e .3s;
	animation-fill-mode: forwards;
	-webkit-animation: e .3s;
	-webkit-animation-fill-mode: forwards
}
.Simulator--instruments div.popup h2 {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin: 0 0 3px;
	padding: 0 0 3px
}
.Simulator--instruments div.popup h3 {
	margin: 0 0 3px;
	padding: 0 0 3px
}
.Simulator--instruments div.popup h3, .Simulator--instruments div.popup p {
	font-size: 12px;
	font-weight: 400;
	color: #fff
}
.Simulator--instruments div.popup video {
	position: relative
}
.Simulator--instruments div.popup img, .Simulator--instruments div.popup video {
	padding-top: 5px;
	border-top: 1px solid #555;
	padding-bottom: 5px;
	border-bottom: 1px solid #555
}
.Simulator--instruments div.left {
	left: 0
}
.Simulator--instruments div.right {
	right: 0
}
.Simulator--huntingOutdoors #flashContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center
}
.Simulator--huntingOutdoors div.scrollborder {
	position: relative;
	margin: auto;
	width: 100%;
	height: 457px;
	overflow: hidden
}
.Simulator--huntingOutdoors div.scrollborder div#divNightView {
	position: relative;
	z-index: 1
}
.Simulator--huntingOutdoors div.marker {
	position: absolute;
	background-image: url(../images/marker.png);
	background-repeat: no-repeat;
	background-position: 30px 30px;
	width: 50px;
	height: 50px
}
.Simulator--huntingOutdoors div#markerHog {
	left: 40px;
	top: 265px
}
.Simulator--huntingOutdoors div#markerLostHikers {
	left: 750px;
	top: 190px
}
.Simulator--huntingOutdoors div#markerOwl {
	left: 1075px;
	top: 45px
}
.Simulator--huntingOutdoors div#markerDeer {
	left: 2370px;
	top: 250px
}
.Simulator--huntingOutdoors div#markerPython {
	left: 2400px;
	top: 340px
}
.Simulator--huntingOutdoors div#markerCamping {
	left: 2660px;
	top: 195px
}
.Simulator--huntingOutdoors div#markerBlackBear {
	left: 1750px;
	top: 270px
}
.Simulator--huntingOutdoors div#markerCampfire {
	left: 2790px;
	top: 250px
}
.Simulator--huntingOutdoors div#markerElk {
	left: 200px;
	top: 170px
}
.Simulator--huntingOutdoors div#markerCanadaGoose2 {
	left: 540px;
	top: 315px
}
.Simulator--huntingOutdoors div#markerCanadaGoose3 {
	left: 2218px;
	top: 267px
}
.Simulator--huntingOutdoors div#divIRBorder {
	position: absolute;
	top: -150px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 100;
	overflow: hidden;
	cursor: crosshair
}
.Simulator--huntingOutdoors div#displayOverlay {
	background-image: url(../images/cameradisplay.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: -200px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 101;
	overflow: hidden;
	pointer-events: none
}
.Simulator--huntingOutdoors div#divIRView {
	position: relative
}
.Simulator--huntingOutdoors .ie10 div#displayOverlay {
	display: none!important
}
.Simulator--huntingOutdoors .ie10 div#divIRBorder {
	position: absolute;
	top: -200px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 100;
	overflow: hidden;
	cursor: crosshair!important
}
.Simulator--huntingOutdoors div.popup {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	margin: 5px;
	width: 220px;
	height: 425px;
	z-index: 1500;
	background: #404040;
	background: -moz-linear-gradient(center top, #3f3f3f, #000);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3f3f3f, endColorstr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3f3f3f, endColorstr=#000000)";
	padding: 10px
}
.Simulator--huntingOutdoors div.fadeout {
	animation: d .3s;
	animation-fill-mode: forwards;
	-webkit-animation: d .3s;
	-webkit-animation-fill-mode: forwards
}
.Simulator--huntingOutdoors div.fadein {
	visibility: visible;
	animation: e .3s;
	animation-fill-mode: forwards;
	-webkit-animation: e .3s;
	-webkit-animation-fill-mode: forwards
}
.Simulator--huntingOutdoors h1 {
	color: #fff;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px
}
.Simulator--huntingOutdoors div.popup h2 {
	font-size: 18px
}
.Simulator--huntingOutdoors div.popup h2, .Simulator--huntingOutdoors div.popup h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	color: #fff;
	margin: 0 0 3px;
	padding: 0 0 3px
}
.Simulator--huntingOutdoors div.popup h3 {
	font-size: 12px
}
.Simulator--huntingOutdoors div.popup p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #fff
}
.Simulator--huntingOutdoors div.popup video {
	position: relative
}
.Simulator--huntingOutdoors div.popup img, .Simulator--huntingOutdoors div.popup video {
	padding-top: 5px;
	border-top: 1px solid #555;
	padding-bottom: 5px;
	border-bottom: 1px solid #555
}
.Simulator--huntingOutdoors div.left {
	left: 0
}
.Simulator--huntingOutdoors div.right {
	right: 0
}
.Simulator--huntingOutdoors p.note {
	margin-top: 20px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #fff
}
.Simulator--huntingOutdoors p.poptext {
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: 400;
	color: #fff;
	margin-top: 10px;
	line-height: 14px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
.Simulator--firefighter body {
	background-color: #000!important;
	margin: 0
}
.Simulator--firefighter #flashContent {
	width: 100%;
	background-color: #000!important;
	position: relative;
	left: 50%;
	margin-left: -720px
}
.Simulator--firefighter div.scrollborder {
	position: relative;
	margin: auto;
	width: 1440px;
	height: 550px;
	overflow: hidden;
	border: 0 solid #555;
	z-index: 995;
	background: #000
}
.Simulator--firefighter div.scrollborder div#divNightView {
	position: relative;
	z-index: 1
}
.Simulator--firefighter div#divIRView {
	position: relative
}
.Simulator--firefighter div.marker {
	position: absolute;
	background-image: url(../images/marker.png);
	background-repeat: no-repeat;
	background-position: 30px 30px;
	width: 50px;
	height: 50px
}
.Simulator--firefighter div#marker1 {
	left: 1925px;
	top: 5px
}
.Simulator--firefighter div#marker2 {
	left: 3400px;
	top: 50px
}
.Simulator--firefighter div#marker3 {
	left: 4075px;
	top: 195px
}
.Simulator--firefighter div#marker4 {
	left: 2030px;
	top: 230px
}
.Simulator--firefighter div#marker5 {
	left: 4280px;
	top: 315px
}
.Simulator--firefighter div#marker6 {
	left: 3060px;
	top: 465px
}
.Simulator--firefighter div#marker21 {
	left: 3660px;
	top: 370px
}
.Simulator--firefighter div#marker22 {
	left: 4370px;
	top: 20px
}
.Simulator--firefighter div#marker24 {
	left: 3930px;
	top: 90px
}
.Simulator--firefighter div#marker7 {
	left: 445px;
	top: 65px
}
.Simulator--firefighter div#marker8 {
	left: 845px;
	top: 430px
}
.Simulator--firefighter div#marker9 {
	left: 1310px;
	top: 375px
}
.Simulator--firefighter div#marker10 {
	left: 3535px;
	top: 445px
}
.Simulator--firefighter div#marker18 {
	left: 4140px;
	top: 390px
}
.Simulator--firefighter div#marker12 {
	left: 310px;
	top: 365px
}
.Simulator--firefighter div#marker13 {
	left: 1075px;
	top: 70px
}
.Simulator--firefighter div#marker14 {
	left: 1300px;
	top: 10px
}
.Simulator--firefighter div#marker15 {
	left: 2175px;
	top: 335px
}
.Simulator--firefighter div#marker16 {
	left: 2200px;
	top: 450px
}
.Simulator--firefighter div#marker17 {
	left: 2390px;
	top: 380px
}
.Simulator--firefighter div#marker19 {
	left: 2500px;
	top: 180px
}
.Simulator--firefighter div#marker20 {
	left: 2330px;
	top: 300px
}
.Simulator--firefighter div#marker23 {
	left: 2050px;
	top: 410px
}
.Simulator--firefighter div#divIRBorder {
	position: absolute;
	top: -200px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 100;
	overflow: hidden;
	cursor: none
}
.Simulator--firefighter div#displayOverlay {
	background-image: url(../images/cameradisplay.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: -200px;
	left: -150px;
	width: 200px;
	height: 150px;
	z-index: 101;
	overflow: hidden;
	pointer-events: none
}
.Simulator--firefighter div#divIRBorderFlirOne {
	position: absolute;
	top: 55px;
	left: 40px;
	width: 185px;
	height: 155px;
	z-index: 100;
	overflow: hidden;
	cursor: none
}
.Simulator--firefighter div#displayOverlayFlirOne {
	z-index: 101
}
.Simulator--firefighter .ie10 div#displayOverlayFlirOne, .Simulator--firefighter div#displayOverlayFlirOne {
	background-image: url(../images/kseries.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 884px;
	height: 715px;
	overflow: hidden;
	pointer-events: none
}
.Simulator--firefighter .ie10 div#displayOverlayFlirOne {
	z-index: 100
}
.Simulator--firefighter .ie10 div#divIRBorderFlirOne {
	position: absolute;
	top: 0;
	left: 0;
	width: 185px;
	height: 155px;
	z-index: 101;
	overflow: hidden;
	cursor: crosshair!important
}
.Simulator--firefighter div.popup {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	margin: 5px;
	width: 250px;
	height: auto;
	z-index: 1500;
	background: #404040;
	background: -moz-linear-gradient(center top, #3f3f3f, #000);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3f3f3f, endColorstr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3f3f3f, endColorstr=#000000)";
	padding: 10px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
.Simulator--firefighter div.fadeout {
	animation: d .3s;
	animation-fill-mode: forwards;
	-webkit-animation: d .3s;
	-webkit-animation-fill-mode: forwards
}
.Simulator--firefighter div.fadein {
	visibility: visible;
	animation: e .3s;
	animation-fill-mode: forwards;
	-webkit-animation: e .3s;
	-webkit-animation-fill-mode: forwards
}
.Simulator--firefighter h1 {
	color: #fff;
	text-align: center;
	margin-bottom: 2px;
	margin-top: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px
}
.Simulator--firefighter div.popup h2 {
	color: #39b54a
}
.Simulator--firefighter .sarMode, .Simulator--firefighter div.popup h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 3px;
	padding: 15px 0 0
}
.Simulator--firefighter .sarMode {
	color: #2af0f1!important
}
.Simulator--firefighter div.popup h3 {
	margin: 0 0 3px;
	padding: 0 0 3px
}
.Simulator--firefighter div.popup h3, .Simulator--firefighter div.popup p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #fff
}
.Simulator--firefighter div.popup video {
	position: relative
}
.Simulator--firefighter div.popup img, .Simulator--firefighter div.popup video {
	padding-top: 5px;
	border-top: 1px solid #555;
	padding-bottom: 5px;
	border-bottom: 1px solid #555
}
.Simulator--firefighter div.popup img {
	width: 100%;
	height: auto
}
.Simulator--firefighter div.left {
	left: 0
}
.Simulator--firefighter div.right {
	right: 0
}
.Simulator--firefighter #note {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: 400;
	border: 1px solid #333;
	color: #fff;
	padding: 10px 0 0;
	background: #272727;
	color: #dedede;
	margin: auto;
	width: 100%;
	float: left
}
.Simulator--firefighter #note img {
	padding-bottom: 10px
}
.Simulator--firefighter p.poptext {
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #fff
}
.Simulator--FLIROne body {
	background-color: #000;
	margin: 0
}
.Simulator--FLIROne #flashContent {
	width: 100%;
	background-color: #000!important
}
.Simulator--FLIROne div.scrollborder {
	position: relative;
	margin: 25px auto;
	width: 1170px;
	height: 550px;
	overflow: hidden;
	border: 0 solid #555;
	z-index: 995
}
.Simulator--FLIROne div.scrollborder div#divNightView {
	position: relative;
	z-index: 1
}
.Simulator--FLIROne div.marker {
	position: absolute;
	background-image: url(../images/marker.png);
	background-repeat: no-repeat;
	background-position: 30px 30px;
	width: 50px;
	height: 50px
}
.Simulator--FLIROne div#marker1 {
	left: 1925px;
	top: 5px
}
.Simulator--FLIROne div#marker2 {
	left: 3400px;
	top: 50px
}
.Simulator--FLIROne div#marker3 {
	left: 4075px;
	top: 195px
}
.Simulator--FLIROne div#marker4 {
	left: 2030px;
	top: 230px
}
.Simulator--FLIROne div#marker5 {
	left: 4280px;
	top: 315px
}
.Simulator--FLIROne div#marker6 {
	left: 3060px;
	top: 465px
}
.Simulator--FLIROne div#marker21 {
	left: 3660px;
	top: 370px
}
.Simulator--FLIROne div#marker22 {
	left: 4370px;
	top: 20px
}
.Simulator--FLIROne div#marker24 {
	left: 3930px;
	top: 90px
}
.Simulator--FLIROne div#marker7 {
	left: 335px;
	top: 200px
}
.Simulator--FLIROne div#marker8 {
	left: 795px;
	top: 350px
}
.Simulator--FLIROne div#marker9 {
	left: 1015px;
	top: 270px
}
.Simulator--FLIROne div#marker10 {
	left: 3535px;
	top: 445px
}
.Simulator--FLIROne div#marker18 {
	left: 4140px;
	top: 390px
}
.Simulator--FLIROne div#marker12 {
	left: 600px;
	top: 275px
}
.Simulator--FLIROne div#marker13 {
	left: 1075px;
	top: 70px
}
.Simulator--FLIROne div#marker14 {
	left: 505px;
	top: 360px
}
.Simulator--FLIROne div#marker15 {
	left: 2175px;
	top: 335px
}
.Simulator--FLIROne div#marker16 {
	left: 2200px;
	top: 450px
}
.Simulator--FLIROne div#marker17 {
	left: 2390px;
	top: 380px
}
.Simulator--FLIROne div#marker19 {
	left: 2500px;
	top: 180px
}
.Simulator--FLIROne div#marker20 {
	left: 2330px;
	top: 300px
}
.Simulator--FLIROne div#marker23 {
	left: 2050px;
	top: 410px
}
.Simulator--FLIROne div#divIRBorder {
	z-index: 100;
	cursor: none!important
}
.Simulator--FLIROne div#displayOverlay, .Simulator--FLIROne div#divIRBorder {
	position: absolute;
	top: -200px;
	left: -150px;
	width: 200px;
	height: 150px;
	overflow: hidden
}
.Simulator--FLIROne div#displayOverlay {
	background: url(../images/cameradisplay.png) 50% no-repeat;
	z-index: 101;
	pointer-events: none
}
.Simulator--FLIROne div#divIRBorderFlirOne {
	position: absolute;
	top: 50px;
	left: 543px;
	width: 332px;
	height: 188px;
	z-index: 100;
	overflow: hidden;
	cursor: none!important
}
.Simulator--FLIROne div#displayOverlayFlirOne {
	z-index: 101
}
.Simulator--FLIROne .ie10 div#displayOverlayFlirOne, .Simulator--FLIROne div#displayOverlayFlirOne {
	background-image: url(../images/flirone-new.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 1362px;
	height: 725px;
	overflow: hidden;
	pointer-events: none
}
.Simulator--FLIROne .ie10 div#displayOverlayFlirOne {
	z-index: 100
}
.Simulator--FLIROne .ie10 div#divIRBorderFlirOne {
	position: absolute;
	top: 50px;
	left: 68px;
	width: 148px;
	height: 260px;
	z-index: 101;
	overflow: hidden;
	cursor: crosshair!important
}
.Simulator--FLIROne div#divIRView {
	position: relative
}
.Simulator--FLIROne div.popup {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	margin: 5px;
	width: 250px;
	height: auto;
	z-index: 1500;
	background: #404040;
	background: -moz-linear-gradient(center top, #3f3f3f, #000);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3f3f3f, endColorstr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3f3f3f, endColorstr=#000000)";
	padding: 10px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
.Simulator--FLIROne div.fadeout {
	animation: d .3s;
	animation-fill-mode: forwards;
	-webkit-animation: d .3s;
	-webkit-animation-fill-mode: forwards
}
.Simulator--FLIROne div.fadein {
	visibility: visible;
	animation: e .3s;
	animation-fill-mode: forwards;
	-webkit-animation: e .3s;
	-webkit-animation-fill-mode: forwards
}
.Simulator--FLIROne h1 {
	color: #fff;
	text-align: center;
	margin-bottom: 2px;
	margin-top: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px
}
.Simulator--FLIROne div.popup h2 {
	font-size: 18px
}
.Simulator--FLIROne div.popup h2, .Simulator--FLIROne div.popup h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	color: #fff;
	margin: 0 0 3px;
	padding: 0 0 3px
}
.Simulator--FLIROne div.popup h3 {
	font-size: 12px
}
.Simulator--FLIROne div.popup p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #fff
}
.Simulator--FLIROne div.popup video {
	position: relative
}
.Simulator--FLIROne div.popup img, .Simulator--FLIROne div.popup video {
	padding-top: 5px;
	border-top: 1px solid #555;
	padding-bottom: 5px;
	border-bottom: 1px solid #555
}
.Simulator--FLIROne div.popup img {
	width: 100%;
	height: auto
}
.Simulator--FLIROne div.left {
	left: 0
}
.Simulator--FLIROne div.right {
	right: 0
}
.Simulator--FLIROne #note {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: 400;
	border: 1px solid #333;
	color: #fff;
	padding: 10px 0 0;
	background: #272727;
	color: #dedede;
	margin: auto;
	width: 100%
}
.Simulator--FLIROne #note img {
	padding-bottom: 10px
}
.Simulator--FLIROne p.poptext {
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #fff;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
@keyframes d {
0% {
opacity:1;
visibility:visible
}
to {
opacity:0;
visibility:hidden
}
}
@keyframes e {
0% {
opacity:0
}
to {
opacity:1
}
}
.Slider-item {
	position: relative
}
.Slider-item img {
	display: block;
	height: auto;
	width: 100%
}
.SocialSharing-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center
}
.SocialSharing-listItem {
	vertical-align: middle;
	padding-left: 1.25rem
}
.SocialSharing-listItem:first-child {
	padding-left: 0
}
.SocialSharing-listItem svg {
	fill: currentColor
}
.SocialSharing-listItem a {
	display: table
}
.Sticky-element {
	transition: transform .3s ease-in-out .15s;
	will-change: transform
}
.Sticky-element.is-sticky {
	position: fixed;
	top: 0;
	left: auto;
	right: auto;
	z-index: 100;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.Sticky-element.is-stickyHidden {
	transform: translateY(-100%)
}
.Sticky-element.is-stickyBottom {
	position: absolute!important;
	top: auto!important;
	bottom: 0
}
.Sticky--visibleWhenSticky .Sticky-element {
	position: fixed;
	top: 0;
	opacity: 0;
	transform: translateY(-100%)
}
.Sticky--visibleWhenSticky .Sticky-element.is-sticky {
	opacity: 1;
	transform: translateY(0)
}

@media only screen and (min-width:56.25em), print {
.MainNav_Menu-listItem {
	position: static!important
}
}
.subNav-list {
	margin: .5em 0
}
.subNav .Section-header {
	margin-top: 1rem
}

@media only screen and (max-width:56.1875em) {
.subNav {
	margin-left: 1em
}
.Nav-checkbox~.subNav {
	overflow: hidden;
	overflow-y: auto;
	max-height: 0;
	transition: max-height .25s
}
.Nav-checkbox~.subNav:after {
	pointer-events: none;
	content: "+";
	content: "\002B";
	font-family: Nunito, Helvetica, sans-serif;
	font-size: 1.75rem;
	line-height: 2.45rem;
	position: absolute;
	right: .35em;
	top: 0;
	color: #000
}
.Nav-checkbox:checked~.subNav {
	max-height: 100vh;
	max-height: calc(100vh - 3.25rem);
	transition: max-height 1s
}
.Nav-checkbox:checked~.subNav:after {
	content: "–";
	content: "\2212"
}
.subNav-list, .subNav .Grid, .subNav section {
	width: 100%
}
.subNav-list {
	line-height: 1.375
}
.subNav-listItem a {
	color: #6f6f6f;
	text-decoration: none
}
.subNav-listItem a:hover {
	text-decoration: underline
}
.subNav .Section-header {
	padding: 0
}
.subNav a {
	padding: .25rem .75rem
}
}

@media only screen and (min-width:56.25em), print {
.subNav.has-flyout {
	right: 0;
	transform: none
}
:hover>.subNav {
	z-index: 101;
	z-index: 1001
}
.subNav h4 {
	white-space: normal
}
.subNav a {
	display: block;
	padding: 0;
	height: auto;
	line-height: 1.3;
	margin: .5rem 0;
	text-decoration: none;
	color: #fff
}
.subNav a:hover {
	text-decoration: underline
}
.subNav--products {
	width: 90vw;
	width: calc(100vw - 2rem);
	left: 0;
	transform: none
}
.subNav .Columns--4col {
	padding: 0 .5rem .5rem
}
.subNav .Section-header {
	opacity: .6
}
}

@media only screen and (max-width:56.1875em) {
.subNav.has-flyout .subNav-Cat h4 {
	color: #6f6f6f;
	font-size: .875rem;
	padding: .25rem .75rem;
	text-transform: uppercase;
	position: relative
}
.subNav.has-flyout .subNav-Cat h4:after {
	pointer-events: none;
	content: "+";
	content: "\002B";
	font-family: Nunito, Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	position: absolute;
	right: 1em;
	top: 0;
	color: #000
}
.subNav.has-flyout .subNav-Cat h4+div {
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s ease-in-out
}
.subNav.has-flyout .subNav-Cat h4+div .Items {
	padding: 0 .75em
}
.subNav.has-flyout .subNav-Cat h4+div .Items p {
	font-size: .875rem;
	margin: 0 0 .5em
}
.subNav.has-flyout .subNav-Cat h4+div .Items .Column {
	margin-bottom: 10px
}
.subNav.has-flyout .subNav-Cat h4+div .Callouts {
	display: none
}
.subNav.has-flyout .subNav-Cat h4.active:after {
	content: "–";
	content: "\2212"
}
.subNav.has-flyout .subNav-Cat h4.active+div {
	max-height: 1000px
}
.subNav.has-flyout .subNav-Items {
	display: none
}
}

@media only screen and (min-width:56.25em), print {
.subNav.has-flyout {
	padding: 0
}
.subNav.has-flyout .subNav-Cat {
	background: #fff;
	min-width: 230px;
	max-width: 450px
}
.subNav.has-flyout .subNav-Cat li {
	border-top: 1px solid #ccc;
	padding: 0
}
.subNav.has-flyout .subNav-Cat li:first-child {
	border-top: none
}
.subNav.has-flyout .subNav-Cat li a {
	margin: 0
}
.subNav.has-flyout .subNav-Cat li h4 {
	color: #000;
	padding: 16px;
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	font-size: .875rem;
	font-weight: 400;
	letter-spacing: 2px;
	margin: 0;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.subNav.has-flyout .subNav-Cat li h4.active {
	color: #fff;
	background: #000
}
.subNav.has-flyout .subNav-Cat li h4+div {
	display: none!important
}
.subNav.has-flyout .subNav-Items {
	-ms-flex-positive: 1;
	flex-grow: 1
}
.subNav.has-flyout .subNav-Items>div {
	display: none;
	height: 100%
}
.subNav.has-flyout .subNav-Items>div.active {
	display: block
}
.subNav.has-flyout .subNav-Items>div .subNav-Item {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Items {
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 16px 0 30px 30px
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Items>a p {
	font-size: .875rem;
	display: inline-block;
	position: relative;
	padding-bottom: 2px
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Items>a p:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #cb3c6d;
	background: linear-gradient(90deg, #cb3c6d 0, #f99d1d 30%, #cb3c6d 55%, #782a8f);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb3c6d", endColorstr="#782a8f", GradientType=1);
	opacity: .8;
	transition: bottom .25s linear
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Items>a p:hover:after {
	bottom: 2px
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Items .Columns {
	display: -ms-flexbox;
	display: flex
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Items .Columns .Column {
	width: 242px;
	margin-right: 30px
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Items .Columns .Column a {
	white-space: normal
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Callouts {
	height: 106px;
	position: relative;
	background: #222
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Callouts:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #cb3c6d;
	background: linear-gradient(90deg, #cb3c6d 0, #f99d1d 30%, #cb3c6d 55%, #782a8f);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb3c6d", endColorstr="#782a8f", GradientType=1);
	opacity: .8
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Callouts .Grid {
	padding-top: 10px
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Callouts .Grid .Grid-cell {
	width: 33%;
	-ms-flex: 0 0 33%;
	flex: 0 0 33%
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Callouts .Grid .Grid-cell .Callout {
	white-space: normal;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Callouts .Grid .Grid-cell .Callout a {
	margin: 0;
	line-height: 17px
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Callouts .Grid .Grid-cell .Callout .icon {
	max-width: 35px;
	max-height: 35px;
	margin: 0 auto 10px;
	display: block
}
.subNav.has-flyout .subNav-Items>div .subNav-Item .Callouts .Grid .Grid-cell .Callout .title {
	font-size: 14px;
	letter-spacing: normal;
	margin: 0
}
.subNav.has-flyout .subNav-list {
	margin: 0;
	display: -ms-flexbox;
	display: flex
}
}
.no-scroll {
	max-height: none!important
}
.SubNav-Link {
	display: block;
	padding: 0;
	height: auto;
	line-height: 1.3;
	margin: .5rem 0;
	text-decoration: none
}
.SubNav-Link:hover {
	text-decoration: underline
}
.NavAccordion--closed {
	overflow: hidden;
	overflow-y: auto;
	max-height: 0;
	transition: max-height .25s
}
.NavAccordion--closed:after {
	pointer-events: none;
	content: "+";
	content: "\002B";
	font-family: Nunito, Helvetica, sans-serif;
	font-size: 1.75rem;
	line-height: 2.45rem;
	position: absolute;
	right: .35em;
	top: 0;
	color: #000
}
.NavAccordion--open {
	max-height: 100vh;
	max-height: calc(100vh - 3.25rem);
	transition: max-height 1s
}
.NavAccordion--open:after {
	content: "–";
	content: "\2212"
}

.Table--bordered td {
	border-bottom: 1px solid #999
}
.Table--alignMiddle td {
	vertical-align: middle
}

@media only screen and (max-width:34em), print {
.Table--flatInSmall tr {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999
}
.Table--flatInSmall th {
	display: none
}
.Table--flatInSmall td {
	display: block
}
.Table--flatInSmall td:before {
	content: attr(data-th) ": ";
	display: inline-block;
	font-weight: 700;
	vertical-align: top;
	margin-right: .5em
}
}
.ProductComparison {
	margin: 1rem auto
}
.empty-cell {
	padding: 0!important;
	margin: 0!important;
	border: 0!important
}
.TableCompare {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	line-height: 1.25;
	table-layout: fixed;
	border-spacing: 0 2px;
	border-collapse: separate;
	overflow: hidden
}
.TableCompare .empty-cell {
	margin: 0!important
}
.TableCompare-modelName {
	font-size: .875rem
}
.TableCompare td, .TableCompare th {
	padding: .5em .75em;
	vertical-align: top;
	text-align: left
}
.TableCompare thead th {
	vertical-align: top
}
.TableCompare thead img {
	display: block;
	max-width: 100%;
	height: auto;
	height: 150px;
	max-height: 15vw;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: contain; object-position: center";
	margin: 0 0 auto;
	background: #fff
}
.TableCompare-sectionHead {
	padding-top: 1rem
}
.TableCompare-subSection th {
	background-color: #fff
}
.TableCompare-subSection td {
	background: #fff;
	color: #444;
	word-wrap: break-word;
	word-break: break-word
}
.TableCompare .compareRow {
	color: #4a4a4a;
	font-weight: 900
}
.table-caption {
	padding-bottom: 0;
	padding-left: 0;
	background: transparent
}

@media only screen and (max-width:37.4375em) {
padding-top:30vw;
padding-top:calc(30vw + 3rem);
th {
	background: transparent
}
.Product-name {
	margin-bottom: auto
}
thead {
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
	overflow-x: auto
}
thead td {
	width: 33.33333333%;
	padding: 0 .5rem 0 0
}
thead td:last-child {
	padding-right: 0
}
tbody tr {
	display: block;
	width: 100%
}
tbody th {
	display: block;
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: .75rem;
	letter-spacing: 1px;
	padding-left: 0;
	margin-top: .5rem
}
tbody td {
	text-align: right;
	padding-right: 1.5rem;
	margin-bottom: 2px;
	display: -ms-flexbox;
	display: flex
}
tbody td:before {
	content: attr(data-header);
	clear: left;
	float: left;
	text-align: left;
	margin: auto auto auto 0;
	padding-right: 15px;
	min-width: 50%;
	max-width: 50%
}
}

@media only screen and (max-width:37.4375em) {
.TableCompare {
	padding-top: 30vw;
	padding-top: calc(30vw + 3rem)
}
.compareRow {
	text-align: right!important
}
}
.Tabs {
	margin-bottom: 1em
}
.Tab-link {
	cursor: pointer
}

@media only screen and (max-width:37.4375em) {
.Tab-link {
	font: inherit;
	padding: .5rem 3em .5rem 1em;
	background: none;
	color: inherit;
	cursor: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	margin: 0;
	vertical-align: middle;
	outline: none;
	border: 0;
	border-radius: inherit;
	line-height: 1.5;
	display: block;
	height: 2.5rem;
	padding: .5rem 1em;
	padding-right: 3em;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	white-space: nowrap
}
.Tab-link option {
	height: 1.5em
}
.Tab-link:active, .Tab-link:focus {
	border-color: transparent;
	box-shadow: 0 0 3px rgba(0,0,0,.4), inset 0 0 0 1px currentColor;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.4), 0 0 0 1px currentColor
}
}

@media only screen and (min-width:37.5em), print {
.Tab-link {
	display: inline-block;
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: .875rem;
	letter-spacing: 1px;
	letter-spacing: 1.8px;
	line-height: 1.15;
	position: relative
}
.Nav-checkbox:checked+.Tab-link:after {
	content: "";
	display: table;
	width: 100%;
	position: absolute;
	bottom: -.5em;
	border-bottom: 3px solid
}
}

@media only screen and (min-width:37.5em), print {
.Tab-link--default {
	display: none
}
}
.Tab-section {
	padding: 1rem;
/*	display: none;*/
	background-color: #fff
}
.Nav-checkbox:checked+.Tab-section, [name=Sections]:target+.Tab-section {
	display: block
}

@media only screen and (min-width:37.5em), print {
.Tab-section .FilterSection {
	background-color: #f6f6f6
}
}
[name=Sections]:target {
	visibility: visible
}
.PageNav-list:focus {
	outline: none
}
.PageNav-listItem>a {
	display: inline-block
}

@media only screen and (max-width:37.4375em) {
.PageNav-list {
	position: relative;
	display: inline-block;
	padding: .5rem 1em;
	margin: .5rem auto;
	font: .875rem/1.375rem Nunito, Helvetica, sans-serif;
	text-decoration: none;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: none!important;
	border: 1px solid #e9e9e9;
	border-radius: 0;
	background-color: #fff;
	background-position: right .5em top 50%;
	background-repeat: no-repeat;
	background-size: 1.5em;
	color: #333;
	transition: all .25s 0s;
	display: block;
	border: 0;
	padding: 0;
	height: 2.5rem;
	overflow: hidden
}
.PageNav-list:after {
	content: "";
	pointer-events: none;
	z-index: 2;
	position: absolute;
	width: 0;
	height: 0;
	right: .75rem;
	right: 1.25rem;
	top: 1.125rem;
	right: 1.125rem;
	top: 1rem;
	color: #e9e9e9;
	display: inline-block;
	color: currentColor;
	border: 6px solid transparent;
	border-width: 6px 6.5px;
	border-top-color: currentColor;
	border-bottom-width: 0
}
.PageNav-list:hover {
	border-color: transparent;
	box-shadow: 0 0 3px rgba(0,0,0,.4)
}
.PageNav-list:active, .PageNav-list:focus {
	z-index: 99;
	overflow: visible;
	height: auto;
	border-color: transparent;
	box-shadow: 0 0 3px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.4)
}
.PageNav-list:active .Tab-link, .PageNav-list:focus .Tab-link {
	box-shadow: 0 0 3px rgba(0,0,0,.4);
	box-shadow: 0 2px 2px -1px rgba(0,0,0,.4);
	box-shadow: 0 2px 2px rgba(0,0,0,.25)
}
.PageNav-list:active .Nav-checkbox:checked+.Tab-link, .PageNav-list:focus .Nav-checkbox:checked+.Tab-link {
	box-shadow: 0 0 3px rgba(0,0,0,.4), 0 0 0 1px currentColor
}
.PageNav-listItem--label {
	-ms-flex-order: -1;
	order: -1
}
.PageNav-list .Tab-link:first-child {
	margin-bottom: 1px
}
.PageNav-list .Tab-link:not(:first-child) {
	margin-bottom: -1px
}
.PageNav-list .Tab-link:not(:first-child):hover {
	outline-color: transparent;
	border-color: transparent
}
.PageNav-list .Nav-checkbox:checked+.Tab-link {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2
}
.PageNav-list .PageNav-spacer {
	display: none
}
}

@media only screen and (min-width:37.5em), print {
.PageNav-list {
	display: table;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	text-align: center
}
.PageNav-listItem {
	-ms-flex: 0 1 0%;
	flex: 0 1 0%;
	display: inline-block;
	display: table-cell
}
.PageNav-list .PageNav-listItem--label+.PageNav-spacer, .PageNav-listItem--label {
	display: none
}
}

@media only screen and (min-width:56.25em), print {
.PageNav-listItem {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}
}
.SpineTeaser {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff;
	height: 100%
}
.SpineTeaser-img img {
	max-height: 24.25rem
}
.SpineTeaser-content {
	padding: 1.5rem
}
.Teaser-content-container {
	display: block;
	margin: 1.5rem auto
}

@media only screen and (min-width:37.5em), print {
.Teaser-content-container {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}

@media only screen and (min-width:37.5em), print {
.Teaser-content-container .Grid-cell:first-child:nth-last-child(4), .Teaser-content-container .Grid-cell:first-child:nth-last-child(4)~.Grid-cell {
	width: 25%
}
.Teaser-content-container .Grid-cell:first-child:nth-last-child(3), .Teaser-content-container .Grid-cell:first-child:nth-last-child(3)~.Grid-cell {
	width: 33.33333333%
}
.Teaser-content-container .Grid-cell:first-child:nth-last-child(2), .Teaser-content-container .Grid-cell:first-child:nth-last-child(2)~.Grid-cell {
	width: 50%
}
.Teaser-content-container .Grid-cell {
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}
.Teaser-content-container .Grid-cell:only-child {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%
}
.Teaser-content-container .Grid-cell:nth-child(2n) .SpineTeaser-content {
	-ms-flex-order: -1;
	order: -1
}
}
.Teaser-list {
	padding: 1em .25em!important;
	background-color: #fff
}
.Teaser-collection {
	background-color: #f6f6f6
}
.Teaser-collection .Product-teaser, .Teaser-collection .Teaser {
	background-color: #fff!important;
	padding: .5rem
}
.Teaser-collection .Product-teaser .Product-img, .Teaser-collection .Teaser-img {
	margin-right: .75rem!important;
	width: 50px!important
}
.Teaser-collection .Product-teaser .Product-img img, .Teaser-collection .Product-teaser .Product-img svg, .Teaser-collection .Teaser-img img, .Teaser-collection .Teaser-img svg {
	min-height: 50px!important
}
.Teaser-collection .Product-teaser .Product-content, .Teaser-collection .Teaser-content {
	vertical-align: middle!important
}
.Teaser-collection .Teaser-description {
	font-size: .875rem!important
}
.Product-teaser, .Teaser {
	position: relative;
	display: table;
	width: 100%;
	padding: 1rem;
	margin: 0;
	background-color: #f6f6f6
}
.Product-teaser a, .Teaser a {
	color: inherit;
	text-decoration: none
}
.Product-teaser .Product-img, .Teaser-img {
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	margin-right: .75rem;
	width: 75px
}
.Product-teaser .Product-img img, .Product-teaser .Product-img svg, .Teaser-img img, .Teaser-img svg {
	display: block;
	margin: auto;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: contain; object-position: center";
	min-height: 75px;
	width: 100%;
	height: auto
}

@media only screen and (min-width:37.5em), print {
.Product-teaser .Product-img, .Teaser-img {
	width: 100px
}
}

@media only screen and (min-width:75em) {
.Product-teaser .Product-img, .Teaser-img {
	width: 120px
}
}
.Product-teaser .Product-img a:before, .Teaser-img a:before {
	content: "";
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.Product-teaser .Product-content, .Teaser-content {
	display: table-cell;
	padding-left: .75rem;
	vertical-align: middle
}
.textframe {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 1em 1.5em 0;
	margin: 0 2px 20px;
	border: 2px solid hsla(0,0%,100%,.67);
	border-bottom: 0;
	border-image-slice: 1!important;
	background-color: transparent;
	color: #fff;
	text-align: left;
	transform-origin: left bottom;
	transform-origin: 11px calc(100% + 11px)
}
.textframe>strong {
	font-size: .875rem;
	letter-spacing: 2px;
	letter-spacing: 1px
}
.textframe.u-textSmall p {
	font-size: inherit
}
.textframe.u-textSmall>strong, .textframe.u-textSmall h6 {
	font-size: .75rem
}
.textframe:before {
	margin: 0;
	width: auto;
	height: 20px;
	bottom: -20px;
	border: 2px solid hsla(0,0%,100%,.67);
	border-top: 0;
	border-image-slice: inherit;
	-o-border-image: inherit;
	border-image: inherit;
	border-left-width: 0;
	left: 18px;
	right: -2px
}
.textframe:after, .textframe:before {
	content: "";
	display: block;
	position: absolute
}
.textframe:after {
	left: 0;
	margin: -14px;
	bottom: -18px;
	width: 27px;
	height: 27px;
	border-top: 2px solid hsla(0,0%,100%,.67);
	transform: rotate(45deg)
}
.textframe-right {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 1em 1.5em 0;
	margin: 0 2px 20px;
	border: 2px solid hsla(0,0%,100%,.67);
	border-bottom: 0;
	border-image-slice: 1!important;
	background-color: transparent;
	color: #fff;
	text-align: right;
	transform-origin: right bottom;
	transform-origin: calc(100% - 11px) calc(100% + 11px)
}
.textframe-right>strong {
	font-size: .875rem;
	letter-spacing: 2px;
	letter-spacing: 1px
}
.textframe-right.u-textSmall p {
	font-size: inherit
}
.textframe-right.u-textSmall>strong, .textframe-right.u-textSmall h6 {
	font-size: .75rem
}
.textframe-right:before {
	content: "";
	display: block;
	position: absolute;
	margin: 0;
	width: auto;
	height: 20px;
	bottom: -20px;
	border: 2px solid hsla(0,0%,100%,.67);
	border-top: 0;
	border-image-slice: inherit;
	-o-border-image: inherit;
	border-image: inherit;
	border-right-width: 0;
	right: 18px;
	left: -2px
}
.textframe-right:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	margin: -14px;
	bottom: -18px;
	width: 27px;
	height: 27px;
	border-top: 2px solid hsla(0,0%,100%,.67);
	transform: rotate(-45deg)
}
.textframe.direction-right {
	text-align: right;
	transform-origin: bottom right;
	transform-origin: calc(100% - 20px) calc(100% + 20px)
}
.textframe.direction-right:before {
	border-right-width: 0;
	border-left-width: 2px;
	right: 18px;
	left: -2px
}
.textframe.direction-right:after {
	right: 0;
	left: auto;
	transform: rotate(-45deg)
}
.textframe-gradient {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 1em 1.5em 0;
	margin: 0 1px 20px;
	border: 1px solid #782a8f;
	border-bottom: 0;
	border-image-slice: 1!important;
	background-color: transparent;
	color: #782a8f;
	text-align: right;
	transform-origin: right bottom;
	transform-origin: calc(100% - 11px) calc(100% + 11px);
	-o-border-image: radial-gradient(circle farthest-corner at 36% 26%, #f99d1d, #cb3c6d 48%, #782a8f);
	border-image: radial-gradient(circle farthest-corner at 36% 26%, #f99d1d, #cb3c6d 48%, #782a8f);
	color: initial;
	color: inherit
}
.textframe-gradient>strong {
	font-size: .875rem;
	letter-spacing: 2px;
	letter-spacing: 1px
}
.textframe-gradient.u-textSmall p {
	font-size: inherit
}
.textframe-gradient.u-textSmall>strong, .textframe-gradient.u-textSmall h6 {
	font-size: .75rem
}
.textframe-gradient:before {
	content: "";
	display: block;
	position: absolute;
	margin: 0;
	width: auto;
	height: 20px;
	bottom: -20px;
	border: 1px solid #782a8f;
	border-top: 0;
	border-image-slice: inherit;
	-o-border-image: inherit;
	border-image: inherit;
	border-right-width: 0;
	right: 19px;
	left: -1px
}
.textframe-gradient:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	margin: -14px;
	bottom: -19px;
	width: 28px;
	height: 28px;
	border-top: 1px solid #782a8f;
	transform: rotate(-45deg)
}
.Article {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 74.25rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1em
}

@media only screen and (min-width:37.5em), print {
.Article {
	padding-top: 3rem
}
}

@media only screen and (min-width:75em) {
.Article {
	padding-top: 6.25rem
}
}
.Article-title {
	text-transform: none;
	margin-top: .5rem
}

@media only screen and (max-width:37.4375em) {
.Article-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}
.Article-header .SocialSharing {
	-ms-flex-order: 2;
	order: 2
}
}

@media only screen and (min-width:37.5em), print {
.Article-header .SocialSharing {
	float: right
}
}
.Article-header .Article-title {
	margin: .5em 0;
	line-height: 1.1;
	font-size: 2rem
}

@media screen and (min-width:37.5rem) {
.Article-header .Article-title {
font-size:calc(2rem + 16 * (100vw - 37.5rem) / 300)
}
}

@media screen and (min-width:56.25rem) {
.Article-header .Article-title {
	font-size: 3rem
}
}
.Article-main {
	max-width: 555px;
	margin: 1.5rem auto
}
.Article-main.Grid-cell {
	max-width: none
}

@media only screen and (min-width:56.25em), print {
.Article-main.Grid-cell {
	padding-right: 3rem!important
}
}
.Article-main p {
	margin: 1em 0
}
.Article-main ul li {
	list-style: disc outside;
	margin-bottom: .25rem;
	margin-left: 1.5rem
}
.Article-main ol li {
	list-style: decimal outside;
	margin-bottom: .25rem;
	margin-left: 1.5rem
}
.Article-main img {
	height: auto
}
.Article-form form {
	padding: 1rem;
	background: #fff
}

@media only screen and (min-width:37.5em), print {
.Article-form form {
	margin-top: 2.5rem
}
}

@media only screen and (min-width:56.25em), print {
.Article-form form {
	padding: 1rem 1.5rem
}
}
.Article-comments {
	position: relative;
	max-width: 70.625rem;
	margin: 1.5rem auto;
	padding: 1rem
}

@media only screen and (min-width:37.5em), print {
.Article-comments {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}
.Article-thumb {
	display: block
}
.Article-related {
	position: relative;
	max-width: 70.625rem;
	margin: 1.5rem auto
}

@media only screen and (min-width:37.5em), print {
.Article-related {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}
.RelatedArticles {
	position: relative;
	overflow: hidden;
	margin-top: .5rem;
	background: #00163d no-repeat 100% 0;
	color: #fff
}
.RelatedArticles a {
	color: inherit
}
.RelatedArticles .icon-pixels {
	position: absolute;
	height: 100%;
	top: 0;
	right: -7.5%
}
.RelatedArticles-list {
	position: relative
}

@media only screen and (min-width:37.5em), print {
.RelatedArticles-listItem {
	padding: 1rem
}
}
.ArticleList {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 74.25rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem
}
.Article-sections>*>* {
	margin: 1rem 0;
	overflow: hidden
}
.Article-sections .NewsBlock {
	margin: 0
}
.Article-placeholder {
	width: 100%;
	height: 269px;
	display: block;
	border: 10px solid #fff;
	background: #f7f7f7;
	position: relative
}
.Article-placeholder svg {
	position: absolute!important;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)!important
}
.Article-img {
	display: inline-block
}
.Article-img img {
	min-height: 80px
}
.Article-content {
	position: relative
}
.ArticleSectionBlock {
	-ms-flex-order: 2;
	order: 2
}
.ArticleSectionBlock .VideoBlock-label {
	display: none
}
.ArticleSectionBlock .VideoGallery-switcher {
	opacity: 1;
	display: block;
	pointer-events: all
}
.ArticleSectionBlock .Grid-cell {
	position: relative
}

@media only screen and (max-width:37.4375em) {
.ArticleSectionBlock-item {
	display: table;
	width: 100%
}
.ArticleSectionBlock-item:after, .ArticleSectionBlock-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-top: 1px solid #d2cfcd
}
.ArticleSectionBlock-item:after {
	top: auto;
	bottom: -1px
}
.ArticleSectionBlock .Article-img {
	float: left;
	width: 37%
}
.ArticleSectionBlock .Article-content {
	padding-left: 40%
}
.ArticleSectionBlock .Article-type {
	margin: 1px 0 0
}
.ArticleSectionBlock .Modal--video {
	padding: 0 .5rem
}
.ArticleSectionBlock .slick-arrow {
	top: 62%;
	top: 59vw;
	margin-left: 0;
	margin-right: 0
}
}
.CarouselSlider {
	width: 70.625rem;
	max-width: 95vw;
	max-width: calc(100vw - 3rem);
	margin-left: auto;
	margin-right: auto
}
.CarouselSlider .icon-bow {
	position: relative;
	left: 0;
	width: 50%;
	margin-bottom: 1rem
}

@media only screen and (max-width:37.4375em) {
.CarouselSlider .icon-bow {
	height: 25px;
	stroke-width: 2px
}
}
.Carousel-list.slick-slider {
	margin: auto
}
.Carousel-item {
	text-align: center
}

@media only screen and (min-width:37.5em), print {
.Carousel-item .Button, .Carousel-item .Button--outline, .Carousel-item .Button--small {
	transition: opacity .5s;
	opacity: 0;
	pointer-events: none
}
.Carousel-item.slick-center .Button, .Carousel-item.slick-center .Button--outline, .Carousel-item.slick-center .Button--small {
	opacity: 1;
	pointer-events: all;
	transition: opacity .5s .375s
}
}
.Carousel .slick-next {
	transform-origin: 30% 50%
}

@media only screen and (max-width:37.4375em) {
.Carousel .slick-prev {
	top: 34%;
	left: 1rem
}
.Carousel .slick-next {
	top: 34%;
	right: 1rem
}
}
.Slide-img img {
	max-height: 300px;
	max-height: 45vh
}

@media only screen and (min-width:37.5em), print {
.Slide {
	transform-origin: 50% 35%;
	transition: transform .5s;
	transition-timing-function: cubic-bezier(.39, .58, .57, 1)
}
.slick-slide:not(.slick-center) .Slide {
	transform: scale(.5)
}
.Slide-name {
	margin-bottom: 0
}
.Slide-description {
	transition: opacity .5s;
	opacity: 0;
	pointer-events: none
}
.slick-center .Slide-description {
	opacity: 1;
	pointer-events: all;
	transition: opacity .5s .375s
}
}

@media only screen and (min-width:56.25em), print {
.Slide-img img {
	max-height: 400px
}
}
.FeaturedProduct {
	position: relative;
	max-width: 70.625rem;
	margin: 1.5rem auto;
	text-align: center
}

@media only screen and (min-width:37.5em), print {
.FeaturedProduct {
	margin-top: 3rem;
	margin-bottom: 3rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	text-align: left
}
}
.FeaturedProduct .Tag--new {
	position: relative;
	top: .5rem
}

@media only screen and (min-width:37.5em), print {
.FeaturedProduct .Tag--new {
	top: 1rem
}
}
.FeaturedProduct-content, .FeaturedProduct-features, .FeaturedProduct-img {
	max-width: 100%;
	max-width: 100vw;
	max-width: calc(100vw - 2rem);
	margin-left: auto;
	margin-right: auto
}

@media only screen and (min-width:37.5em), print {
.FeaturedProduct-content, .FeaturedProduct-img {
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	vertical-align: middle;
	margin: auto;
	max-width: 50%
}
}

@media only screen and (min-width:37.5em), print {
.FeaturedProduct-img {
	text-align: right
}
}

@media only screen and (min-width:37.5em), print {
.FeaturedProduct-content {
	padding-left: 4rem
}
}
.FeaturedProduct-text {
	margin-bottom: 1.25rem
}
.FeaturedProduct-features {
	width: 100%;
	margin-top: 1rem
}

@media only screen and (min-width:37.5em), print {
.FeaturedProduct-features .Grid {
	-ms-flex-pack: distribute;
	justify-content: space-around
}
}

@media only screen and (min-width:37.5em), print {
.FeaturedProduct-features .slick-slider {
	display: none
}
}
.FeaturedProduct-features .slick-slide {
	padding: 0 .5rem
}
.ProductFeature {
	margin: auto
}
.ProductFeature img {
	display: block;
	margin: auto;
	max-height: 150px
}
.ProductFeature-heading {
	margin-top: .5rem
}
.Tagline {
	margin-top: .25rem;
	margin-bottom: 1em;
	text-transform: none
}
.Footer {
	padding: 2em 0 1em;
	background: #000 linear-gradient(90deg, #f99d1d, #cb3c6d 48%, #782a8f) no-repeat;
	background-size: 100% 2px;
	color: #fff;
	position: relative;
	z-index: 20
}
.Footer a {
	color: inherit;
	text-decoration: none
}
.Footer a:hover {
	text-decoration: underline
}
.Footer li, .Footer p {
	font-size: 14px;
	line-height: 1.2;
	margin: .75rem 0
}
.Footer .Caption {
	color: #999
}
.Footer .FeatureShowcase, .Footer .Page-content-container, .Footer .ProductSection {
	min-height: 100px
}

@media only screen and (min-width:37.5em), print {
.Footer .FeatureShowcase, .Footer .Page-content-container, .Footer .ProductSection {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}
}
.Footer-col {
	padding: 0 .5rem .5rem
}

@media only screen and (min-width:37.5em), print {
.Footer-col {
	max-width: 50%;
	padding: 0 1rem .5rem 0;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
.Footer-col:first-child {
	padding-left: 0;
	-ms-flex-positive: 2;
	flex-grow: 2
}
.Footer-col:last-child {
	padding-right: 0
}
.Footer-col--span {
	-ms-flex: 1 3 100%;
	flex: 1 3 100%
}
}
.Footer-SocialSharing {
	margin: 1rem 0
}

@media only screen and (min-width:37.5em), print {
.Footer-SocialSharing {
	margin: 2rem 0
}
}
.Footer-SocialSharing a:hover svg {
	fill: #5ce0f2
}
.FooterNav_Menu-list li {
	margin-top: .75rem
}
.FooterNav_Menu-list--inline {
	margin-top: 1rem
}
.FooterNav_Menu-list--inline li {
	display: inline-block
}
.FooterNav_Menu-list--inline li:not(:first-child):before {
	content: "|";
	margin: 0 .5rem
}
.GBB-result .icon-bow {
	margin: 1rem auto 1rem 0
}
#epi-quickNavigator {
	opacity: .4
}
#epi-quickNavigator:hover {
	opacity: 1
}
.Header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: .875rem;
	line-height: 1;
	background: #fff;
	color: #2f2f2f;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 997
}
.Header svg, .Header svg * {
	fill: currentColor;
	stroke: currentColor
}
.Header svg.Logo, .Header svg.Logo * {
	stroke: none
}

.MainNav, .TopNav {
	width: 100%
}
.MainNav a, .TopNav a {
	transition: all .75s
}

.TopNav {
	display: none
}

@media only screen and (min-width:56.25em), print {
.TopNav {
	-ms-flex-order: -1;
	order: -1;
	display: block
}
.TopNav_Cobranding-list, .TopNav_User-list {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-align: center;
	align-items: center
}
html.is-no-flexbox .TopNav_Cobranding-list, html.is-no-flexbox .TopNav_User-list {
	display: table
}
.TopNav_Cobranding-listItem, .TopNav_User-listItem {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	position: relative
}
html.is-no-flexbox .TopNav_Cobranding-listItem, html.is-no-flexbox .TopNav_User-listItem {
	display: table-cell
}
.TopNav_Cobranding-listItem .UserName, .TopNav_Cobranding-listItem>.RegionMap, .TopNav_Cobranding-listItem>a, .TopNav_User-listItem .UserName, .TopNav_User-listItem>.RegionMap, .TopNav_User-listItem>a {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 38px;
	line-height: 38px;
	vertical-align: bottom
}
.TopNav_Cobranding {
	float: left
}
.TopNav_Cobranding-listItem:before {
	content: "|";
	line-height: 38px;
	color: #ddd
}
.TopNav_Cobranding-listItem:first-child:before {
	display: none
}
.TopNav_Cobranding-listItem a {
	opacity: .6
}
.TopNav_Cobranding-listItem a:hover {
	opacity: 1
}
.TopNav_Cobranding-listItem img {
	margin: auto;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: contain; object-position: center"
}
.TopNav_User {
	float: right
}
.TopNav_User-listItem {
	position: relative
}
.TopNav_User-listItem>.Nav-link:after {
	content: "";
	width: 100%;
	left: 0;
	height: 0;
	display: block;
	position: absolute;
	border-top: 4px solid;
	margin-top: -4px;
	top: 100%;
	height: 1rem;
	color: transparent;
	transition: all .25s;
	outline: 1px solid transparent
}
.TopNav_User-listItem:hover>.Nav-link:after {
	margin-top: 0;
	color: #000;
	outline: 0 solid transparent
}
.TopNav_User-listItem.has-subNav--fullwidth {
	position: static
}
.TopNav_User-listItem:hover>.subNav {
	pointer-events: all;
	visibility: visible;
	opacity: 1;
	margin-top: 1.1rem
}
.TopNav_User-listItem.closed>.subNav {
	z-index: 1000;
	pointer-events: none;
	visibility: hidden;
	margin-top: 0;
	opacity: 0;
	transition: all .25s;
	transition: opacity .25s, margin .25s, visibility 0s, pointer-events 0s .25s
}
.TopNav_User-listItem .UserIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.TopNav_User-listItem .UserIcon svg {
	margin-left: 0
}
.TopNav_User-listItem .UserName {
	padding-left: 2.8125rem;
	font-size: .75rem;
	pointer-events: none
}
.TopNav_User-listItem .UserName--anon {
	padding-right: 0;
	text-indent: -999rem;
	font-size: 0;
	letter-spacing: -1px;
	overflow: hidden
}
}
.MainNav {
	background: #fff
}
.MainNav_Menu {
	display: -ms-flexbox;
	display: flex
}
.MainNav .Nav-link {
	line-height: 2.5rem
}

@media only screen and (max-width:56.1875em) {
.MainNav {
	z-index: 997;
	position: fixed;
	top: 0;
	height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	transition: all .25s
}
#MobileMenu-open:checked~.MainNav, .MainNav.is-open {
	padding-top: 3.25rem;
	height: 100%
}
.MainNav_Menu-list {
	width: 100%;
	padding: .5rem
}
.MainNav_Menu-listItem, .MainNav_Menu-listItem--account {
	position: relative;
	margin-bottom: .5rem;
	background: #f6f6f6;
	overflow: hidden
}
.MainNav_Menu-listItem--logo, .MainNav_Menu-listItem--search {
	display: none!important
}
.MainNav_Menu-listItem .Nav-link {
	line-height: 2.5rem
}
.MainNav .UserName {
	display: none!important
}
}

@media only screen and (min-width:56.25em), print {
.MainNav {
	border-top: 1px solid #d2cfcd;
	border-top-color: hsla(24,5%,81%,.5)
}
.MainNav_Menu-list {
	height: 81px;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-align: center;
	align-items: center;
	margin: auto;
	position: relative
}
html.is-no-flexbox .MainNav_Menu-list {
	display: table
}
.MainNav_Menu-listItem.has-subNav--fullwidth {
	position: static
}
.MainNav_Menu-listItem:hover>.subNav {
	pointer-events: all;
	visibility: visible;
	opacity: 1;
	margin-top: 1.1rem
}
.MainNav_Menu-listItem.closed>.subNav {
	z-index: 1000;
	pointer-events: none;
	visibility: hidden;
	margin-top: 0;
	opacity: 0;
	transition: all .25s;
	transition: opacity .25s, margin .25s, visibility 0s, pointer-events 0s .25s
}
.MainNav_Menu-listItem--account {
	display: none!important
}
.MainNav_Menu-listItem, .MainNav_Menu-listItem--search {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: auto;
	text-align: center;
	vertical-align: middle
}
.MainNav_Menu-listItem--search>.Nav-link:after, .MainNav_Menu-listItem>.Nav-link:after {
	content: "";
	width: 100%;
	left: 0;
	height: 0;
	display: block;
	position: absolute;
	border-top: 4px solid;
	margin-top: -4px;
	top: 100%;
	height: 1rem;
	color: transparent;
	transition: all .25s;
	outline: 1px solid transparent
}
.MainNav_Menu-listItem--search:hover>.Nav-link:after, .MainNav_Menu-listItem:hover>.Nav-link:after {
	margin-top: 0;
	color: #000;
	outline: 0 solid transparent
}
html.is-no-flexbox .MainNav_Menu-listItem, html.is-no-flexbox .MainNav_Menu-listItem--search {
	display: table-cell
}
.MainNav_Menu-listItem--search>.Nav-link, .MainNav_Menu-listItem>.Nav-link {
	display: table;
	position: relative;
	height: 45px;
	line-height: 45px;
	white-space: nowrap
}
.MainNav_Menu-listItem--logo {
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	text-align: left
}
.MainNav_Menu-listItem--logo a {
	display: table
}
.MainNav_Menu-listItem--search {
	position: relative
}
.MainNav_Menu-listItem--search .Nav-link {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 3px
}
.MainNav_Menu-listItem--search .Button--outline:focus, .MainNav_Menu-listItem--search .Button--small:focus, .MainNav_Menu-listItem--search .Button:focus, .MainNav_Menu-listItem--search input:focus {
	box-shadow: 0 0 1px 2px #5ce0f2
}
.MainNav_Menu-listItem--search input {
	max-width: 60vw;
	width: 12rem;
	transition: width .25s
}
.MainNav_Menu-listItem--search .subNav {
	left: auto;
	right: 0;
	transform: none
}
.MainNav_Menu-listItem--search .Nav-checkbox:checked~.subNav input {
	width: 28.5rem
}
}
.MobileNav_Menu--open {
	padding-top: 3.25rem;
	height: 100%
}
.Support-page-title {
	text-align: center
}
.Hero-img {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
	min-height: 400px;
	max-height: 450px;
height:calc(400px + 50 * (100vw - 600px) / 300)
}
.is-tall .Hero-img, .Page-Start .Hero-img {
	min-height: 400px;
	max-height: 700px;
height:calc(400px + 300 * (100vw - 600px) / 300)
}
.Hero-img .img--mobile+img {
	display: none
}

@media only screen and (min-width:37.5em), print {
.Hero-img .img--mobile {
	display: none
}
.Hero-img .img--mobile+img {
	display: block
}
}
.Hero-content, .HeroBlock .Hero-cta {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6%;
	background: transparent;
	color: #fff;
	text-shadow: #000 0 0 20px
}
.Hero {
	position: relative;
	max-width: 90rem;
	margin: 1.5rem auto;
	margin-top: 0!important;
	overflow: hidden;
	min-height: 400px;
	max-height: 450px;
height:calc(400px + 50 * (100vw - 600px) / 300)
}

@media only screen and (min-width:37.5em), print {
.Hero {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}

@media only screen and (min-width:37.5em), print {
.Hero .Hero-content {
	bottom: 2rem
}
.Hero .Hero-content .Hero-cta {
	padding-left: 0;
	padding-right: 0
}
.Hero.Hero--featured .Hero-content, .Hero.Hero--featured .Hero-cta {
	bottom: 2rem
}
}
.Hero.is-tall, .Page-Start .Hero {
	min-height: 400px;
	max-height: 700px;
height:calc(400px + 300 * (100vw - 600px) / 300)
}
.Hero.HeroBlock .Hero-headline {
	margin-bottom: 0
}
.Page-Start .Hero.HeroBlock .Hero-headline {
	margin-bottom: .5em
}
.Hero.HeroBlock .Hero-headline>span {
	padding-bottom: 0
}

@media only screen and (min-width:37.5em), print {
.Hero.is-tall .Hero-content {
	bottom: 8vmax
}
}
.Page-Start .Hero .Hero-content {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%)
}
.Hero-subtitle {
	text-transform: none;
	padding: 0 0 12px
}
.Hero-support {
	margin-bottom: 0
}
.Hero-support .Hero-img {
	max-height: 450px
}

@media only screen and (max-width:56.25em), print {
.Hero-support .Hero-content .u-size1of1, .Hero-support .Hero-content .u-sizeFull {
	width: 80%!important
}
}

@media only screen and (max-width:37.4375em) {
.Hero-support .Hero-content .u-size1of1, .Hero-support .Hero-content .u-sizeFull {
	width: 100%!important
}
}
.Hero-support .Hero-content>h1 {
	text-align: center;
	margin: 0 auto;
	max-width: 100%
}
.Hero-support .Hero-content .Hero-description {
	text-align: center;
	margin: 0 auto;
	font-family: Industry-Medium, Industry Medium, Helvetica, sans-serif
}
.Hero-support .Hero-content .Search-results {
	display: none!important
}
.Hero-content, .Hero-cta {
	margin: auto;
	vertical-align: bottom;
	text-align: center
}

@media only screen and (min-width:37.5em), print {
.Hero-content, .Hero-cta {
	text-align: left
}
}
.Hero-description, .Hero-headline {
	position: relative
}

@media only screen and (min-width:37.5em), print {
.Hero-description, .Hero-headline {
/*	margin-left: 0;*/
	width: 85%;
	max-width: 60.03125rem
}
}
.Hero-headline {
	margin-top: 0
}
.Hero-cta {
	z-index: 20
}

@media only screen and (min-width:37.5em), print {
.Hero-cta .Button--outline:hover, .Hero-cta .Button--small:hover, .Hero-cta .Button:hover {
	background-color: #fff;
	box-shadow: none
}
}
.Hero--featured .icon-pixels {
	top: auto;
	left: 50%
}

@media only screen and (min-width:37.5em), print {
.Hero--featured .icon-pixels {
	left: auto
}
}
.Hero--featured .Hero-img {
	min-height: 400px;
	max-height: 450px;
height:calc(400px + 50 * (100vw - 600px) / 300)
}
.Hero--featured .Hero-img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(-180deg, hsla(0,0%,100%,0), rgba(0,22,61,.5) 70%)
}
.Hero--featured.is-tall .Hero-img, .Page-Start .Hero--featured .Hero-img {
	min-height: 400px;
	max-height: 600px;
height:calc(400px + 200 * (100vw - 600px) / 300)
}
.Hero--featured img {
	display: none!important
}
.Hero--featured .Button, .Hero--featured .Button--outline, .Hero--featured .Button--small {
	width: 100%
}

@media only screen and (min-width:37.5em), print {
.Hero--featured .Button, .Hero--featured .Button--outline, .Hero--featured .Button--small {
	width: auto
}
}
.HeroBlock .Hero-cta {
	position: relative
}

@media only screen and (min-width:37.5em), print {
.HeroBlock .Hero-cta .Button--outline:hover, .HeroBlock .Hero-cta .Button--small:hover, .HeroBlock .Hero-cta .Button:hover {
	background-color: #fff;
	box-shadow: none
}
}
.HeroBlock .Hero-description span, .HeroBlock .Hero-headline span {
	display: inline-block;
	line-height: 1.24;
	padding: .25em .75rem;
	margin: 0 auto;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone
}

@media only screen and (min-width:37.5em), print {
.HeroBlock .Hero-description, .HeroBlock .Hero-headline {
	margin-left: -.75rem;
	max-width: 38.84375rem
}
}
.HeroBlock .Ironroll-container {
	display: none
}

@media only screen and (min-width:37.5em), print {
.HeroBlock .Ironroll-container {
	display: block;
	height: 0;
	width: 0;
	z-index: 20
}
}
.Hero-reveal {
	transition: all 2s ease, opacity 1s, visibility 2s;
	visibility: hidden;
	opacity: 0
}
.Hero-reveal, .Hero-reveal-wrapper {
	z-index: 15;
	position: absolute!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.Hero.active .Hero-reveal {
	opacity: 1;
	visibility: visible;
	transition: all 2s ease, opacity 1s, visibility 0s
}
.Hero-reveal span {
	text-shadow: none!important;
	background-color: #fff;
	color: #000
}
.Hero-reveal .Hero-content {
	position: relative;
	bottom: 200px
}
.Hero-reveal .Hero-description {
	margin-left: 0
}
.Support-heroContent {
	width: 100%;
	text-align: center;
	padding-bottom: 0!important;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	bottom: auto
}
.Support-hero-cta {
	max-width: 90rem;
	margin: 1.5rem auto;
	background-color: #000;
	color: #fff;
	text-align: center;
	position: relative;
	padding: 30px 0;
	margin: 0 auto 3rem!important
}

@media only screen and (min-width:37.5em), print {
.Support-hero-cta {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}
.Support-hero-cta>p:last-child {
	margin-bottom: 0
}
.Support-hero-cta:after {
	background: linear-gradient(90deg, #f99d1d, #cb3c6d 48%, #782a8f);
	position: absolute;
	content: "";
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	height: 2px
}
.Support-hero-cta>div>a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff
}
.Support-hero-cta>h4 {
	margin: 0
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
.Support-heroContent .Search {
	min-height: 40px
}
}
.Hero--imgAlign-Top .Hero-img img {
	-o-object-position: top;
	object-position: top;
	font-family: "object-fit: cover; object-position: top"
}
.Hero--imgAlign-Center .Hero-img img {
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: cover; object-position: center"
}
.Hero--imgAlign-Bottom .Hero-img img {
	-o-object-position: bottom;
	object-position: bottom;
	font-family: "object-fit: cover; object-position: bottom"
}

@media only screen and (max-width:37.4375em) {
.LensCalc--cell {
	min-width: 100%
}
}

@media only screen and (min-width:37.5em), print {
.LensCalc--img {
	padding-top: 2em;
	max-width: 33%
}
}

@media only screen and (max-width:37.4375em) {
.LensCalc--img {
	padding-top: 1em
}
}

@media only screen and (min-width:37.5em), print {
.LensCalc--form {
	max-width: 66%
}
}
.LensCalc .LenCalc--section {
	margin: 10px;
	padding: 12px;
	background-color: #e3e3e5
}
.LensCalc .LenCalc--section>*>*>label, .LensCalc .LenCalc--section>label {
	margin: 1em;
	font-weight: bolder
}
.LensCalc .LenCalc--section .form-align {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.LensCalc .LenCalc--section .form-flex {
	-ms-flex: 0;
	flex: 0
}

@media only screen and (min-width:37.5em), print {
.LensCalc .LenCalc--section .form-control {
	width: 12em
}
}
.LensCalc .LenCalc--section .form-note {
	margin: 0 .75em 0 0
}
.LensCalc .LenCalc--section .LensCalc--step2 {
	display: -ms-flexbox;
	display: flex
}
.LensCalc .LenCalc--section .vertical-line {
	border-right: 1px solid #000;
	margin: 0 30px;
	-ms-flex: 0;
	flex: 0;
	text-align: center
}

@media (max-width:1130px) {
.LensCalc .LenCalc--section .vertical-line {
	border: none
}
}

@media (max-width:1015px) {
.LensCalc .LenCalc--section .vertical-line {
	margin: 0 18px
}
}
.LensCalc .LenCalc--section #measurement-format {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}
.LensCalc .LenCalc--section input[type=radio] {
	margin: .25em
}
.LensCalc .LenCalc--section input[type=text] {
	margin: 5px
}
.LensCalc .LenCalc--section .form-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}
.LensCalc .LenCalc--section .form-group>label, .LensCalc .LenCalc--section .form-group>p {
	font-weight: bolder
}
.LensCalc .LenCalc--section .form-group>label {
	margin: 0 .25em
}
.LensCalc .LensCalc--steps {
	background: #000;
	border: none;
	color: #fff;
	padding: 3px 6px;
	text-transform: uppercase;
	margin-right: .25em
}
.LensCalc span {
	color: #d0021b;
	margin: 0
}
.ModelSelector {
--min-width:1200px
}
.ModelSelector .List-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: .5rem
}
.ModelSelector .Filters {
	-ms-flex-order: 0;
	order: 0;
	background-color: #ededed;
	margin-bottom: 10px;
	margin-top: 15px
}
.ModelSelector .Filters .Filters-title {
	margin-top: 25px
}
.ModelSelector .Filters #NodeFilters {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.ModelSelector .Filters #NodeFilters .CollapsibleSection, .ModelSelector .Filters #NodeFilters .Drawer, .ModelSelector .Filters #NodeFilters .Filters-type {
	width: auto;
	margin: 0 10px 10px 0;
	position: relative;
	overflow: inherit;
	padding: 0 .75rem
}
.ModelSelector .Filters #NodeFilters .CollapsibleSection .CollapsibleSection-title, .ModelSelector .Filters #NodeFilters .CollapsibleSection .Filter-title, .ModelSelector .Filters #NodeFilters .CollapsibleSection .MyProducts-title, .ModelSelector .Filters #NodeFilters .CollapsibleSection .ProductSection-title, .ModelSelector .Filters #NodeFilters .Drawer .CollapsibleSection-title, .ModelSelector .Filters #NodeFilters .Filters-type .CollapsibleSection-title {
	font-family: Nunito, Helvetica, sans-serif;
	font-size: 1rem;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.5rem;
	padding: 4px 2rem 4px 1rem
}
.ModelSelector .Filters #NodeFilters .CollapsibleSection .CollapsibleSection-title:after, .ModelSelector .Filters #NodeFilters .CollapsibleSection .Filter-title:after, .ModelSelector .Filters #NodeFilters .CollapsibleSection .MyProducts-title:after, .ModelSelector .Filters #NodeFilters .CollapsibleSection .ProductSection-title:after, .ModelSelector .Filters #NodeFilters .Drawer .CollapsibleSection-title:after, .ModelSelector .Filters #NodeFilters .Filters-type .CollapsibleSection-title:after {
	content: "";
	line-height: inherit;
	border-right: 3px solid transparent;
	border-top: 7px solid #d9d9d9;
	border-left: 3px solid transparent;
	border-bottom: 0 dotted;
	top: 50%;
	transform: translateY(-50%)
}
.ModelSelector .Filters #NodeFilters .CollapsibleSection.is-open, .ModelSelector .Filters #NodeFilters .Drawer.is-open, .ModelSelector .Filters #NodeFilters .Filters-type.is-open {
	height: auto
}
.ModelSelector .Filters #NodeFilters .CollapsibleSection.is-open .CollapsibleSection-checkboxes, .ModelSelector .Filters #NodeFilters .Drawer.is-open .CollapsibleSection-checkboxes, .ModelSelector .Filters #NodeFilters .Filters-type.is-open .CollapsibleSection-checkboxes {
	opacity: 1;
	background-color: #fff;
	position: absolute;
	height: auto!important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	pointer-events: all;
	box-shadow: 0 0 0 1px hsla(0,0%,100%,.25), 0 2px 4px 1px rgba(0,0,0,.1);
	display: inline-block
}
.ModelSelector .Filters #NodeFilters .CollapsibleSection .CollapsibleSection-checkboxes, .ModelSelector .Filters #NodeFilters .Drawer .CollapsibleSection-checkboxes, .ModelSelector .Filters #NodeFilters .Filters-type .CollapsibleSection-checkboxes {
	max-height: 500px;
	opacity: 0;
	background-color: transparent;
	position: absolute;
	padding: 10px 20px;
	overflow-y: auto;
	z-index: 30;
	left: 0;
	pointer-events: none;
	z-index: 101;
	transition: all .3s ease
}
.ModelSelector .Filters #NodeFilters .CollapsibleSection .CollapsibleSection-checkboxes .Checkbox-wrapper, .ModelSelector .Filters #NodeFilters .Drawer .CollapsibleSection-checkboxes .Checkbox-wrapper, .ModelSelector .Filters #NodeFilters .Filters-type .CollapsibleSection-checkboxes .Checkbox-wrapper {
	position: relative
}
.ModelSelector .Filters #NodeFilters .CollapsibleSection .CollapsibleSection-checkboxes .Checkbox-wrapper .Checkbox, .ModelSelector .Filters #NodeFilters .CollapsibleSection .CollapsibleSection-checkboxes .Checkbox-wrapper .Radio, .ModelSelector .Filters #NodeFilters .Drawer .CollapsibleSection-checkboxes .Checkbox-wrapper .Checkbox, .ModelSelector .Filters #NodeFilters .Filters-type .CollapsibleSection-checkboxes .Checkbox-wrapper .Checkbox {
	white-space: nowrap
}
.ModelSelector .Filters .results-display {
	opacity: 0;
	transition: opacity .3s ease;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: 20px;
	white-space: pre
}
.ModelSelector .Product-listSection {
	padding: 0!important
}
.ModelSelector .ModelSelector-table {
	table-layout: fixed;
	line-height: 1.1rem;
	font-size: 14px;
	color: #000
}
.ModelSelector .ModelSelector-table .sorttable_numeric {
	width: 88px
}
.ModelSelector .ModelSelector-table .ModelSelector-table--head {
	background-color: #444;
	color: #fff;
	text-align: left
}
.ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell {
	position: relative;
	margin-right: 15px;
	padding: 15px 10px 15px 5px;
	border-right: 1px solid #fff;
	cursor: pointer;
	position: -webkit-sticky;
	position: sticky;
	background-color: #444;
	z-index: 1;
	top: 120px;
	overflow-wrap: break-word;
	text-align: left
}
.ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell.sorttable_sorted, .ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell.sorttable_sorted_reverse {
	background-color: #000
}
.ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell:first-child, .ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell:nth-child(2) {
	width: 170px
}
.ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell:last-child {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 78px;
	pointer-events: none;
	padding-right: 5px;
	overflow-wrap: break-word
}
.ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell>span {
	position: absolute;
	right: 1px;
	top: 50%;
	transform: translateY(-50%)
}
.ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell.active--increasing {
	background-color: #000
}
.ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell.active--increasing:after {
	display: inline-block;
	position: absolute;
	right: 5px;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-top: 0 dotted;
	border-left: 5px solid transparent;
	border-bottom: 10px solid #fff;
	vertical-align: middle;
	margin-left: 2px;
	top: 50%;
	transform: translateY(-50%);
	content: ""
}
.ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell.active--decreasing {
	background-color: #000
}
.ModelSelector .ModelSelector-table .ModelSelector-table--head .table--head-cell.active--decreasing:after {
	display: inline-block;
	position: absolute;
	right: 5px;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-top: 10px solid #fff;
	border-left: 5px solid transparent;
	border-bottom: 0 dotted;
	vertical-align: middle;
	margin-left: 2px;
	top: 50%;
	transform: translateY(-50%);
	content: ""
}
.ModelSelector .ModelSelector-table .ModelSelector-table--body tr:nth-child(odd) {
	background-color: #ededed
}
.ModelSelector .ModelSelector-table .ModelSelector-table--body tr:nth-child(2n) {
	background-color: #fff
}
.ModelSelector .ModelSelector-table .ModelSelector-table--body h6 {
	font-family: Nunito, Helvetica, sans-serif;
	letter-spacing: 0;
	text-transform: none;
	font-weight: 700
}
.ModelSelector .ModelSelector-table .ModelSelector-table--body td {
	padding: 10px 5px;
	overflow-wrap: break-word
}
.ModelSelector .ModelSelector-table .ModelSelector-table--body td:first-child, .ModelSelector .ModelSelector-table .ModelSelector-table--body td:nth-child(2) {
	font-weight: 700!important
}
.ModelSelector .ModelSelector-table .ModelSelector-table--body td:first-child a, .ModelSelector .ModelSelector-table .ModelSelector-table--body td:nth-child(2) a {
	text-decoration: none
}
.ModelSelector .ModelSelector-table .ModelSelector-table--body td:last-child {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.ModelSelector .ModelSelector-table .ModelSelector-table--body td .Checkbox, .ModelSelector .ModelSelector-table .ModelSelector-table--body td .Radio {
	width: 100%;
	margin: 0 auto;
	text-align: center
}
.ModelSelector .ModelSelector-table .ModelSelector-table--body td .Checkbox .Checkbox-label, .ModelSelector .ModelSelector-table .ModelSelector-table--body td .Radio .Checkbox-label {
	top: -13px
}
.ModelSelector .ModelSelector-table .ModelSelector-table--body td img {
	display: none
}
.ModelSelector .Drawer .js-CompareItems .is-comparing {
	display: -ms-flexbox;
	display: flex;
	padding: .5rem;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	background-color: #f6f6f6
}
.ModelSelector .Drawer .js-CompareItems .is-comparing td {
	width: 50%;
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: .875rem;
	text-align: center;
	text-transform: uppercase;
	color: #444
}
.ModelSelector .Drawer .js-CompareItems .is-comparing td img {
	width: 100%
}
.ModelSelector .Drawer .js-CompareItems .is-comparing .cell, .ModelSelector .Product-tagline {
	display: none
}
#ModelSelector .modelView {
	background: #000;
	color: #fff!important
}
#ModelSelector .modelView svg {
	stroke: #fff!important
}
#ModelSelector .Drawer h6 {
	text-align: left
}
#ModelSelector .Drawer .Product-tagline {
	display: block;
	font-size: .875rem;
	line-height: 1.2;
	font-family: Nunito, Helvetica, sans-serif;
	text-align: left;
	text-transform: none;
	letter-spacing: 0
}
#ModelSelector .Drawer img {
	padding: .25rem;
	min-height: 0;
	max-width: 100px;
	height: auto;
	margin-left: 0
}
.ModelSelector-subheading {
	margin-bottom: .5rem
}
body, html {
	width: 100%;
	height: 100%
}
main {
	overflow-x: hidden
}

@media only screen and (max-width:56.1875em) {
main {
	overflow-x: hidden
}
}
.MobileNavbar {
	position: relative;
	z-index: 999;
	background: #fff
}

@media only screen and (min-width:56.25em), print {
.MobileNavbar {
	display: none!important
}
}
.MobileNavbar-list {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-align: center;
	align-items: center
}
html.is-no-flexbox .MobileNavbar-list {
	display: table
}
.MobileNavbar-listItem, .MobileNavbar-listItem--logo {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: auto;
	text-align: center;
	vertical-align: middle
}
html.is-no-flexbox .MobileNavbar-listItem, html.is-no-flexbox .MobileNavbar-listItem--logo {
	display: table-cell
}
.MobileNavbar-listItem--logo {
	-ms-flex: 1;
	flex: 1;
	text-align: left;
	padding-right: 10px
}
.MobileNavbar-listItem--logo a {
	float: left
}
.MobileNavbar-listItem a svg {
	margin: auto
}
.MobileNavbar .Logo {
	max-width: 180px
}
.MobileNavbar .MobileNavbar-listItem .Hamburger, .MobileNavbar .MobileNavbar-listItem .Nav-button, .MobileNavbar .MobileNavbar-listItem .RegionMap {
	padding: .3rem;
	min-width: 2rem
}
#MobileMenu-open:checked~.MobileNavbar .Hamburger span {
	border-color: transparent
}
#MobileMenu-open:checked~.MobileNavbar .Hamburger span:before {
	transform: rotate(45deg);
	top: 0
}
#MobileMenu-open:checked~.MobileNavbar .Hamburger span:after {
	transform: rotate(-45deg);
	top: 0
}
.NewsBlock {
	position: relative;
	max-width: 90rem;
	margin: 1.5rem auto
}

@media only screen and (min-width:37.5em), print {
.NewsBlock {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}
.Page-Start .NewsBlock {
	margin-bottom: 0
}
.NewsBlock img {
	max-width: 90rem
}
.NewsBlock-img {
	display: block;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: cover; object-position: center"
}
.NewsBlock-container {
	position: relative;
	background-color: #00163d
}
.NewsBlock-pixels {
	position: absolute;
	height: 100%;
	top: -50%;
	right: 0
}
.NewsBlock-content {
	position: relative;
	padding: 1.5rem;
	color: #fff;
	text-align: center
}

@media only screen and (min-width:37.5em), print {
.NewsBlock, .NewsBlock img {
	max-height: 670px;
	min-height: 279.16666667px
}
.NewsBlock-pixels {
	top: 0
}
.NewsBlock-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-image: radial-gradient(34% 100%, #8facac 0, #002f86 100%);
	mix-blend-mode: multiply
}
.NewsBlock-container {
	background-color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 60%
}
.NewsBlock-content {
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
}

@media only screen and (min-width:75em) {
.NewsBlock-container {
	width: 50%
}
.NewsBlock-content {
	padding: 1.5rem 4.125rem
}
}
.ProductSection {
	margin: 1.5rem auto
}

@media only screen and (max-width:37.4375em) {
.ProductSection {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0 1.25rem .5rem;
	margin-bottom: .5rem;
	background: #fff;
	max-height: 2.5rem;
	transition: max-height .35s
}
.ProductSection.is-child-open, .ProductSection.is-open {
	max-height: 40rem;
	overflow-y: auto
}
.ProductSection:after {
	content: "";
	display: table;
	clear: both
}
.ProductSection.is-child-open, .ProductSection.is-open {
	max-height: 120rem
}
.ProductSection .Link, .ProductSection .Link--back {
	display: table;
	margin-bottom: 1rem
}
}

@media only screen and (min-width:37.5em), print {
.ProductSection-title {
	cursor: default
}
.ProductSection-title:after {
	display: none!important
}
}
.ProductSection-wrapper {
	background: #fff
}
.ProductSection-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.ProductSection-listItem h6, .ProductSection-listItem p {
	margin: .25rem 0
}
.ProductSection img {
	display: block;
	margin: auto;
	max-height: 200px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: contain; object-position: center"
}
html.no-objectfit .ProductSection img {
	width: auto
}
.ProductSection-img {
	margin-bottom: 1rem;
	background-color: #f6f6f6;
	position: relative
}
.ProductSection-img img {
	padding: 1rem;
	max-height: 270px;
	height: 100%
}
.ProductSection-img .img-cover {
	display: block
}
.ProductSection-img .Button, .ProductSection-img .Button--outline, .ProductSection-img .Button--small {
	display: none
}

@media only screen and (min-width:37.5em), print {
.ProductSection-wrapper {
	padding: 1.5rem
}
.ProductSection-title {
	display: inline-block;
	margin: 0 0 0 -1rem
}
.ProductSection-img {
	padding-top: 77%
}
.ProductSection-img .img-cover, .ProductSection-img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .25s 0s
}
.ProductSection-img .img-cover {
	display: block;
	overflow: hidden
}
.ProductSection-img .img-cover .Button, .ProductSection-img .img-cover .Button--outline, .ProductSection-img .img-cover .Button--small {
	display: block;
	position: absolute;
	left: 50%;
	top: 108%;
	transform: translate(-50%, -50%)
}
.ProductSection-img .img-cover:hover {
	background-color: #979797;
	background-color: rgba(47,47,47,.64)
}
.ProductSection-img .img-cover:hover img {
	opacity: .36
}
.ProductSection-img .img-cover:hover .Button, .ProductSection-img .img-cover:hover .Button--outline, .ProductSection-img .img-cover:hover .Button--small {
	top: 50%
}
}
#BVRRSummaryContainer .bv-stars-container {
	display: none!important
}
#BVRRSummaryContainer button.bv-write-review, .bv-cleanslate.bv-cv2-cleanslate .bv-shared button.bv-write-review {
	display: inline-block!important;
	margin: .5rem auto!important;
	padding: .5rem 1.5em!important;
	font: .875rem/1.5rem Industry-Demi, Industry Demi, Helvetica, sans-serif!important;
	max-height: 2.5rem!important;
	letter-spacing: 1.5px!important;
	text-transform: uppercase!important;
	text-decoration: none!important;
	white-space: nowrap!important;
	word-break: keep-all!important;
	text-align: center!important;
	vertical-align: middle!important;
	text-shadow: none!important;
	border: 1px solid transparent!important;
	border-radius: 0!important;
	background-color: #5ce0f2!important;
	color: #000!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}
#BVRRSummaryContainer button.bv-write-review:active, #BVRRSummaryContainer button.bv-write-review:focus, #BVRRSummaryContainer button.bv-write-review:hover, .bv-cleanslate.bv-cv2-cleanslate .bv-shared button.bv-write-review:active, .bv-cleanslate.bv-cv2-cleanslate .bv-shared button.bv-write-review:focus, .bv-cleanslate.bv-cv2-cleanslate .bv-shared button.bv-write-review:hover {
	background-color: #5ce0f2!important;
	border-color: currentColor!important;
	outline: none!important
}
.bv-cleanslate.bv-cv2-cleanslate .bv-shared .bv-focusable:focus {
	outline: none!important
}
.bv-cleanslate.bv-cv2-cleanslate .bv-shared button.bv-write-review {
	border-color: currentColor!important;
	background-color: #fff!important
}
.bv-cleanslate.bv-cv2-cleanslate .bv-shared .bv-header {
	position: relative!important;
	padding-top: .5rem!important
}
.bv-cleanslate.bv-cv2-cleanslate .bv-shared .bv-action-bar-header {
	display: none!important
}

@media only screen and (max-width:37.4375em) {
.bv-cleanslate.bv-cv2-cleanslate .bv-shared .bv-header {
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-direction: column;
	flex-direction: column
}
.bv-cleanslate.bv-cv2-cleanslate .bv-shared .bv-action-bar {
	-ms-flex-order: 2;
	order: 2;
	padding-top: 0!important;
	margin-bottom: 1rem!important
}
.bv-cleanslate.bv-cv2-cleanslate .bv-shared .bv-write-review-container {
	float: left!important
}
}

@media only screen and (min-width:37.5em), print {
.bv-cleanslate.bv-cv2-cleanslate .bv-shared .bv-action-bar {
	z-index: 5!important;
	position: absolute!important;
	right: 0!important;
	bottom: 0!important;
	right: .125rem!important;
	bottom: 3.5rem!important
}
}

@media only screen and (min-width:56.25em), print {
.bv-cleanslate.bv-cv2-cleanslate .bv-shared .bv-inline-histogram {
	width: 30%!important
}
.bv-cleanslate.bv-cv2-cleanslate .bv-shared .bv-inline-histogram-ratings table, .bv-cleanslate.bv-cv2-cleanslate .bv-shared .bv-popup-histogram-ratings table {
	width: 80%!important
}
}
.Media-list .ProductSection-listItem {
	position: relative;
	display: -ms-flexbox;
	display: flex
}
.Media-list .ProductSection-listItem:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background: hsla(0,0%,100%,0);
	z-index: 99
}
.Media-list .VideoBlock, .Media-list img {
	margin: auto;
	min-height: 0;
	min-width: 0;
	width: 100%
}
.Media-list .VideoBlock.playing .VideoBlock-img, .Media-list .VideoBlock.playing .VideoGallery-switcher, .Media-list img.playing .VideoBlock-img, .Media-list img.playing .VideoGallery-switcher {
	opacity: 1!important
}
.Media-list .VideoGallery-switcher {
	display: block;
	opacity: 1
}
.Media-list .VideoBlock-title {
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	font-size: .75rem;
	color: #4a4a4a;
	line-height: 1.2;
	margin: .5rem 3px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	display: block
}
.Media-list .VideoBlock-label {
	display: none
}
.FeatureShowcase {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}
.FeatureShowcase-list {
	position: relative;
	list-style: none;
	margin: 0
}
.FeatureShowcase-listItem {
	margin: 1.5rem 0 0;
	padding: 0
}
.FeatureShowcase .VideoBlock-img:after {
	display: block;
	content: "";
	width: 100%;
	position: relative;
	padding-bottom: 56.25%
}

@media only screen and (min-width:56.25em), print {
.FeatureShowcase-list, .FeatureShowcase-video {
	width: 50%;
	float: left
}
.FeatureShowcase-list {
	padding: 0 0 0 2.5rem;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column
}
.FeatureShowcase-listItem {
	margin: 0 0 1rem
}
.FeatureShowcase-list.horiz-list {
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	max-width: 70.625rem;
	padding-left: 0;
	min-height: 0
}
.FeatureShowcase-list.horiz-list .FeatureShowcase-listItem {
	width: 33.333%;
	padding-left: 1rem
}
.FeatureShowcase-list.horiz-list .FeatureShowcase-listItem:first-child {
	padding-left: 0
}
}

@media only screen and (min-width:56.25em), print {
.FeatureShowcase-video, .FeatureShowcase-videoCenter {
	width: 75%;
	min-height: 400px!important
}
.FeatureShowcase-list:not(.horiz-list) {
	width: 25%
}
}
.FeatureShowcase-video, .FeatureShowcase-videoCenter {
	padding: 0 2.3923445vw 2.3923445vw 0
}
.FeatureShowcase-video.VideoBlock, .FeatureShowcase-videoCenter.VideoBlock {
	margin: 0 auto
}

@media (min-width:71.25rem) {
.FeatureShowcase-video, .FeatureShowcase-videoCenter {
	padding: 0 20px 20px 0
}
}
.FeatureShowcase-video .frame-gradient, .FeatureShowcase-videoCenter .frame-gradient {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 1em 1.5em 0;
	margin: 0 1px 65px;
	border: 1px solid #782a8f;
	border-bottom: 0;
	border-image-slice: 1!important;
	background-color: transparent;
	color: #782a8f;
	text-align: right;
	transform-origin: right bottom;
	transform-origin: calc(100% - 33px) calc(100% + 33px);
	-o-border-image: radial-gradient(circle farthest-corner at 36% 26%, #f99d1d, #cb3c6d 48%, #782a8f);
	border-image: radial-gradient(circle farthest-corner at 36% 26%, #f99d1d, #cb3c6d 48%, #782a8f);
	color: initial;
	color: inherit;
	margin: 0;
	position: absolute;
	left: 20px;
	top: 20px;
	width: calc(100% - 20px);
	height: calc(100% - 85px)
}
.FeatureShowcase-video .frame-gradient>strong, .FeatureShowcase-videoCenter .frame-gradient>strong {
	font-size: .875rem;
	letter-spacing: 2px;
	letter-spacing: 1px
}
.FeatureShowcase-video .frame-gradient.u-textSmall p, .FeatureShowcase-videoCenter .frame-gradient.u-textSmall p {
	font-size: inherit
}
.FeatureShowcase-video .frame-gradient.u-textSmall>strong, .FeatureShowcase-video .frame-gradient.u-textSmall h6, .FeatureShowcase-videoCenter .frame-gradient.u-textSmall>strong, .FeatureShowcase-videoCenter .frame-gradient.u-textSmall h6 {
	font-size: .75rem
}
.FeatureShowcase-video .frame-gradient:before, .FeatureShowcase-videoCenter .frame-gradient:before {
	content: "";
	display: block;
	position: absolute;
	margin: 0;
	width: auto;
	height: 65px;
	bottom: -65px;
	border: 1px solid #782a8f;
	border-top: 0;
	border-image-slice: inherit;
	-o-border-image: inherit;
	border-image: inherit;
	border-right-width: 0;
	right: 64px;
	left: -1px
}
.FeatureShowcase-video .frame-gradient:after, .FeatureShowcase-videoCenter .frame-gradient:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	margin: -46px;
	bottom: -64px;
	width: 91px;
	height: 91px;
	border-top: 1px solid #782a8f;
	transform: rotate(-45deg)
}
.FeatureShowcase-video .VideoBlock-embed, .FeatureShowcase-video .VideoBlock-frame, .FeatureShowcase-video .VideoBlock-label, .FeatureShowcase-videoCenter .VideoBlock-embed, .FeatureShowcase-videoCenter .VideoBlock-frame, .FeatureShowcase-videoCenter .VideoBlock-label {
	width: 100%;
	height: 100%;
	width: calc(100% - 2.3923444976076556vw);
	height: calc(100% - 2.3923444976076556vw)
}

@media (min-width:71.25rem) {
.FeatureShowcase-video .VideoBlock-embed, .FeatureShowcase-video .VideoBlock-frame, .FeatureShowcase-video .VideoBlock-label, .FeatureShowcase-videoCenter .VideoBlock-embed, .FeatureShowcase-videoCenter .VideoBlock-frame, .FeatureShowcase-videoCenter .VideoBlock-label {
	width: 97.6076555%;
	height: 97.6076555%;
	width: calc(100% - 20px);
	height: calc(100% - 20px)
}
}
.FeatureShowcase-video .VideoBlock-frame, .FeatureShowcase-videoCenter .VideoBlock-frame {
	z-index: 5;
	position: absolute;
	right: 0;
	bottom: 0
}
.FeatureShowcase-video .VideoBlock-frame .frame-gradient, .FeatureShowcase-videoCenter .VideoBlock-frame .frame-gradient {
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 65px)
}
.FeatureShowcase-video .VideoBlock-label, .FeatureShowcase-videoCenter .VideoBlock-label {
	margin-top: 0;
	margin-left: 0;
	opacity: 1;
	z-index: 2;
	pointer-events: all;
	transition: opacity 0s 0s
}
.show-on-small-screen {
	margin: 0;
	padding: 0
}

@media only screen and (min-width:37.5em), print {
.show-on-small-screen {
	visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	height: 0
}
}

@media only screen and (max-width:37.4375em) {
.show-on-small-screen {
	text-align: left;
	visibility: visible
}
}

@media only screen and (max-width:37.4375em) {
.hide-on-small-screen {
	visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	height: 0
}
}

@media only screen and (min-width:37.5em), print {
.hide-on-large-screen {
	visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	height: 0
}
}
.show-on-large-screen {
	margin: 0;
	padding: 0
}

@media only screen and (min-width:56.25em), print {
.show-on-large-screen {
	visibility: visible
}
}

@media only screen and (max-width:37.4375em) {
.show-on-large-screen {
	visibility: hidden;
	display: none;
	height: 0
}
}
.Product {
	position: relative;
	margin: 1.5rem auto
}

@media only screen and (min-width:37.5em), print {
.Product {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}
.Product-promo-container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 71.125rem;
	padding-left: .25rem;
	padding-right: .25rem
}
.Product-promo-container .Product-promo-heading {
	padding-left: .25em
}

@media only screen and (max-width:37.4375em) {
.Product-promo-container h2.Product-promo-heading {
	padding-left: .5em
}
}
.Product-policy {
	margin-top: 20px
}
.Product-policy-callout {
	width: 33%;
	float: left;
	padding-right: 35px;
	cursor: pointer
}
.Product-policy-callout span {
	display: inline-block;
	width: 67%;
	float: right;
	line-height: 1.3;
	padding-left: 10px;
	margin-top: 5px;
	font-size: .875rem
}
.Product-policy-callout span:after {
	content: "\0020\00BB";
	position: relative
}

@media only screen and (max-width:75em) {
.Product-policy-callout span {
	width: 100%;
	padding-left: 0;
	float: none;
	min-width: 90px
}
}
.Product-policy-callout img {
	width: 30%;
	height: auto;
	float: left
}

@media only screen and (max-width:75em) {
.Product-policy-callout img {
	width: 100%;
	float: none;
	max-width: 50px
}
}

@media only screen and (max-width:75em) {
.Product-policy-callout {
	text-align: center
}
}
.Product--plus .rotate-plus {
	transform: rotate(45deg);
	transition: transform .25s
}

@media only screen and (max-width:56.25em), print {
.Product--plus .variations {
	font-size: .5rem;
	right: -56px
}
}
.Product-cards {
	background-color: #fff;
	position: relative;
	margin-top: -10px
}
.Product-cards .Product-spinner {
	min-height: 200px;
	position: absolute;
	z-index: 99999;
	left: 50%;
	top: 10%
}
.Product-cards span {
	position: absolute;
	z-index: 98;
	top: 3px;
	right: 2px;
	padding: 0 10px;
	transition: transform .25s ease-in-out;
	display: block;
	font-size: 1.2rem;
	color: rgba(0,0,0,.4);
	cursor: pointer;
	color: #fff;
}
.is-listView .Product-cards span {
	display: none
}

@media only screen and (max-width:37.4375em) {
.is-gridView .Product-cards span {
	display: none
}
}
.Product-cards, .Product-cards:after, .Product-cards:before {
/*	box-shadow: 1px -1px 2px rgba(0,0,0,.1)*/
	  /*  border: 2px solid rgb(0 0 0 / 10%); */
}
.Product-cards:after, .Product-cards:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff
}
.Product-cards:before {
	left: 5px;
	top: -4px;
	z-index: -1
}
.Product-cards:after {
	left: 10px;
	top: -8px;
	z-index: -2
}
.Product-Header {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 70.625rem;
	z-index: 99;
	padding: .1px 0
}
.Product-Header .Product-name {
	margin-top: 0;
	margin-bottom: .25em
}
.Product-Header .Product-category {
	text-transform: none
}
.Product-Header .Product-description {
	margin: 1.5rem auto
}

@media only screen and (max-width:37.4375em) {
.Product-Header .Product-img {
	position: relative
}
.Product-Header .Product-img img {
	max-height: 100%
}
}

@media only screen and (min-width:37.5em), print {
.Product-Header .Product-img {
	position: relative
}
.Product-Header .Product-img img {
	max-height: 100%
}
.Product-Header:not(.no-MainImage) {
	width: 50%;
	float: right;
	margin-bottom: 1rem
}
.Product-Header:not(.no-MainImage) .Product-img, .Product-Header:not(.no-MainImage) .Product-info {
	padding: 0 1rem
}
.Product-Header:not(.no-MainImage) .Product-img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 0;
	left: -100%;
	width: 100%;
	max-height: 100%
}
.Product-Header .Product-description {
	margin: 2.5rem auto
}
}

@media only screen and (min-width:56.25em), print {
.Product-Header:not(.no-MainImage) .Product-Header {
	min-height: 31.25rem
}
}
.Product-Header.no-MainImage {
	text-align: center
}
.Product-img {
	margin: 1rem auto
}
.Product-img:after {
	content: "";
	position: absolute;
	bottom: -100px;
	transition: bottom 1s ease-out
}
.is-active .Product-img:after {
	bottom: -5px
}
.is-gridView .is-active .Product-img:after {
	left: 40%;
	z-index: 100;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #fff;
	filter: drop-shadow(0 -2px 1px rgba(0,0,0,.15))
}

@media only screen and (max-width:37.4375em) {
.is-gridView .is-active .Product-img:after {
	display: none
}
}
.Product-img img {
	display: block;
	max-height: 50vh;
	margin: auto;
	vertical-align: top;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: contain; object-position: center"
}
.Product-name a {
	text-decoration: none
}
.Product-name span {
	text-transform: lowercase!important
}
.Product-caption {
	display: block
}
.Product-variations .Select {
	margin-top: 0;
	width: 100%
}

@media only screen and (min-width:56.25em), print {
.Product-variations .Select {
	width: auto
}
}

@media only screen and (max-width:37.4375em) {
.Product .Price {
	text-align: left
}
}
.Product-cta #ctaLink {
	width: 100%
}
.Product-cta>* {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .75rem
}
.Product-cta .Button, .Product-cta .Button--outline, .Product-cta .Button--small {
	display: block;
	width: 100%;
	max-width: 25rem
}
.Product-cta--Link {
	display: table;
	margin: .5rem auto
}
.Product .Contact, .Product Dealer {
	Background: #fff
}

@media only screen and (min-width:37.5em), print {
.Product-Export, .Product-Support {
	text-align: center
}
}

@media only screen and (min-width:56.25em), print {
.Product-cta {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap
}
.Product-cta>* {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	white-space: nowrap
}
.Product-Header:not(.no-MainImage) .Product-cta>* {
	margin-left: 0;
	margin-right: 0
}
.Product-Header:not(.no-MainImage) .Product-cta>:first-child {
	margin-right: auto
}
.Product-Header:not(.no-MainImage) .Product-cta .Link, .Product-Header:not(.no-MainImage) .Product-cta .Link--back {
	margin-right: .875rem
}
.Product-cta .Button, .Product-cta .Button--outline, .Product-cta .Button--small {
	display: inline-block;
	-ms-flex-preferred-size: 49%;
	flex-basis: 49%
}
.Product-demoLink {
	width: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch
}
.Product-Header:not(.no-MainImage) .Product-cta--Link {
	margin-left: 0
}
}
.Product .ProductShowcase {
	position: relative;
	max-width: 90rem;
	margin: 1rem auto 2.5rem;
	background: url(../images/productshowcase_bg.jpg) no-repeat top/contain
}
.Product .ProductShowcase-wrapper {
	position: relative;
	max-width: 70.625rem;
	margin: auto
}

@media only screen and (min-width:37.5em), print {
.Product .ProductShowcase {
	background-size: cover;
	background-position: 50%
}
.Product .ProductShowcase-wrapper {
	display: -ms-flexbox;
	display: flex;
	padding: .5rem
}
}
.Product .ProductShowcase-content, .Product .ProductShowcase-img {
	padding: 0 1.5rem
}

@media only screen and (min-width:37.5em), print {
.Product .ProductShowcase-content, .Product .ProductShowcase-img {
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin: auto;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	color: #fff
}
}

@media only screen and (min-width:75em) {
.Product .ProductShowcase-content, .Product .ProductShowcase-img {
	padding: 0
}
}
.Product .ProductShowcase-button {
	margin-top: 1em
}
.Product .ProductShowcase-img img {
	display: block;
	margin: auto;
	position: relative
}

@media only screen and (min-width:75em) {
.Product .ProductShowcase-img img {
	right: -2rem
}
}

@media only screen and (min-width:37.5em), print {
.Product .ProductShowcase-content {
	-ms-flex-order: -1;
	order: -1
}
}
.Product .ProductShowcase-list {
	display: none
}

@media only screen and (min-width:37.5em), print {
.Product .ProductShowcase-list {
	display: table;
	list-style: none;
	padding: 0;
	margin: 2.5rem 0 0;
	margin-right: -2rem
}
.Product .ProductShowcase-listItem {
	padding: 0;
	display: table-cell
}
.Product .ProductShowcase-listItem .textframe, .Product .ProductShowcase-listItem .textframe-right {
	display: table;
	margin-top: 0;
	margin-right: .25rem
}
}

@media only screen and (min-width:75em) {
.Product .ProductShowcase-list {
	margin-right: -4rem
}
}
.Product .Specifications {
	text-align: center
}
.Product .Specifications-list, .Product .Specifications-list--more {
	margin: auto auto 1em;
	text-align: left;
	vertical-align: top
}
.Product .Specifications-header {
	margin-bottom: 1em
}

@media only screen and (min-width:37.5em), print {
.Product .Specifications-list, .Product .Specifications-list--more {
	margin-bottom: 1.5rem
}
}
.Product .Content-teaser, .Product .Document-teaser {
	height: 100%;
	padding: 1rem;
	margin: 0
}

@media only screen and (min-width:37.5em), print {
.Product .Accessories-category-section {
	background-color: #f6f6f6
}
}

@media only screen and (max-width:37.4375em) {
.Product .Accessories-category-section>h6 {
	font-size: .875rem;
	font-family: Nunito, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: none
}
}
.Product .Accessories-category-section--List {
	padding-left: .5rem
}
.Product .Accessories-category-section--listItem {
	padding-bottom: 6px
}
.Product .Accessories-category-section-padding {
	padding: 1rem
}
.Product #SkuSelection {
	padding-top: 4.25rem!important;
	margin-top: -4.25rem!important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none
}

@media only screen and (min-width:56.25em), print {
.Product #SkuSelection {
	padding-top: 9rem!important;
	margin-top: -9rem!important
}
}
.Product #SkuSelection .Select-input:focus {
	box-shadow: 0 0 2px 1px rgba(208,2,27,.75)
}
.Product #SkuSelection * {
	-webkit-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: auto;
	-webkit-user-select: unset;
	-moz-user-select: unset;
	-ms-user-select: unset;
	user-select: unset;
	pointer-events: all
}

@media only screen and (min-width:56.25em), print {
.Product-Cell-Contact-padding>* {
	padding-left: 0
}
}

@media only screen and (min-width:37.5em), print {
.Product-Contact-padding {
	min-height: 11em
}
}
.Product-Contact-Popup {
	margin-top: 2em
}
.Product-Dealer-padding>* {
	padding-right: 0
}
.Product-ServiceProduct-listItem {
	background: #f6f6f6;
	padding: .25rem 1.5rem;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.Product-ServiceProduct-cta {
	padding-top: 20px
}
.Product-ServiceProduct-cta>* {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .75rem
}
.Product-ServiceProduct-cta .Button, .Product-ServiceProduct-cta .Button--outline, .Product-ServiceProduct-cta .Button--small {
	display: block;
	width: 100%;
	max-width: 25rem
}
.creditLogo {
	max-width: 150px!important
}
#trigger_onScrollCTA {
	min-height: 0
}
.onScrollCTA {
	position: relative;
	display: table;
	width: 100%;
	pointer-events: none
}
.onScrollCTA .Sticky-element {
	z-index: 995;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff linear-gradient(90deg, #f99d1d, #cb3c6d 48%, #782a8f) no-repeat;
	background-size: 100% 2px;
	pointer-events: all;
	transition: transform .25s
}
.onScrollCTA .Sticky-element.is-sticky {
	transform: translateY(100%)
}
.onScrollCTA .Sticky-element.is-sticky.visible {
	transform: translateY(0)
}

@media only screen and (min-width:37.5em), print {
.onScrollCTA, .onScrollCTA .ProductChaser {
	min-height: 100px
}
}
.ProductChaser {
	padding: .5rem 0;
	display: -ms-flexbox;
	display: flex;
	display: table;
	width: 100%
}
.ProductChaser-img {
	width: 70px
}
.ProductChaser-img img {
	max-height: 75px;
	background-color: #f6f6f6
}
.ProductChaser .Product-name, .ProductChaser p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2
}
.ProductChaser p+p {
	margin-top: .5em
}
.ProductChaser .Product-variation {
	display: inline-block;
	margin-right: .5rem
}
.ProductChaser .Product-variation li {
	display: inline-block
}
.ProductChaser .Product-variation li:not(:last-child):after {
	content: ","
}
.ProductChaser .Product-variation .Link, .ProductChaser .Product-variation .Link--back {
	white-space: nowrap
}

@media only screen and (min-width:56.25em), print {
.ProductChaser-cta {
	white-space: nowrap
}
}

@media only screen and (max-width:37.4375em) {
.ProductChaser {
	background: transparent
}
.ProductChaser .Product-name {
	cursor: pointer;
	margin-right: -.5rem;
	padding-right: 1rem
}
.ProductChaser-content:after {
	content: "";
	position: relative;
	display: inline-block;
	height: 1.5rem;
	width: 1.5rem;
	top: .35rem;
	right: -.25rem;
	background: transparent url(../images/arrow-gallery.svg) no-repeat 50%;
	transform: rotate(-90deg);
	position: absolute;
	right: 1rem;
	top: .5rem;
	pointer-events: none
}
.ProductChaser-content>* {
	margin-top: .25em
}
.is-closed>.ProductChaser-content:after {
	transform: rotate(90deg)
}
.is-closed>.ProductChaser-content>:not(.Product-name), .is-closed>.ProductChaser-cta, .ProductChaser-img {
	display: none
}
.ProductChaser.is-closed .ProductChaser-content:after {
	transform: rotate(90deg)
}
.ProductChaser.is-closed .ProductChaser-content>:not(.Product-name), .ProductChaser.is-closed .ProductChaser-cta {
	display: none
}
.ProductChaser-cta .Button, .ProductChaser-cta .Button--outline, .ProductChaser-cta .Button--small {
	display: block;
	width: 100%;
	margin-bottom: .25rem
}
}

@media only screen and (min-width:37.5em), print {
.ProductChaser {
	padding: .75rem 0
}
.ProductChaser>* {
	display: table-cell;
	vertical-align: top
}
.ProductChaser-content {
	padding: 0 0 0 1.5rem
}
.ProductChaser-cta {
	vertical-align: middle;
	text-align: right
}
.ProductChaser-cta .Button, .ProductChaser-cta .Button--outline, .ProductChaser-cta .Button--small {
	margin: .25rem 0;
	margin-left: 1rem
}
}
.is-gridView .is-active .gridTable {
	position: relative;
	padding: 1px 3px 5px 1px;
	top: -1px
}

@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
.is-gridView .is-active .gridTable {
	padding: 1px 3px 50px 1px
}
}
@supports (-ms-ime-align:auto) {
.is-gridView .is-active .gridTable {
padding:1px 3px 50px 1px
}
}

@media only screen and (max-width:37.4375em) {
.is-gridView .is-active .gridTable {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	margin-bottom: 0;
	width: 96vw
}
}
.is-gridView .is-active .gridTable .Product-content--info {
	background-color: #fff;
	left: 0;
	padding: 2rem;
	min-height: 222px;
	height: 100%;
	max-height: 100%;
	box-shadow: 1px 1px 3px #777;
	z-index: 12;
	position: relative;
	width: 100%
}
.is-gridView .is-active .gridTable .Product-content--info .Product-description {
	display: block
}

@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
.is-gridView .is-active .gridTable .Product-content--info {
	height: 85%
}
}
@media only screen and (min-width:37.5em), print and screen and (min--moz-device-pixel-ratio:0) {
.is-gridView .is-active .gridTable .Product-content--info {
height:auto
}
}
.Support-product-name {
	text-align: left;
	padding: 8px 0;
	margin: 0 0 0 8px
}
.Support-product-name>a {
	text-decoration: NONE;
	font-family: industry-medium;
	text-transform: uppercase;
	font-size: .875rem;
	font-weight: 700
}
.Support-product-image {
	text-align: center;
	background-color: #fff;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	height: 150px;
	margin: 0 8px
}
.Support-product-image, .support-products {
	display: -ms-flexbox;
	display: flex;
	justify-content: center
}
.support-products {
	-ms-flex: 1 1 200px;
	flex: 1 1 200px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1700px;
	-ms-flex-pack: center;
	font-family: industry-medium
}
.support-products .products {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 10px 5px;
	width: 175px;
	height: 100%;
	box-sizing: border-box;
}
.support-products .products-images {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #fff;
	padding: 10px;
	height: 175px;
	width: 175px;
	-ms-flex-align: center;
	align-items: center
}
.support-products .products-images>a>img {
	max-width: 165px;
	height: auto
}

@media only screen and (max-width:37.4375em) {
.support-products .products .products-images {
	height: auto;
	width: auto
}
}
.support-products .products-text {
	text-align: left;
	padding-top: 10px;
	font-family: industry-medium;
	text-transform: uppercase;
	font-size: .875rem;
	font-weight: 700
}
.support-products .products-text>a {
	text-decoration: none;
	color: #4a4a4a
}

@media only screen and (max-width:37.4375em) {
.support-products {
	border: 1px solid #d2cfcd
}
.support-products .products {
	margin: 0;
	padding: 0;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%
}
.support-products .products:not(:last-child) {
	border-bottom: 1px solid #d2cfcd
}
.support-products .products .products-images {
	margin-top: 0;
	margin: 0 12px 0 0;
	float: left;
	position: relative
}
.support-products .products .products-images>a>img {
	height: 65px;
	width: 65px;
	-o-object-fit: cover;
	object-fit: cover
}
}
.group-accessory-heading {
	margin-top: 1.5rem
}
.accessory-heading-marginleft {
	margin-left: 1rem
}

@media screen and (min--moz-device-pixel-ratio:0) {
.support-products {
	margin-bottom: 25px
}
.support-products .products {
	margin: 20px 5px
}
}

@media (min--moz-device-pixel-ratio:0) and (max-width:600px) {
.support-products .products {
	margin: 0!important
}
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
.support-products {
	margin-bottom: 25px!important
}
.support-products .products {
	margin: 20px 5px!important
}
}
@supports (-ms-ime-align:auto) {
.support-products {
margin-bottom:25px!important
}
.support-products .products {
margin:20px 5px!important
}
}
.support-teaser .Teaser-content-container {
	padding: 0
}
.image-container {
	display: block
}
.selectors {
	margin-top: 15px;
	padding: .5rem 0
}
.selectors img {
	display: inherit
}
.app-figure {
	max-width: 475px
}
.mz-button-next, .mz-button-prev {
	visibility: hidden!important
}
.item-thumbnail {
	margin-right: 15px
}
.item-thumbnail img {
	width: 57px
}
.mz-expand .mz-expand-stage {
	background: #fff
}
button.mz-button.mz-button-close {
	background: #4a4a4a
}
.mz-expand-thumbnails {
	background-color: #f6f6f6
}

@media (max-width:767px) {
.mobile-dot {
	display: none!important
}
#ProductImage .mz-button-next, #ProductImage .mz-button-prev {
	visibility: visible!important;
	display: block!important;
	color: #6f6f6f!important
}
.item-thumbnail {
	height: 15px;
	width: 15px;
	border: 1px solid #4a4a4a;
	border-radius: 50%;
	display: inline-block
}
.mz-thumb-selected {
	background-color: #4a4a4a
}
}
.ProductCategory {
	position: relative;
	max-width: 1130px;
	margin: 1.5rem auto
}

@media only screen and (min-width:37.5em), print {
.ProductCategory {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}
.ProductCategory-content, .ProductCategory-image, .ProductCategory-promotion {
	position: relative
}
.ProductCategory-image {
	overflow: hidden
}
.ProductCategory-image img {
	display: block;
	max-width: 1130px;
	max-height: 511px;
	min-height: 300px;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: cover; object-position: center"
}
.ProductCategory-content, .ProductCategory-promotion {
	padding: 0 1.5rem
}
.ProductCategory-imageSecondary {
	width: 100%
}

@media only screen and (min-width:37.5em), print {
.ProductCategory {
	-ms-flex-align: center;
	align-items: center
}
}

@media only screen and (min-width:75em) {
.ProductCategory-content {
	padding-left: 0
}
.ProductCategory-promotion {
	padding-right: 0
}
}
.ProductCategory .Ironroll-container {
	position: absolute
}
.ProductCategory .Ironroll-container.size-small {
	transform: scale(.5)
}
.ProductCategory .Ironroll-container.size-small.direction-left {
	transform: scaleX(-1) scale(.5)
}
.ProductPromo {
	text-align: center
}
.ProductPromo-img, .ProductPromo .textframe-gradient {
	position: relative;
	margin: auto
}
.ProductPromo-img {
	z-index: 1
}
.ProductPromo-img img {
	display: block;
	margin: auto;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: contain; object-position: center";
	max-height: 230px
}
.ProductPromo .textframe-gradient {
	height: auto;
	margin: -4rem auto 1.5rem;
	padding-top: 4rem;
	text-align: center
}
.ProductPromo-description {
	color: #4a4a4a
}
.ProductPromo-cta {
	margin-bottom: -.5rem
}
.ProductPromo-cta .Button, .ProductPromo-cta .Button--outline, .ProductPromo-cta .Button--small {
	width: 100%
}

@media only screen and (min-width:37.5em), print {
.ProductPromo-img {
	right: -4.5%
}
.ProductPromo-img img {
	margin-right: 0
}
.ProductPromo .textframe-gradient {
	display: -ms-flexbox;
	display: flex;
	margin-top: 0;
	padding-top: 1rem;
	text-align: left
}
.ProductPromo-content {
	min-width: 175px;
	margin: auto 0 auto auto;
	margin-left: 1.5rem
}
.ProductPromo-cta .Button, .ProductPromo-cta .Button--outline, .ProductPromo-cta .Button--small {
	width: auto
}
}

@media only screen and (min-width:56.25em), print {
.ProductPromo .textframe-gradient {
	margin-right: 0
}
}

@media only screen and (max-width:37.4375em) {
.ProductPromo {
	padding-top: 20px
}
}
input[name=show-all]:checked~.u-hidden {
	display: block!important
}
input[name=show-all]:checked~.show-all--wrapper {
	display: none!important
}
.Product-teaser.is-comparing .Checkbox-label:not(.u-hidden) {
	display: none!important
}
.Product-teaser.is-comparing .Checkbox-label.u-hidden {
	display: inline-block!important
}
.Product-content {
	z-index: 10
}

@media only screen and (min-width:75em) {
.Product-content--compare {
	-ms-flex-order: 2;
	order: 2;
	position: relative;
	height: 3.15rem;
	background: #f6f6f6
}
}
.Product-compare {
	display: none;
	z-index: 9;
	-ms-flex-order: 1;
	order: 1;
	margin: 0
}
.Product-compare--visible {
	display: block;
	width: 100%;
	z-index: 99
}

@media only screen and (max-width:74.9375em) {
.Product-compare {
	margin-top: .25rem;
	margin-bottom: .25rem;
	margin-right: -.25rem
}
.Product-compare label {
	font-size: .75rem
}
}

@media only screen and (min-width:75em) {
.Product-compare {
	display: block;
	width: 100%;
	width: 99.7%;
	height: 2.5rem;
	padding: .5rem 0;
	line-height: 1.45;
	text-align: center;
	margin-top: -2.5rem;
	position: relative;
	bottom: 0
}
.is-listView .Product-compare {
	color: #444
}
.is-gridView .Product-compare {
	background: rgba(0,0,0,.64);
	color: #fff
}
.is-gridView .Product-compare:hover {
	z-index: 11;
	transform: translateY(0);
	transition: all .25s, z-index 0s .25s
}
.is-gridView .Product-compare {
	transform: translateY(100%);
	transition: all .25s, z-index 0s
}
.Product-teaser.is-comparing .Product-compare, .Product-teaser:hover .Product-compare {
	z-index: 11;
	transform: translateY(0);
	transition: all .25s, z-index 0s .25s
}
.Product-teaser.is-comparing .Product-compare .variations, .Product-teaser:hover .Product-compare .variations {
	color: #fff;
	font-size: .875rem;
	right: 13%;
	top: 20%
}
.Product-compare[disabled] {
	opacity: .5
}
}
.Search-results .Product-compare, .Support-results .Product-compare {
	display: none!important
}
.Product-pageNumber {
	padding-top: 4.25rem!important;
	margin-top: -4.25rem!important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	padding-bottom: 0!important;
	margin-bottom: -1.5em;
	text-indent: -9999rem;
	z-index: -1;
	position: relative;
	background-color: rgba(255,255,0,.25)
}

@media only screen and (min-width:56.25em), print {
.Product-pageNumber {
	padding-top: 9rem!important;
	margin-top: -9rem!important
}
}
.Teaser--promotion {
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: .75em 1em!important;
	background: transparent
}
.Teaser--promotion .Product-promotion-img {
	position: relative;
	text-align: center;
	background-color: #fff
}
.Teaser--promotion .Product-promotion-img>*>img {
	margin: 0 auto
}
.Teaser--promotion .Product-promotion-img [class^=Tag--] {
	position: absolute;
	bottom: 0;
	left: 0;
	text-transform: uppercase;
	font-size: .75rem
}

@media only screen and (min-width:56.25em), print {
.Teaser--promotion .Product-promotion-img {
	margin: 0;
	float: none;
	padding-top: 74.3083004%;
	position: relative;
	width: 100%;
	display: table
}
.Teaser--promotion .Product-promotion-img>*>img {
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
}
.Product-teaser {
	padding: 0
}
.Product-teaser .Loadable-section, .Product-teaser .Loading--section, .Product-teaser .Loading-section--after {
	position: absolute;
	width: 100%;
	min-height: 200px;
	top: 0;
	left: 0
}
.is-listView .Product-teaser-listCompare {
	width: 100%;
	text-align: center;
	background: #fff;
	margin: 0;
	padding: 5px 0;
	border-top: 1px solid #f1f1f1;
	cursor: pointer;
	display: block;
	clear: both;
	visibility: visible;
	opacity: 1;
	font-family: industry-medium
}

@media only screen and (max-width:37.4375em) {
.is-listView .Product-teaser-listCompare {
	border-top: none;
	background: transparent
}
}
.is-gridView .Product-teaser-listCompare {
	display: none
}

@media only screen and (max-width:37.4375em) {
.is-gridView .Product-teaser .Product-teaser-listCompare {
	width: 100%;
	text-align: center;
	background: #fff;
	margin: 0;
	padding: 5px 0;
	border-top: 1px solid #f1f1f1;
	cursor: pointer;
	display: block;
	clear: both;
	visibility: visible;
	opacity: 1;
	transition: visibility 525ms, opacity .25s linear;
	transition-delay: 625ms
}
}
.Product-teaser .Product-content {
	padding-left: 0
}
.Product-teaser .Product-content .Product-details .campaignRed {
	color: #d0021b
}
.Product-teaser .Product-content .Product-details .quoteFont {
	font-family: Nunito, Helvetica, sans-serif;
	text-transform: none;
	margin-bottom: 0
}
.Product-teaser .Product-content .Product-buttons {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 115px
}
.Product-teaser .Product-content .Product-buttons .noBtn {
	padding: 6px 0 32px
}

@media (-ms-high-contrast:active), screen and (-ms-high-contrast:none) {
.Product-teaser .Product-content .Product-buttons .noBtn {
	padding: 16px 0 40px
}
}
@-moz-document url-prefix() {
.Product-teaser .Product-content .Product-buttons .noBtn {
padding:7px 0 50px
}
}

@media only screen and (max-width:56.25em), print {
.Product-teaser .Product-content .Product-buttons .noBtn {
	padding: 1px 0 50px
}
@-moz-document url-prefix() {
.Product-teaser .Product-content .Product-buttons .noBtn {
padding:0 0 42px
}
}
}
.Product-teaser .Product-content .soldOutBtn {
	color: #d0021b;
	font-size: 1.17rem;
	text-align: center;
	margin: 20px 0 14px
}
@-moz-document url-prefix() {
.Product-teaser .Product-content .soldOutBtn {
margin:16px 0 17px
}
}

@media only screen and (min-width:37.5em), print {
.Product-teaser .Product-content .Product-details {
	min-height: 115px
}
}
.Product-teaser .Product-content .Product-sale-price {
	font-size: 1.2rem;
	color: #444
}
.Product-teaser .Product-tagline {
	font-size: .875rem;
	line-height: 1.2;
	max-height: 2.1rem;
	overflow: hidden
}
.Product-teaser .Product-description {
	display: none
}

@media only screen and (min-width:37.5em), print {
.is-listView .Product-teaser {
	display: block!important;
	overflow: hidden
}
.is-listView .Product-teaser .Product-img {
	width: 30%;
	float: left;
	padding-top: 22.7%;
	margin-top: 12px
}
.is-listView .Product-teaser .Product-compare {
	width: 30%;
	position: relative;
	clear: left
}
.is-listView .Product-teaser .Product-content {
	float: right;
	width: 68%
}
.is-listView .Product-teaser .Product-content h6 {
	margin-top: 0
}
.is-listView .Product-teaser .Product-description {
	display: block;
	font-size: .625rem;
	margin-bottom: 0
}
}

@media only screen and (min-width:75em) {
.is-listView .Product-teaser .Product-compare {
	position: relative
}
.is-listView .Product-teaser .Product-description {
	font-size: .875rem
}
}
.Support-results .Product-teaser .Product-tagline {
	display: none!important
}
#listControl {
	display: none
}
#ModelSelector #listControl {
	position: relative!important
}

@media only screen and (min-width:37.5em), print {
.List-header {
	margin-bottom: 1.5rem;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}
#ModelSelector .List-header #listControl, #ProductListSection h3 #listControl {
	position: relative;
	display: block
}
#ModelSelector .List-header #listControl a, #ProductListSection h3 #listControl a {
	display: inline-block;
	color: #000
}
#ModelSelector .List-header #listControl a svg, #ProductListSection h3 #listControl a svg {
	width: 21px;
	height: 21px;
	stroke: #000
}
#ModelSelector .List-header #listControl, #ProductListSection h3 #listControl {
	display: -ms-flexbox;
	display: flex;
	bottom: 0
}
#ModelSelector .List-header #listControl a, #ProductListSection h3 #listControl a {
	display: -ms-flexbox;
	display: flex;
	height: 35px;
	border: 1px solid #2f2f2f;
	margin: 0 5px;
	text-align: center;
	text-decoration: none;
	transition: background .4s ease-out;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 10px
}
#ModelSelector .List-header #listControl a .icon-title, #ProductListSection h3 #listControl a .icon-title {
	margin-left: 5px;
	font-size: 1rem;
	white-space: nowrap;
	font-family: Nunito, Helvetica, sans-serif
}
#ModelSelector .List-header {
	padding-right: 0
}
#ModelSelector .List-header #listControl {
	margin-right: 0
}
.is-gridView #listControl a.gridView, .is-listView #listControl a.listView {
	background: #000;
	color: #fff!important
}
.is-gridView #listControl a.gridView svg, .is-listView #listControl a.listView svg {
	stroke: #fff!important
}
.is-listView #listControl a.gridView {
	background: none!important
}
.is-listView .Product-listItem {
	width: 100%!important
}
}
.Product-list {
	position: relative;
	width: 100%
}

@media only screen and (min-width:48em), print {
.Product-list {
	width: calc(100% + 2rem)
}
}
.Product-listItem--hidden {
	display: none
}

@media only screen and (max-width:37.4375em) {
.Product-list {
	margin: 0!important
}
.Product-listItem {
	border-bottom: 1px solid #d2cfcd;
	padding-left: 0!important;
	padding-right: 0!important
}
}
.Product-list .Product-teaser {
	margin: 0
}
.is-gridView .Product-list .Product-teaser.has-product-cards {
	margin: .75rem 0 .75em
}

@media only screen and (max-width:37.4375em) {
.is-gridView.Product-topSellers .Product-list .Product-teaser.has-product-cards {
	margin-bottom: 0
}
.is-gridView.Product-topSellers .Product-list .Product-teaser.has-product-cards .Product-teaser-listCompare {
	background: transparent;
	border: 0
}
}

@media only screen and (min-width:37.5em), print {
.is-listView .Product-list .Product-teaser {
	background-color: #fff
}
}

@media only screen and (max-width:37.4375em) {
.is-gridView .Product-list .Product-teaser {
	background-color: #fff
}
.is-gridView.Product-topSellers .Product-list .Product-teaser {
	background-color: transparent
}
}
.Product-list .Product-content, .Product-list .Product-img {
	display: block;
	margin-bottom: 0;
	padding-left: 0
}
.Product-list .Product-img {
	margin-top: 0;
	margin-left: 10px;
	float: left;
	position: relative
}
.Product-list .Product-img img {
	-ms-interpolation-mode: bicubic
}
.is-listView .Product-list .Product-img img {
	padding-bottom: 20px
}
.is-gridView .Product-list .Product-img img {
	padding: 11px 0
}

@media only screen and (max-width:37.4375em) {
.is-listView .Product-list .Product-img img {
	padding: 10px 0 0
}
.is-gridView .Product-list .Product-img img {
	padding-bottom: 20px
}
}
.is-listView .Product-list .Product-content {
	background-color: #fff;
	padding: 2rem
}

@media only screen and (max-width:37.4375em) {
.is-listView .Product-list .Product-content {
	background-color: #f6f6f6;
	padding: 0 1.5rem
}
}

@media only screen and (max-width:37.4375em) {
.Product-list .Product-content .is-gridView .Product-content {
	background-color: #fff;
	padding: 15px 10px
}
}
.Product-list .Product-compare {
	clear: both
}

@media only screen and (min-width:37.5em), print {
.Product-list .Product-teaser {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}
.Product-list .Product-content, .Product-list .Product-img {
	width: 100%;
	display: table
}
.Product-list .Product-img {
	margin-right: 0;
	float: none;
	padding-top: 74.3083004%;
	position: relative;
	margin-left: 0
}
.Product-list .Product-img img {
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
}

@media only screen and (max-width:37.4375em) {
.Product-list .Product-teaser .gridTable {
	background-color: #f6f6f6
}
.Product-list .Product-teaser .gridTable .outer-table-wrapper {
	width: 70%;
	float: left;
	font-size: .75rem;
	text-align: left
}
.Product-list .Product-teaser .gridTable .Modal-closeProd, .Product-list .Product-teaser .gridTable .Product-content {
	background-color: #f6f6f6;
	width: 75%;
	clear: right;
	font-size: .75rem
}
.Product-list .Product-teaser .gridTable .Product-content {
	padding: 0 1.5rem
}
.Product-list .Product-teaser .Product-compare {
	clear: right;
	float: left
}
}
.CategoryNodeBanner {
	position: relative;
	overflow: hidden;
	max-height: 350px;
	min-height: 300px;
	margin-bottom: 2rem;
	margin-top: 0!important
}
.CategoryNodeBanner-img {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
	min-height: 250px;
	max-height: 300px;
height:calc(250px + 50 * (100vw - 600px) / 300)
}
.CategoryNodeBanner-img img {
	display: block;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}
.CategoryNodeBanner-content {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2rem;
	background: transparent;
	width: 85%;
	margin-left: 2rem;
	text-align: center
}

@media only screen and (min-width:37.5em), print {
.CategoryNodeBanner-content {
	text-align: left
}
}
.CategoryNodeBanner-headline {
	color: #fff;
	text-shadow: #000 0 0 20px;
	margin-bottom: .5rem
}
.plus-sign {
	transform: rotate(0deg);
	transition: transform .25s ease-in-out;
	transition-delay: .25s
}
.is-gridView .Product-content--info {
	display: block;
	height: 210px;
	transition: max-height .25s ease-in-out;
	transition-delay: 1s;
	-ms-flex-order: 0;
	order: 0;
	background:#fff;
	text-align: center;
}
.is-gridView .Product-content--info .Product-name {
	visibility: visible!important;
	margin: inherit;
	padding: .5rem 0;
	line-height: 36px;
	background:#fff;
}
.is-gridView .Product-content--info h6:nth-child(2){font-size:1rem;padding-bottom:30px;line-height:1;}
.is-gridView .is-active .Product-content--info {
	max-height: 0;
	transition: max-height 20ms ease-in-out;
	transition-delay: 10ms
}
.is-gridView .is-active .plus-sign {
	transform: rotate(45deg);
	transition: transform .25s ease-in-out
}
.is-active .Product-teaser-listCompare {
	visibility: hidden;
	opacity: 0
}

@media only screen and (max-width:37.4375em) {
.is-active .Modal-closeProd {
	width: 100%!important
}
.is-open .outer-table-wrapper {
	width: 100%!important;
	float: none!important;
	font-size: .875rem!important
}
}

@media only screen and (max-width:37.4375em) {
.is-gridView.Product-topSellers .is-active .gridTable {
	height: auto
}
.is-gridView.Product-topSellers .is-active .gridTable .Product-content--info {
	box-shadow: none;
	padding: 0;
	width: 100%;
	min-height: 50px
}
.is-gridView.Product-topSellers .Product-cards span {
	display: block
}
.is-gridView.Product-topSellers .Product--plus {
	display: none!important
}
.is-gridView.Product-topSellers .is-active .gridTable {
	width: 100%!important;
	overflow: visible!important;
	transition: max-height 10ms ease-in
}
.is-gridView.Product-topSellers .is-active .Product-teaser.has-product-cards .Product-teaser-listCompare {
	display: none
}
.is-gridView.Product-topSellers .Product-list .Product-img img {
	padding: 0;
	z-index: 20;
	position: relative
}
.is-gridView.Product-topSellers .Product-teaser-listCompare {
	border-top: none;
	background: transparent;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	cursor: pointer;
	display: block;
	clear: both;
	visibility: visible;
	opacity: 1;
	font-family: industry-medium
}
.is-gridView.Product-topSellers .Modal--Products {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	margin-bottom: 0
}
.is-gridView.Product-topSellers .Modal--Products.js-prodModal {
	max-height: 0;
	transition: max-height .25s ease-in;
	visibility: hidden;
	display: block
}
.is-gridView.Product-topSellers .is-open .Modal--Products.js-prodModal {
	max-height: 1250px;
	margin-top: 25px
}
.is-gridView.Product-topSellers .is-active .Modal--Products.js-prodModal {
	opacity: 1;
	visibility: visible
}
.is-gridView.Product-topSellers .Product-description {
	clear: both
}
}
.Product-featuredProduct~.Product-listSection .Product-compare, .Product-topSellers~.Product-listSection .Product-compare {
	cursor: pointer
}
.Product-featuredProduct~.Product-listSection .Product-compare .Checkbox-label, .Product-topSellers~.Product-listSection .Product-compare .Checkbox-label {
	pointer-events: none
}
.ProductSupport-header {
	padding: 1rem 0 2rem
}
.ProductSupport-header p {
	margin-bottom: 1rem
}
.ProductSupport-header .textframe-gradient {
	text-align: center
}

@media only screen and (min-width:37.5em), print {
.ProductSupport-header .textframe-gradient {
	text-align: left
}
}
.ProductSupport-header .Product-img img {
	max-height: 30vh
}
.ProductSupport-preamble {
	text-align: center
}
.ProductSupport-contact-block {
	padding-right: 0
}
.ProductSupport-contact-button {
	background-color: #fff;
	padding: 1rem;
	margin-bottom: .66666667em;
	margin-right: .66666667em;
	display: -ms-flexbox;
	display: flex
}
.ProductSupport-contact-button-anchor {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex
}
.ProductSupport-contact-button-anchor img {
	max-height: 30px;
	float: left;
	margin-right: 1rem
}
.ProductSupport-contact-button-anchor span {
	font-weight: 700;
	margin: 0
}
.ProductSupport-contact-button-anchor:link {
	-webkit-text-decoration-line: none;
	text-decoration-line: none
}

@media only screen and (min-width:37.5em), print {
.ProductSupport-contact-button {
	min-height: 80px
}
}
.PageNav {
	padding: 1rem 0
}

@media only screen and (min-width:37.5em), print {
.PageNav {
	background-color: #000;
	color: #fff
}
}
.SupportArticle-content {
	margin-left: 25%
}

@media only screen and (min-width:37.5em), print {
.SupportArticle-content {
	margin-left: 10%
}
}
.SupportArticle-content .Article-type {
	font-weight: 700;
	color: #6f6f6f;
	font-size: .875rem
}
.SupportArticle-content .Article-title {
	font-weight: 700;
	font-size: 1rem
}
.SupportArticle-img {
	float: left;
	margin: .66666667rem
}
.SupportArticle-img img {
	max-width: 35px
}
.Listing {
	margin-bottom: 1rem
}
.Listing .Listing-all {
/*	display: none*/
}
.Listing .Listing-all .Columns--4col {
	padding-left: 0
}
.Listing--show-all .Listing-thumbnails {
	display: none
}
.Listing--show-all .Listing-all {
	display: block
}
.Listing-nav .subNav--products {
	position: relative;
	opacity: 1;
	visibility: visible;
	background: transparent;
	box-shadow: none;
	pointer-events: all;
	margin-left: 0;
	z-index: 1
}
.Listing-nav .subNav--products .Section-header {
	color: #4a4a4a;
	opacity: 1
}
.Listing-nav .subNav--products a {
	color: #6f6f6f
}

@media only screen and (min-width:56.25em), print {
.Listing-nav .subNav-list {
	margin: .5em 0 1.5em
}
.Listing-nav .subNav-list .subNav-listItem {
	margin-bottom: .1rem
}
.Listing-nav a {
	text-decoration: none
}
.Listing-nav a:hover {
	text-decoration: underline
}
}

@media only screen and (max-width:56.25em), print {
.Listing-nav .subNav-list {
	overflow: hidden;
	overflow-y: auto;
	max-height: 0;
	transition: max-height .25s;
	margin: 0;
	padding: 0 1rem 0 .25rem
}
.Listing-nav .subNav-list a {
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	font-size: 15px
}
.Listing-nav .Section-header {
	position: relative;
	margin-bottom: .5rem;
	padding: .5rem 2.1rem .5rem 1rem;
	margin-top: .5rem
}
.Listing-nav .Section-header:after {
	pointer-events: none;
	content: "+";
	content: "\002B";
	font-family: Nunito, Helvetica, sans-serif;
	font-size: 1.75rem;
	line-height: 2.45rem;
	position: absolute;
	right: .35em;
	top: 7px;
	color: #000;
	line-height: 1rem
}
.Listing-nav .Section-header.is-active:after {
	content: "\2212"
}
.Listing-nav .Section-header.is-active~.subNav-list {
	margin: .5em 0;
	max-height: 100vh;
	max-height: 96.75vh;
	transition: max-height 1s;
	padding: 0 1rem .5rem .25rem
}
.Listing-nav .Columns--4col {
	column-count: 1
}
.Listing-nav .Columns--4col>section {
	width: 100%!important;
	background: #fff;
	margin-bottom: .5rem
}
}
.TextBlock ul li {
	list-style: disc outside
}
.TextBlock ol li, .TextBlock ul li {
	margin-bottom: .25rem;
	margin-left: 1.5rem
}
.TextBlock ol li {
	list-style: decimal outside
}
.TextBlock img {
	height: auto
}
.VideoBlock {
	position: relative;
	max-width: 71.25rem;
	margin: 1.5rem auto;
	min-height: 175px;
	text-align: center
}
.ArticleSectionBlock .VideoBlock, .Modal .VideoBlock {
	margin: auto
}
.VideoBlock-embed, .VideoBlock-img {
	max-height: 642px
}
.VideoBlock-embed {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: z-index 0s
}
.VideoBlock.paused .VideoBlock-embed, .VideoBlock.playing:not(.is-loading) .VideoBlock-embed {
	transition: z-index 0s .25s;
	z-index: 6
}
.VideoBlock.is-loading .VideoBlock-embed {
	z-index: 1
}
.VideoBlock-wrapper .VideoBlock-embed {
	height: 100%!important
}
.VideoBlock-img, .VideoBlock-label, .VideoBlock-wrapper {
	position: relative;
	display: block;
	margin: auto;
	width: 100%
}
.VideoBlock-img, .VideoBlock-label {
	z-index: 2;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none
}
.VideoBlock-img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: cover; object-position: center";
	transition: opacity .35s .25s;
	height: 100%
}
.VideoBlock.playing .VideoBlock-img {
	opacity: 0
}
.VideoBlock.is-loading .VideoBlock-img {
	opacity: 1
}
.VideoBlock-svg {
	width: 100px;
	height: 100px;
	margin: -50px
}
.VideoBlock-svg-small {
	width: 53px;
	height: 53px;
	margin: -26.5px
}
.VideoBlock-label {
	position: absolute!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: hsla(0,0%,100%,.01);
	cursor: default;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	z-index: 3
}
.VideoBlock.playing .VideoBlock-label {
	opacity: 0
}
.Modal.is-active .VideoBlock-label {
	pointer-events: all
}
.VideoBlock-label svg {
	transform-origin: 50% 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 100%;
	background: radial-gradient(circle closest-side, rgba(0,0,0,.5) 99%, transparent 100%) no-repeat 50%;
	transition: background-size .25s;
	background-size: 10%
}
.VideoBlock.is-ready .VideoBlock-label svg {
	pointer-events: all;
	background-size: 90%;
	opacity: .9
}
.VideoBlock.is-ready .VideoBlock-label:hover svg, .VideoBlock.is-ready .VideoBlock-label svg:hover {
	background-size: 97%
}
.VideoBlock.is-ready .VideoBlock-label {
	opacity: 1;
	z-index: 6;
	pointer-events: all;
	transition: opacity 0s 0s
}
.VideoBlock.is-loading .VideoBlock-label {
	opacity: .5
}
.VideoBlock.paused .VideoBlock-label, .VideoBlock.playing .VideoBlock-label {
	transition: opacity 0s 0s;
	opacity: 0;
	pointer-events: none
}
.VideoBlock.paused .VideoBlock-label {
	transition: opacity .75s .75s;
	opacity: 1
}
.VideoBlock.paused .VideoBlock-label svg {
	pointer-events: all
}
.VideoBlock.playing .VideoBlock-label svg {
	pointer-events: none;
	animation: f .65s ease-in-out
}
.VideoBlock-frame {
	z-index: 5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none
}
.VideoBlock hr {
	margin-top: 1.5em
}

@media only screen and (min-width:37.5em), print {
.VideoBlock hr {
	margin-top: 2.25em;
	margin: 2.25em auto 1.5em
}
}
.VideoBlock--thumb hr {
	display: none
}
.Modal .VideoBlock-title {
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	font-size: .75rem;
	color: #fff;
	line-height: 1.2;
	margin: .5rem 3px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block
}
@keyframes f {
0% {
opacity:1
}
to {
transform:scale(1.5);
opacity:0
}
}
.youkuplayer {
	pointer-events: none
}
.youkuplayer .x-dashboard, .youkuplayer .x-dashboard .x-console-wrap {
	display: block!important
}
.youkuplayer .x-dashboard .seek-btn, .youkuplayer .x-dashboard .x-iconmode.i_fscreen, .youkuplayer x-video-loading {
	display: none!important
}
.youkuplayer .x-trigger, .youkuplayer .x-video-button, .youkuplayer .x-video-player, .youkuplayer .x-video-poster, .youkuplayer .x-video-poster img, .youkuplayer .ykplayer {
	pointer-events: none
}
.VideoGallery {
	position: relative;
	max-width: 71.25rem;
	margin: 1.5rem auto
}

@media only screen and (min-width:37.5em), print {
.VideoGallery {
	margin-top: 3rem;
	margin-bottom: 3rem
}
}
.VideoGallery .VideoBlock {
	min-width: 0
}
.VideoGallery-switcher {
	position: absolute!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: hsla(0,0%,100%,.01);
	cursor: default;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	z-index: 5
}
.VideoBlock.playing .VideoGallery-switcher {
	opacity: 0
}
.Modal.is-active .VideoGallery-switcher {
	pointer-events: all
}
.VideoGallery-switcher svg {
	transform-origin: 50% 50%;
	position: absolute;
	left: 50%;
	top: 50%
}
.VideoGallery--gallery .VideoGallery-switcher {
	opacity: 1
}
.VideoGallery-list, .VideoGallery .slick-list {
	max-width: 95vw;
	max-width: calc(100vw - 3rem);
	margin-left: auto;
	margin-right: auto
}
.VideoGallery-list, .VideoGallery-listItem {
	position: relative;
	list-style: none;
	padding: 0
}
.VideoGallery-list .VideoBlock {
	padding: 0 .5em
}
.VideoGallery-listItem {
	display: block;
	margin: 0;
	vertical-align: top
}
.VideoGallery-listItem:focus {
	outline: none
}
.VideoGallery-listItem .VideoBlock {
	margin: 0
}
.VideoGallery .slick-arrow {
	margin: -2rem -1.5rem;
	top: 30vw
}

@media only screen and (min-width:37.5em), print {
.VideoGallery .slick-arrow {
	top: 50%
}
}

@media only screen and (min-width:75em) {
.VideoGallery .slick-arrow {
	margin: -1.5rem -2rem
}
}

@media only screen and (min-width:37.5em), print {
.VideoGallery--featured {
	padding: 0 0 1rem
}
.VideoGallery--featured .slick-arrow {
	display: none!important
}
}
.VideoGallery--gallery {
	display: none
}
.VideoGallery--gallery .VideoBlock {
	min-height: 50px
}

@media only screen and (min-width:37.5em), print {
.VideoGallery--gallery.slick-initialized {
	display: block
}
.VideoGallery--gallery .slick-track {
	margin: auto
}
.VideoGallery--gallery .slick-list {
	margin-left: -.125em
}
.VideoGallery--gallery .slick-slide {
	transition: opacity .25s
}
.VideoGallery--gallery .slick-slide.slick-current {
	opacity: .25;
	pointer-events: none
}
.VideoGallery--gallery .VideoBlock-title {
	font-family: Industry-Demi, Industry Demi, Helvetica, sans-serif;
	font-size: .875rem;
	text-transform: uppercase
}
.VideoGallery--gallery .VideoBlock-description, .VideoGallery--gallery .VideoBlock-label, .VideoGallery--gallery hr {
	display: none
}
.VideoGallery--gallery .VideoGallery-switcher {
	display: block
}
.VideoGallery--gallery .VideoBlock-img {
	max-height: 150px
}
}
.MyProducts {
	position: relative;
	margin: 1rem auto
}

@media only screen and (max-width:37.4375em) {
.MyProducts {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0 1.25rem .5rem;
	margin-bottom: .5rem;
	background: #fff;
	max-height: 2.5rem;
	transition: max-height .35s
}
.MyProducts.is-child-open, .MyProducts.is-open {
	max-height: 40rem;
	overflow-y: auto
}
.MyProducts:after {
	content: "";
	display: table;
	clear: both
}
.MyProducts.is-child-open, .MyProducts.is-open {
	max-height: 120rem
}
}

@media only screen and (min-width:37.5em), print {
.MyProducts {
	padding: .5rem
}
}

@media only screen and (min-width:37.5em), print {
.MyProducts-title {
	cursor: auto
}
.MyProducts-title:after {
	display: none
}
}
.MyProducts .Grid {
	background: #fff
}

@media only screen and (max-width:37.4375em) {
.MyProducts-description {
	display: none
}
}
.MyProduct-img, .MyProduct-wrapper {
	position: relative;
	overflow: hidden
}

@media only screen and (min-width:37.5em), print {
.MyProduct-img, .MyProduct-wrapper {
	padding-top: 76.85714286%
}
}
.MyProduct, .MyProduct--add {
	position: relative;
	overflow: hidden
}
.MyProduct--add {
	text-align: center;
	border-top: 1.5px solid #d2cfcd;
	padding-top: .75rem
}

@media only screen and (min-width:37.5em), print {
.MyProduct--add {
	border-top: 0;
	background-size: .75rem 1px, .75rem 1px, 1px .75rem, 1px .75rem;
	background-position: 0 0, 0 100%, 0 0, 100% 0;
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-image: linear-gradient(90deg, #666 .25rem, hsla(0,0%,100%,0) 0), linear-gradient(90deg, #666 .25rem, hsla(0,0%,100%,0) 0), linear-gradient(180deg, #666 .25rem, hsla(0,0%,100%,0) 0), linear-gradient(180deg, #666 .25rem, hsla(0,0%,100%,0) 0)
}
}
.MyProduct--add .Button, .MyProduct--add .Button--outline, .MyProduct--add .Button--small, .MyProduct--add [class*=Button-] {
	margin-left: auto;
	margin-right: auto
}

@media only screen and (min-width:37.5em), print {
.MyProduct--add .Button, .MyProduct--add .Button--outline, .MyProduct--add .Button--small, .MyProduct--add [class*=Button-] {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
}
.MyProduct-img {
	padding-right: .75rem
}
.MyProduct-img img {
	padding: .5rem;
	margin: auto;
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: contain; object-position: center";
	background: #f6f6f6
}

@media only screen and (min-width:37.5em), print {
.MyProduct-img img {
	position: absolute;
	top: 0;
	left: 0
}
}
.MyProduct-overlay {
	position: relative;
	display: table;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}
.MyProduct-overlay .Button, .MyProduct-overlay .Button--outline, .MyProduct-overlay .Button--small {
	display: block;
	width: 100%
}

@media screen and (min-width:400px) and (max-width:600px) {
.MyProduct-overlay {
	width: 66.666%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.MyProduct-overlay .Button, .MyProduct-overlay .Button--outline, .MyProduct-overlay .Button--small {
	margin-left: 0
}
.MyProduct-overlay [class*=Button-] {
	margin-right: 0
}
}

@media only screen and (min-width:37.5em), print {
.MyProduct-overlay {
	padding: 11%;
	padding-top: 65.85714286%;
	padding-top: calc(65.85714286% - 5.5rem);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.5);
	background: rgba(47,47,47,.64);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: end;
	align-items: flex-end;
	transition: top .35s .25s, opacity .5s, pointer-events 0s .45s;
	transition: all .35s, pointer-events 0s .35s;
	top: -50%;
	opacity: 0;
	pointer-events: none
}
.MyProduct:hover .MyProduct-overlay {
	top: 0;
	opacity: 1;
	pointer-events: all
}
.MyProduct-overlay .Button, .MyProduct-overlay .Button--outline, .MyProduct-overlay .Button--small {
	display: block;
	width: 100%;
	margin-top: auto
}
.MyProduct-overlay .Button--outline {
	margin-bottom: 0;
	background-color: transparent;
	border-color: currentColor;
	color: #fff
}
.MyProduct-overlay .Button--outline:hover {
	background-color: #000;
	color: #fff
}
}

@media only screen and (max-width:37.4375em) {
.MyProduct {
	display: table;
	width: 100%
}
.MyProduct-content, .MyProduct-img {
	float: left
}
}
.dashboardBlock {
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	margin-left: -1.5rem;
	margin-bottom: 1rem
}

@media only screen and (min-width:37.5em), print {
.dashboardBlock {
	min-height: 80px
}
}
.dashboardBlock a {
	padding: 1rem;
	text-decoration: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}
.dashboardBlock a img {
	max-height: 30px;
	float: left;
	margin-right: 1rem
}
.dashboardBlock a .title {
	font-weight: 700;
	margin: 0
}
.FAQsPage {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 78ch;
	padding-left: 1.5rem;
	padding-right: 1.5rem
}
.GBB-selection .Select {
	display: none;
	position: absolute;
	left: 0;
	bottom: 3.25rem
}
.GBB-selection .Radio-input:checked~.Select {
	display: block
}

@media only screen and (min-width:37.5em), print {
.GBB-selection {
	margin-bottom: 2rem
}
}
.Page--styleguide {
	background-color: #fff
}
.Page--styleguide .fiftyfiftyblock.Grid-cell, .Page--styleguide [data-block-name] {
	position: relative;
	margin-top: 1.5em
}
.Page--styleguide .fiftyfiftyblock.Grid-cell:before, .Page--styleguide [data-block-name]:before {
	display: block;
	font: 14px Monospace, Helvetica, Arial, sans-serif;
	padding: .125em .25rem;
	margin: 1.5rem .5rem 1rem 0;
	text-align: left;
	border-bottom: .125em solid #ccc;
	background: hsla(0,0%,100%,0);
	text-shadow: #fff 0 0 1px, #fff 1px 1px 1px;
	color: #666;
	content: attr(data-block-name);
	position: absolute;
	top: -1.5em;
	left: 0;
	right: 0;
	position: relative;
	top: -1em;
	z-index: 99;
	margin: 0 auto
}
.Page--styleguide .fiftyfiftyblock.Grid-cell:before {
	content: "50/50 Block"
}
.sg-Section {
	padding: 0 1rem;
	padding: .5rem 1rem
}
.sg-Section-title {
	display: none;
	padding-bottom: .2em;
	border-bottom: .125em solid;
	margin: 0 -1rem 1.5rem;
	color: #555
}
.sg-Section-subtitle {
	display: block;
	font: 14px Monospace, Helvetica, Arial, sans-serif;
	padding: .125em .25rem;
	margin: 1.5rem .5rem 1rem 0;
	text-align: left;
	border-bottom: .125em solid #ccc;
	background: hsla(0,0%,100%,0);
	text-shadow: #fff 0 0 1px, #fff 1px 1px 1px;
	color: #666
}
.Grid {
	list-style: none
}
.Input_item {
	padding-top: 1px;
	padding-bottom: 1px
}
.Input_item>.Select, .Input_item>input, .Input_item>label {
	width: 100%
}
.Icon_item .svg {
	margin-bottom: 1rem;
	max-width: 80%;
	height: 60px
}
.Icon_item code {
	display: inline-block;
	font-size: 12px;
	white-space: pre-line;
	white-space: pre-wrap
}
.Icon__name {
	font-weight: 700
}
.Swatch_list {
	padding: 0;
	margin: 0 0 2rem;
	display: table;
	width: 100%;
	table-layout: fixed;
	list-style: none
}
.Swatch_item {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.4;
	margin: 0 1rem 1rem 0
}
.Swatch_item p {
	margin: .4em 0
}

@media (min-width:600px) {
.Swatch_item {
	display: table-cell;
	padding-right: .75rem
}
}
html[lang=de-DE] .Heading--h1, html[lang=de-DE] .Heading--h2, html[lang=de-DE] .Heading--h3, html[lang=de-DE] .Heading--h4, html[lang=de-DE] .Heading--h5, html[lang=de-DE] .Heading--h6, html[lang=de-DE] h1, html[lang=de-DE] h2, html[lang=de-DE] h3, html[lang=de-DE] h4, html[lang=de-DE] h5, html[lang=de-DE] h6 {
	word-wrap: break-word;
	word-break: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

@media only screen and (max-width:37.4375em) {
html[lang=de-DE] .HeroBlock .Hero-content {
	padding-bottom: 0!important
}
html[lang=de-DE] .HeroBlock.HeroBlock--hasButton .Hero-content {
	padding-bottom: 3.5rem!important
}
html[lang=de-DE] .CategoryNodeBanner .CategoryNodeBanner-content {
	padding-bottom: 0!important
}
html[lang=de-DE] .CategoryNodeBanner.CategoryNodeBanner--hasButton .CategoryNodeBanner-content {
	padding-bottom: 3.5rem!important
}
}

@media only screen and (max-width:37.4375em) {
html[lang=ko-KR] .CategoryNodeBanner-headline.Heading--h3, html[lang=ko-KR] .Hero-headline.Heading--h3 {
	font-size: 1.15rem
}
}
.u-alignBaseline {
	vertical-align: baseline!important
}
.u-alignBottom {
	vertical-align: bottom!important
}
.u-alignMiddle {
	vertical-align: middle!important
}
.u-alignTop {
	vertical-align: top!important
}
.u-alignCenter {
	margin-left: auto!important;
	margin-right: auto!important
}
.u-color-white {
	color: #fff
}
.u-color-near_white {
	color: #f7f7f7
}
.u-color-light_grey {
	color: #cacaca
}
.u-color-warm_grey {
	color: #999
}
.u-color-dark_grey {
	color: #444
}
.u-color-near_black {
	color: #222
}
.u-color-black {
	color: #000
}
.u-color-colorText {
	color: #4a4a4a
}
.u-color-colorTextLight {
	color: #fff
}
.u-color-colorValid {
	color: #7ed321
}
.u-color-colorError, .u-colorError, .u-colorRed {
	color: #d0021b
}
.u-color-colorValidAlt {
	color: rgba(126,211,33,.05)
}
.u-color-bg-colorValidAlt {
	background-color: rgba(126,211,33,.05)
}
.u-color-colorErrorAlt {
	color: rgba(208,2,27,.05)
}
.u-color-bg-colorErrorAlt {
	background-color: rgba(208,2,27,.05)
}
.u-color-colorPlaceholder {
	color: #888
}
.u-color-colorFocus {
	color: #000
}
.u-color-colorDisabled {
	color: rgba(51,51,51,.5)
}
.u-color-colorCTA {
	color: #5ce0f2
}
.u-color-flir-blue {
	color: #002f86
}
.u-color-cta-blue {
	color: #5ce0f2
}
.u-color-cool-grey {
	color: #555859
}
.u-color-flir-gold {
	color: #f9a82e
}
.u-color-water-blue {
	color: #18aae2
}
.u-color-bright-orange {
	color: #ff6a00
}
.u-color-apple-green {
	color: #8dc63f
}
.u-color-light-grey {
	color: #d2cfcd
}
.u-color-navy {
	color: #00163d
}
.u-color-bluish {
	color: #2570c8
}
.u-color-gradient-orange {
	color: #f99d1d
}
.u-color-gradient-pink {
	color: #cb3c6d
}
.u-color-gradient-purple {
	color: #782a8f
}
.u-color-gradient-radial {
	color: radial-gradient(circle farthest-corner at 36% 26%, #f99d1d, #cb3c6d 48%, #782a8f)
}
.u-color-bg-white {
	background-color: #fff
}
.u-color-bg-near_white {
	background-color: #f7f7f7
}
.u-color-bg-light_grey {
	background-color: #cacaca
}
.u-color-bg-warm_grey {
	background-color: #999
}
.u-color-bg-dark_grey {
	background-color: #444
}
.u-color-bg-near_black {
	background-color: #222
}
.u-color-bg-black {
	background-color: #000
}
.u-color-bg-colorBackground {
	background-color: #f6f6f6
}
.u-color-bg-colorBackgroundDark {
	background-color: #000
}
.hidden, .u-hidden, .u-lg-block, .u-lg-flex, .u-lg-inline, .u-lg-inlineBlock, .u-lg-tableCell, .u-md-block, .u-md-flex, .u-md-inline, .u-md-inlineBlock, .u-md-tableCell, .u-sm-block, .u-sm-flex, .u-sm-inline, .u-sm-inlineBlock, .u-sm-tableCell, .u-xlg-block, .u-xlg-flex, .u-xlg-inline, .u-xlg-inlineBlock, .u-xlg-tableCell, .u-xsm-block, .u-xsm-flex, .u-xsm-inline, .u-xsm-inlineBlock, .u-xsm-tableCell {
	display: none!important
}
.u-hiddenVisually {
	position: absolute!important;
	overflow: hidden!important;
	width: 0!important;
	height: 0!important;
	padding: 0!important;
	border: 0!important;
	clip: rect(0,0,0,0)!important;
	margin: -1px
}
.u-block {
	display: block!important
}
.u-inline {
	display: inline!important
}
.u-inlineBlock {
	display: inline-block!important;
	max-width: 100%
}
.u-table {
	display: table!important
}
.u-tableRow {
	display: table-row!important
}
.u-tableCell {
	display: table-cell!important
}
.u-flex {
	display: -ms-flexbox!important;
	display: flex!important
}
.is-no-flexbox .u-flex {
	display: inline-block!important
}

@media only screen and (max-width:37.4375em) {
.u-xsm-hidden {
	display: none!important
}
.u-xsm-block {
	display: block!important
}
.u-xsm-inline {
	display: inline!important
}
.u-xsm-inlineBlock {
	display: inline-block!important;
	max-width: 100%
}
.u-xsm-tableCell {
	display: table-cell!important
}
.u-xsm-flex {
	display: -ms-flexbox!important;
	display: flex!important
}
.is-no-flexbox .u-xsm-flex {
	display: inline-block!important
}
}

@media only screen and (min-width:37.5em), print {
.u-sm-hidden {
	display: none!important
}
.u-sm-block {
	display: block!important
}
.u-sm-inline {
	display: inline!important
}
.u-sm-inlineBlock {
	display: inline-block!important;
	max-width: 100%
}
.u-sm-tableCell {
	display: table-cell!important
}
.u-sm-flex {
	display: -ms-flexbox!important;
	display: flex!important
}
.is-no-flexbox .u-sm-flex {
	display: inline-block!important
}
}

@media only screen and (min-width:56.25em), print {
.u-md-hidden {
	display: none!important
}
.u-md-block {
	display: block!important
}
.u-md-inline {
	display: inline!important
}
.u-md-inlineBlock {
	display: inline-block!important;
	max-width: 100%
}
.u-md-tableCell {
	display: table-cell!important
}
.u-md-flex {
	display: -ms-flexbox!important;
	display: flex!important
}
.is-no-flexbox .u-md-flex {
	display: inline-block!important
}
}

@media only screen and (min-width:75em) {
.u-lg-hidden {
	display: none!important
}
.u-lg-block {
	display: block!important
}
.u-lg-inline {
	display: inline!important
}
.u-lg-inlineBlock {
	display: inline-block!important;
	max-width: 100%
}
.u-lg-tableCell {
	display: table-cell!important
}
.u-lg-flex {
	display: -ms-flexbox!important;
	display: flex!important
}
.is-no-flexbox .u-lg-flex {
	display: inline-block!important
}
}

@media only screen and (min-width:112.5em) {
.u-xlg-hidden {
	display: none!important
}
.u-xlg-block {
	display: block!important
}
.u-xlg-inline {
	display: inline!important
}
.u-xlg-inlineBlock {
	display: inline-block!important;
	max-width: 100%
}
.u-xlg-tableCell {
	display: table-cell!important
}
.u-xlg-flex {
	display: -ms-flexbox!important;
	display: flex!important
}
.is-no-flexbox .u-xlg-flex {
	display: inline-block!important
}
}
.u-above-sm-block {
	display: none!important
}

@media only screen and (min-width:37.5em), print {
.u-above-sm-block {
	display: block!important
}
}
.u-above-sm-hidden {
	display: block!important
}

@media only screen and (min-width:37.5em), print {
.u-above-sm-hidden {
	display: none!important
}
}
.u-cf:after, .u-cf:before {
	content: " ";
	display: table
}
.u-cf:after {
	clear: both
}
.u-nbfc {
	overflow: hidden!important
}
.u-pullLeft {
	float: left!important
}
.u-pullRight {
	float: right!important
}
.u-clear {
	clear: both
}
.u-linkClean, .u-linkClean:active, .u-linkClean:focus, .u-linkClean:hover, .u-linkComplex, .u-linkComplex:active, .u-linkComplex:focus, .u-linkComplex:hover {
	text-decoration: none!important
}
.u-linkComplex:active .u-linkComplexTarget, .u-linkComplex:focus .u-linkComplexTarget, .u-linkComplex:hover .u-linkComplexTarget {
	text-decoration: underline!important
}
.u-linkBlock, .u-linkBlock:active, .u-linkBlock:focus, .u-linkBlock:hover {
	display: block!important;
	text-decoration: none!important
}
.u-linkText {
	color: #4a4a4a
}
.u-overflowHidden {
	overflow: hidden!important
}
.u-posAbsolute, .u-posAbsoluteCenter {
	position: absolute!important
}
.u-posAbsoluteCenter {
	top: 0!important;
	bottom: 0!important;
	left: 0!important;
	right: 0!important;
	margin: auto!important
}
.u-absoluteCenter {
	position: absolute!important;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)!important
}
.u-absoluteCover {
	position: absolute!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.u-posFixed {
	position: fixed!important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.u-posRelative {
	position: relative!important
}
.u-posStatic {
	position: static!important
}

@media print {
.u-printHidden {
	display: none!important
}
.u-printSizeFull {
	width: 100%!important;
	display: block!important
}
}
.u-sizeAuto {
	width: auto!important
}
.u-size1of1, .u-sizeFull {
	width: 100%!important
}
.u-sizeFill {
	display: block!important;
	overflow: hidden!important;
	width: auto!important
}
[class*=u-size] {
	-ms-flex-preferred-size: auto!important;
	flex-basis: auto!important
}
.u-size1of12 {
	width: 8.33333333%!important
}
.u-size1of10 {
	width: 10%!important
}
.u-size1of8 {
	width: 12.5%!important
}
.u-size1of6, .u-size2of12 {
	width: 16.66666667%!important
}
.u-size1of5, .u-size2of10 {
	width: 20%!important
}
.u-size1of4, .u-size2of8, .u-size3of12 {
	width: 25%!important
}
.u-size3of10 {
	width: 30%!important
}
.u-size1of3, .u-size2of6, .u-size4of12 {
	width: 33.33333333%!important
}
.u-size3of8 {
	width: 37.5%!important
}
.u-size2of5, .u-size4of10 {
	width: 40%!important
}
.u-size5of12 {
	width: 41.66666667%!important
}
.u-size1of2, .u-size2of4, .u-size3of6, .u-size4of8, .u-size5of10, .u-size6of12 {
	width: 50%!important
}
.u-size7of12 {
	width: 58.33333333%!important
}
.u-size3of5, .u-size6of10 {
	width: 60%!important
}
.u-size5of8 {
	width: 62.5%!important
}
.u-size2of3, .u-size4of6, .u-size8of12 {
	width: 66.66666667%!important
}
.u-size7of10 {
	width: 70%!important
}
.u-size3of4, .u-size6of8, .u-size9of12 {
	width: 75%!important
}
.u-size4of5, .u-size8of10 {
	width: 80%!important
}
.u-size5of6, .u-size10of12 {
	width: 83.33333333%!important
}
.u-size7of8 {
	width: 87.5%!important
}
.u-size6of9 {
	width: 66.66666667%!important
}
.u-size3of9 {
	width: 33.33333333%!important
}
.u-size9of10 {
	width: 90%!important
}
.u-size11of12 {
	width: 91.66666667%!important
}

@media only screen and (max-width:37.4375em) {
.u-xsm-size1of1, .u-xsm-sizeFull {
	width: 100%!important
}
.u-xsm-sizeFill {
	display: block!important;
	overflow: hidden!important;
	width: auto!important
}
[class*=u-xsm-size] {
	-ms-flex-preferred-size: auto!important;
	flex-basis: auto!important
}
.u-xsm-size1of12 {
	width: 8.33333333%!important
}
.u-xsm-size1of10 {
	width: 10%!important
}
.u-xsm-size1of8 {
	width: 12.5%!important
}
.u-xsm-size1of6, .u-xsm-size2of12 {
	width: 16.66666667%!important
}
.u-xsm-size1of5, .u-xsm-size2of10 {
	width: 20%!important
}
.u-xsm-size1of4, .u-xsm-size2of8, .u-xsm-size3of12 {
	width: 25%!important
}
.u-xsm-size3of10 {
	width: 30%!important
}
.u-xsm-size1of3, .u-xsm-size2of6, .u-xsm-size4of12 {
	width: 33.33333333%!important
}
.u-xsm-size3of8 {
	width: 37.5%!important
}
.u-xsm-size2of5, .u-xsm-size4of10 {
	width: 40%!important
}
.u-xsm-size5of12 {
	width: 41.66666667%!important
}
.u-xsm-size1of2, .u-xsm-size2of4, .u-xsm-size3of6, .u-xsm-size4of8, .u-xsm-size5of10, .u-xsm-size6of12 {
	width: 50%!important
}
.u-xsm-size7of12 {
	width: 58.33333333%!important
}
.u-xsm-size3of5, .u-xsm-size6of10 {
	width: 60%!important
}
.u-xsm-size5of8 {
	width: 62.5%!important
}
.u-xsm-size2of3, .u-xsm-size4of6, .u-xsm-size8of12 {
	width: 66.66666667%!important
}
.u-xsm-size7of10 {
	width: 70%!important
}
.u-xsm-size3of4, .u-xsm-size6of8, .u-xsm-size9of12 {
	width: 75%!important
}
.u-xsm-size4of5, .u-xsm-size8of10 {
	width: 80%!important
}
.u-xsm-size5of6, .u-xsm-size10of12 {
	width: 83.33333333%!important
}
.u-xsm-size7of8 {
	width: 87.5%!important
}
.u-xsm-size6of9 {
	width: 66.66666667%!important
}
.u-xsm-size3of9 {
	width: 33.33333333%!important
}
.u-xsm-size9of10 {
	width: 90%!important
}
.u-xsm-size11of12 {
	width: 91.66666667%!important
}
}

@media only screen and (min-width:37.5em), print {
.u-sm-size1of1, .u-sm-sizeFull {
	width: 100%!important
}
.u-sm-sizeFill {
	display: block!important;
	overflow: hidden!important;
	width: auto!important
}
[class*=u-sm-size] {
	-ms-flex-preferred-size: auto!important;
	flex-basis: auto!important
}
.u-sm-size1of12 {
	width: 8.33333333%!important
}
.u-sm-size1of10 {
	width: 10%!important
}
.u-sm-size1of8 {
	width: 12.5%!important
}
.u-sm-size1of6, .u-sm-size2of12 {
	width: 16.66666667%!important
}
.u-sm-size1of5, .u-sm-size2of10 {
	width: 20%!important
}
.u-sm-size1of4, .u-sm-size2of8, .u-sm-size3of12 {
	width: 25%!important
}
.u-sm-size3of10 {
	width: 30%!important
}
.u-sm-size1of3, .u-sm-size2of6, .u-sm-size4of12 {
	width: 33.33333333%!important
}
.u-sm-size3of8 {
	width: 37.5%!important
}
.u-sm-size2of5, .u-sm-size4of10 {
	width: 40%!important
}
.u-sm-size5of12 {
	width: 41.66666667%!important
}
.u-sm-size1of2, .u-sm-size2of4, .u-sm-size3of6, .u-sm-size4of8, .u-sm-size5of10, .u-sm-size6of12 {
	width: 50%!important
}
.u-sm-size7of12 {
	width: 58.33333333%!important
}
.u-sm-size3of5, .u-sm-size6of10 {
	width: 60%!important
}
.u-sm-size5of8 {
	width: 62.5%!important
}
.u-sm-size2of3, .u-sm-size4of6, .u-sm-size8of12 {
	width: 66.66666667%!important
}
.u-sm-size7of10 {
	width: 70%!important
}
.u-sm-size3of4, .u-sm-size6of8, .u-sm-size9of12 {
	width: 75%!important
}
.u-sm-size4of5, .u-sm-size8of10 {
	width: 80%!important
}
.u-sm-size5of6, .u-sm-size10of12 {
	width: 83.33333333%!important
}
.u-sm-size7of8 {
	width: 72.5%!important
}
.u-sm-size6of9 {
	width: 66.66666667%!important
}
.u-sm-size3of9 {
	width: 33.33333333%!important
}
.u-sm-size9of10 {
	width: 90%!important
}
.u-sm-size11of12 {
	width: 91.66666667%!important
}
}

@media only screen and (min-width:56.25em), print {
.u-md-size1of1, .u-md-sizeFull {
	width: 100%!important
}
.u-md-sizeFill {
	display: block!important;
	overflow: hidden!important;
	width: auto!important
}
[class*=u-md-size] {
	-ms-flex-preferred-size: auto!important;
	flex-basis: auto!important
}
.u-md-size1of12 {
	width: 8.33333333%!important
}
.u-md-size1of10 {
	width: 10%!important
}
.u-md-size1of8 {
	width: 12.5%!important
}
.u-md-size1of6, .u-md-size2of12 {
	width: 16.66666667%!important
}
.u-md-size1of5, .u-md-size2of10 {
	width: 20%!important
}
.u-md-size1of4, .u-md-size2of8, .u-md-size3of12 {
	width: 25%!important
}
.u-md-size3of10 {
	width: 30%!important
}
.u-md-size1of3, .u-md-size2of6, .u-md-size4of12 {
	width: 33.33333333%!important
}
.u-md-size3of8 {
	width: 37.5%!important
}
.u-md-size2of5, .u-md-size4of10 {
	width: 40%!important
}
.u-md-size5of12 {
	width: 41.66666667%!important
}
.u-md-size1of2, .u-md-size2of4, .u-md-size3of6, .u-md-size4of8, .u-md-size5of10, .u-md-size6of12 {
	width: 50%!important
}
.u-md-size7of12 {
	width: 58.33333333%!important
}
.u-md-size3of5, .u-md-size6of10 {
	width: 60%!important
}
.u-md-size5of8 {
	width: 62.5%!important
}
.u-md-size2of3, .u-md-size4of6, .u-md-size8of12 {
	width: 66.66666667%!important
}
.u-md-size7of10 {
	width: 70%!important
}
.u-md-size3of4, .u-md-size6of8, .u-md-size9of12 {
	width: 75%!important
}
.u-md-size4of5, .u-md-size8of10 {
	width: 80%!important
}
.u-md-size5of6, .u-md-size10of12 {
	width: 83.33333333%!important
}
.u-md-size7of8 {
	width: 87.5%!important
}
.u-md-size6of9 {
	width: 66.66666667%!important
}
.u-md-size3of9 {
	width: 33.33333333%!important
}
.u-md-size9of10 {
	width: 90%!important
}
.u-md-size11of12 {
	width: 91.66666667%!important
}
}

@media only screen and (min-width:75em) {
.u-lg-size1of1, .u-lg-sizeFull {
	width: 100%!important
}
.u-lg-sizeFill {
	display: block!important;
	overflow: hidden!important;
	width: auto!important
}
[class*=u-lg-size] {
	-ms-flex-preferred-size: auto!important;
	flex-basis: auto!important
}
.u-lg-size1of12 {
	width: 8.33333333%!important
}
.u-lg-size1of10 {
	width: 10%!important
}
.u-lg-size1of8 {
	width: 12.5%!important
}
.u-lg-size1of6, .u-lg-size2of12 {
	width: 16.66666667%!important
}
.u-lg-size1of5, .u-lg-size2of10 {
	width: 20%!important
}
.u-lg-size1of4, .u-lg-size2of8, .u-lg-size3of12 {
	width: 25%!important
}
.u-lg-size3of10 {
	width: 30%!important
}
.u-lg-size1of3, .u-lg-size2of6, .u-lg-size4of12 {
	width: 33.33333333%!important
}
.u-lg-size3of8 {
	width: 37.5%!important
}
.u-lg-size2of5, .u-lg-size4of10 {
	width: 40%!important
}
.u-lg-size5of12 {
	width: 41.66666667%!important
}
.u-lg-size1of2, .u-lg-size2of4, .u-lg-size3of6, .u-lg-size4of8, .u-lg-size5of10, .u-lg-size6of12 {
	width: 50%!important
}
.u-lg-size7of12 {
	width: 58.33333333%!important
}
.u-lg-size3of5, .u-lg-size6of10 {
	width: 60%!important
}
.u-lg-size5of8 {
	width: 62.5%!important
}
.u-lg-size2of3, .u-lg-size4of6, .u-lg-size8of12 {
	width: 66.66666667%!important
}
.u-lg-size7of10 {
	width: 70%!important
}
.u-lg-size3of4, .u-lg-size6of8, .u-lg-size9of12 {
	width: 75%!important
}
.u-lg-size4of5, .u-lg-size8of10 {
	width: 80%!important
}
.u-lg-size5of6, .u-lg-size10of12 {
	width: 83.33333333%!important
}
.u-lg-size7of8 {
	width: 87.5%!important
}
.u-lg-size6of9 {
	width: 66.66666667%!important
}
.u-lg-size3of9 {
	width: 33.33333333%!important
}
.u-lg-size9of10 {
	width: 90%!important
}
.u-lg-size11of12 {
	width: 91.66666667%!important
}
}
.u-marginAz {
	margin: 0!important
}
.u-marginTz {
	margin-top: 0!important
}
.u-marginBz {
	margin-bottom: 0!important
}
.u-marginRz {
	margin-right: 0!important
}
.u-marginHz, .u-marginLz {
	margin-left: 0!important
}
.u-marginHz {
	margin-right: 0!important
}
.u-marginVz {
	margin-top: 0!important;
	margin-bottom: 0!important
}
.u-marginAxsm {
	margin: .5em!important
}
.u-marginAsm {
	margin: .66666667em!important
}
.u-marginA, .u-marginAmd {
	margin: 1em!important
}
.u-marginAlg {
	margin: 1.5em!important
}
.u-marginAxlg {
	margin: 2em!important
}
.u-marginHxsm {
	margin-left: .5em!important;
	margin-right: .5em!important
}
.u-marginHsm {
	margin-left: .66666667em!important;
	margin-right: .66666667em!important
}
.u-marginH, .u-marginHmd {
	margin-left: 1em!important;
	margin-right: 1em!important
}
.u-marginHlg {
	margin-left: 1.5em!important;
	margin-right: 1.5em!important
}
.u-marginHxlg {
	margin-left: 2em!important;
	margin-right: 2em!important
}
.u-marginVxsm {
	margin-top: .5em!important;
	margin-bottom: .5em!important
}
.u-marginVsm {
	margin-top: .66666667em!important;
	margin-bottom: .66666667em!important
}
.u-marginV, .u-marginVmd {
	margin-top: 1em!important;
	margin-bottom: 1em!important
}
.u-marginVlg {
	margin-top: 1.5em!important;
	margin-bottom: 1.5em!important
}
.u-marginVxlg {
	margin-top: 2em!important;
	margin-bottom: 2em!important
}
.u-marginTxsm {
	margin-top: .5em!important
}
.u-marginTsm {
	margin-top: .66666667em!important
}
.u-marginT, .u-marginTmd {
	margin-top: 1em!important
}
.u-marginTlg {
	margin-top: 1.5em!important
}
.u-marginTxlg {
	margin-top: 2em!important
}
.u-marginBxsm {
	margin-bottom: .5em!important
}
.u-marginBsm {
	margin-bottom: .66666667em!important
}
.u-marginB, .u-marginBmd {
	margin-bottom: 1em!important
}
.u-marginBlg {
	margin-bottom: 1.5em!important
}
.u-marginBxlg {
	margin-bottom: 2em!important
}
.u-marginRxsm {
	margin-right: .5em!important
}
.u-marginRsm {
	margin-right: .66666667em!important
}
.u-marginR, .u-marginRmd {
	margin-right: 1em!important
}
.u-marginRlg {
	margin-right: 1.5em!important
}
.u-marginRxlg {
	margin-right: 2em!important
}
.u-marginLxsm {
	margin-left: .5em!important
}
.u-marginLsm {
	margin-left: .66666667em!important
}
.u-marginL, .u-marginLmd {
	margin-left: 1em!important
}
.u-marginLlg {
	margin-left: 1.5em!important
}
.u-marginLxlg {
	margin-left: 2em!important
}
.u-paddingAz {
	padding: 0!important
}
.u-paddingTz {
	padding-top: 0!important
}
.u-paddingBz {
	padding-bottom: 0!important
}
.u-paddingRz {
	padding-right: 0!important
}
.u-paddingHz, .u-paddingLz {
	padding-left: 0!important
}
.u-paddingHz {
	padding-right: 0!important
}
.u-paddingVz {
	padding-top: 0!important;
	padding-bottom: 0!important
}
.u-paddingAxsm {
	padding: .5em!important
}
.u-paddingAsm {
	padding: .66666667em!important
}
.u-paddingA, .u-paddingAmd {
	padding: 1em!important
}
.u-paddingAlg {
	padding: 1.5em!important
}
.u-paddingAxlg {
	padding: 2em!important
}
.u-paddingHxsm {
	padding-left: .5em!important;
	padding-right: .5em!important
}
.u-paddingHsm {
	padding-left: .66666667em!important;
	padding-right: .66666667em!important
}
.u-paddingH, .u-paddingHmd {
	padding-left: 1em!important;
	padding-right: 1em!important
}
.u-paddingHlg {
	padding-left: 1.5em!important;
	padding-right: 1.5em!important
}
.u-paddingHxlg {
	padding-left: 2em!important;
	padding-right: 2em!important
}
.u-paddingVxsm {
	padding-top: .5em!important;
	padding-bottom: .5em!important
}
.u-paddingVsm {
	padding-top: .66666667em!important;
	padding-bottom: .66666667em!important
}
.u-paddingV, .u-paddingVmd {
	padding-top: 1em!important;
	padding-bottom: 1em!important
}
.u-paddingVlg {
	padding-top: 1.5em!important;
	padding-bottom: 1.5em!important;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.u-paddingVxlg {
	padding-top: 2em!important;
	padding-bottom: 2em!important
}
.u-paddingTxsm {
	padding-top: .5em!important
}
.u-paddingTsm {
	padding-top: .66666667em!important
}
.u-paddingT, .u-paddingTmd {
	padding-top: 1em!important
}
.u-paddingTlg {
	padding-top: 1.5em!important
}
.u-paddingTxlg {
	padding-top: 2em!important
}
.u-paddingBxsm {
	padding-bottom: .5em!important
}
.u-paddingBsm {
	padding-bottom: .66666667em!important
}
.u-paddingB, .u-paddingBmd {
	padding-bottom: 1em!important
}
.u-paddingBlg {
	padding-bottom: 1.5em!important
}
.u-paddingBxlg {
	padding-bottom: 2em!important
}
.u-paddingRxsm {
	padding-right: .5em!important
}
.u-paddingRsm {
	padding-right: .66666667em!important
}
.u-paddingR, .u-paddingRmd {
	padding-right: 1em!important
}
.u-paddingRlg {
	padding-right: 1.5em!important
}
.u-paddingRxlg {
	padding-right: 2em!important
}
.u-paddingLxsm {
	padding-left: .5em!important
}
.u-paddingLsm {
	padding-left: .66666667em!important
}
.u-paddingL, .u-paddingLmd {
	padding-left: 1em!important
}
.u-paddingLlg {
	padding-left: 1.5em!important
}
.u-paddingLxlg {
	padding-left: 2em!important
}
.u-pullHxsm {
	margin-left: -.5em!important;
	margin-right: -.5em!important
}
.u-pullHsm {
	margin-left: -.66666667em!important;
	margin-right: -.66666667em!important
}
.u-pullH, .u-pullHmd {
	margin-left: -1em!important;
	margin-right: -1em!important
}
.u-pullHlg {
	margin-left: -1.5em!important;
	margin-right: -1.5em!important
}
.u-pullHxlg {
	margin-left: -2em!important;
	margin-right: -2em!important
}
.u-pullVxsm {
	margin-top: -.5em!important;
	margin-bottom: -.5em!important
}
.u-pullVsm {
	margin-top: -.66666667em!important;
	margin-bottom: -.66666667em!important
}
.u-pullV, .u-pullVmd {
	margin-top: -1em!important;
	margin-bottom: -1em!important
}
.u-pullVlg {
	margin-top: -1.5em!important;
	margin-bottom: -1.5em!important
}
.u-pullVxlg {
	margin-top: -2em!important;
	margin-bottom: -2em!important
}
.u-pullTxsm {
	margin-top: -.5em
}
.u-pullTsm {
	margin-top: -.66666667em
}
.u-pullT, .u-pullTmd {
	margin-top: -1em
}
.u-pullTlg {
	margin-top: -1.5em
}
.u-pullTxlg {
	margin-top: -2em
}
.u-allcaps {
	text-transform: uppercase
}
.u-textXSmall {
	font-size: .75rem!important
}
.u-textSmall {
	font-size: .875rem!important
}
.u-textMedium, .u-textNormal {
	font-size: 1rem!important
}
.u-textLarge {
	font-size: 1.125rem!important
}
.u-textXLarge {
	font-size: 1.25rem!important
}
.u-textWeightThin {
	font-weight: 100!important
}
.u-textWeightLight {
	font-weight: 200!important
}
.u-textWeightNormal {
	font-weight: 400!important
}
.u-textWeightMedium {
	font-weight: 500!important
}
.u-textWeightBold {
	font-weight: 700!important
}
.u-textBreak {
	word-wrap: break-word!important
}
.u-textCenter {
	text-align: center!important
}
.u-textLeft {
	text-align: left!important
}
.u-textRight {
	text-align: right!important
}
.u-textNoWrap {
	white-space: nowrap!important
}
.u-textStrike {
	text-decoration: line-through
}
.u-textTruncate {
	max-width: 100%;
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	white-space: nowrap!important;
	word-wrap: normal!important
}
.u-textInheritColor {
	color: inherit!important
}
.u-cursorAuto {
	cursor: auto
}
.u-pipeBefore {
	padding-left: 10px;
	position: relative
}
.u-pipeBefore:before {
	content: " | ";
	position: absolute;
	left: 0
}
.u-pipeBefore:first-child {
	padding-left: 0
}
.u-pipeBefore:first-child:before {
	content: none
}

@media only screen and (max-width:37.5em), print {
.u-sm-dark {
	text-shadow: none;
	color: #4a4a4a
}
}

@media only screen and (min-width:37.5em), print {
.u-md-dark {
	text-shadow: none;
	color: #4a4a4a
}
}
/*# sourceMappingURL=app.css.map */
@media handheld, only screen and (max-width: 640px){
	.Heading--h1, h1{font-size: 1.5rem;}
	.Product-list .Product-img{margin-left:0;}
.u-size5of6, .u-size10of12 { width: 69%!important;}
	.Listing-nav .subNav-list{max-height:inherit;}
	.PageNav{display:none;}
	.Product-name{font-size: 1.2rem;}
	.erweima{margin:0 auto;}
	.CaptionBlock { max-width: 98%;}
}