/* @import url(/includes/css/grid-flex.css); */
@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}
body {margin:0;padding:0;-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

img{border: 0}
ul{padding-left: 0}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body {background: #454545;}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
iframe[src="/management/login/persistSession.aspx"] {display: none}
/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp{width:100%;float:left;clear:left;display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*,.home .wrap, .wrap {width:100%;max-width:78rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto}
body>*>.wrap.wide-wrap, .home .wrap.wide-wrap, .wrap.wide-wrap {max-width: 84.25rem;}
body>*>.wrap.interior-wrap, .home .wrap.interior-wrap, .wrap.interior-wrap, body>footer>.fatFooter, body>footer>.wrap, body.home>footer>.wrap {max-width: 72.8125rem;}
/* body.interior .wrap {max-width: 72.8125rem;} */
.blue-paper.short .wrap.thin-wrap, .content > .wrap.thin-wrap {max-width: 64.75rem;}
/* text */
body, .text, input, button, select, textarea {font-family:Roboto, sans-serif;line-height:1.5;color:#666;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.text{font-size: 1rem}
a, a *{color: #2D4E96;text-decoration:none}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:2em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
em, i, q, cite, .italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid rgba(0,0,0,.15);margin:2em 0;padding-top:1px}
hr.separator-lines {border-top: 0; position: relative; margin: 2em 0; height: 9px; background: url(/images/separator-lines-horizontal.svg) repeat; background-size: contain;}
p {font-size:1em}
p.intro {font-size: 1.125rem; font-weight: 500; color: #000;}
h1 {color: #000; font-size: 2rem; font-weight: 900;}
h2, h3 { font-weight: 900; color: #000;}
h2 {font-size: 1.25rem;}
h3 {font-size: 1.1875rem;}
h4, th{font-size: 1.125rem; font-weight: 900; color:#A6192E;}
h5 {font-size: 1.0625rem; font-weight: 700; color:#000;}
h6 {font-size: 1rem; font-weight:700; color:#A6192E;}
.intro {}
sup, sub {font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

header .search button {background: none; position: relative; border: 0;}
header .search button:before {content: ""; position: absolute; background: url(/images/icons/misc/search.svg) no-repeat center; background-size: contain; width: 1rem; height: 1rem; top: 50%; right: 50%; transform: translate(50%, -50%);}
header form.search input[type="text"] {vertical-align: top; display: inline-block;}
header form.search button {vertical-align: top; display: inline-block; margin-left: -0.25rem;}

/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff}
.contentEditor{background:#fff;min-width:100%;}

/* sidenav */
#sidenav{width:100%;overflow:hidden;margin:0 0 3rem}
#sidenav ul{padding: 0}
#sidenav li{height:1%;overflow:hidden; position: relative;}
#sidenav li a{padding:.5em .25rem;line-height:1.1em;display:block}
#sidenav > ul > li.on > a{color:#FFF; background:#BABABA; text-transform: uppercase; padding: .5rem .5rem;}
	/* t2 */
	#sidenav li.on ul{border-top:1px solid rgba(0,0,0,.15)}
	#sidenav li.on ul li{border-bottom:1px solid rgba(0,0,0,.15)}
	#sidenav > ul > li.on > ul > li > a{padding:.45em 1rem;color:#2D4E96;}
	#sidenav > ul > li.on > ul > li.on > a{color:#666; background:rgba(0,0,0,.08);}
		/* t3 */
		#sidenav li ul li.on ul{border:0; background:rgba(0,0,0,.08);}
		#sidenav li ul li.on ul li{border:0}
		#sidenav li ul li.on ul li a{padding:.4em .5rem .4em 2rem; color: #2D4E96; font-size:0.875em;color:#666; position: relative; color: #2D4E96;}
		#sidenav li ul li.on ul li a:before{content: ""; background: url(/images/icons/misc/chevron-right.svg) no-repeat center; background-size: contain; width: 0.357em; height: 0.57em; position: absolute; left: 22px; top: 8px; opacity: .5; }
		#sidenav li ul li ul li.on>a{background:rgba(0,0,0,.1);}
			/* t4 */
			#sidenav li ul li ul li.on ul {background: rgba(0,0,0,.1);}
			#sidenav li ul li ul li.on ul li a{padding-left:3rem;font-size:0.75rem;color:#666}
			#sidenav li ul li ul li.on ul li a:before {content: none;}
			#sidenav li ul li ul li ul li.on>a{color:#000; background: none;}

#sidenav > ul > li.on > ul:before, #sidenav > ul > li.on > ul > li.on > ul:before {content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; width: 1rem; height: 0.6875rem;}
#sidenav > ul > li.on > ul:before {background-image: url(/images/icons/misc/chevron-down-white.svg);  top: 0.6875rem; right: 0.5rem;}
#sidenav > ul > li.on > ul > li.on > ul:before {background-image: url(/images/icons/misc/chevron-down.svg); opacity: .33;  top: 0.5625rem; right: 1rem;}

/*section callouts*/
main>div>aside section{margin:0 0 20px;padding:10px}
main>div>aside section h1{margin:0;font-size:1.2em}
main>div>aside section p{margin:0}

/* breadcrumb */
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

/* content */
.content{word-wrap:break-word}
.content .photoright, .content .photoleft{max-width:50%;height:auto}
.content .photoright img,.content .photoleft img {max-width:100%;height:auto;margin: 0;float: none}
.content img.phototreatment{max-width:50%;height:auto}
.content figure.phototreatment{width: 100%;text-align: center}
.content figure.phototreatment img{max-width: 100%;width: auto;height: auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {max-width: 100%;height: auto}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
small, .textSm{font-size:.8em}
.content table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
	.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
	.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
	.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
	.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

hr.separator-lines + p > img {max-width: 100%; height: auto;}

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li{padding-left:1.5em; position: relative;}
.content ul li:before{content: ""; position: absolute; left: 0.75rem; width: 0.5rem; height: 0.5rem; background: url(/images/icons/misc/chevron-right.svg) no-repeat center; background-size: contain; top: 0.4375rem;}
.content ul li ul li:before{opacity: .5}
/* list resets */
.blue-paper .breadcrumb ul li:before, .content .featured-products-list li:before {content: none;}
.blue-paper .breadcrumb ul li:first-of-type, .content .featured-products-list li {padding-left: 0;}

#popover {font-size: 1rem; display: -webkit-box;display: -ms-flexbox;display: flex; position: fixed; z-index: 10; top: 0; left:0; width:100%; height: 100%; padding: 1em; background:rgba(0,0,0,0.9); -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center;}
#popover .container {max-width: 40em; position: relative}
#popover .container .close {position: absolute; cursor: pointer; -webkit-transition: ease all 200ms; transition: ease all 200ms; right: 0; top: -1.5em; width: 1.5em; height: 1.5em; font-size: 2.25em; line-height: 1.5em; text-align: right; color: #fff;}
#popover .container .close:hover {opacity: 0.5}
#popover .container .popover-wrap {padding: 2em; text-align: left; background:#fff; border-radius: 4px; max-width: 40em}
#popover p {font-size: 1.25em; margin-bottom: 1.5em;}
#popover table {width: 100%;}
#popover td {display: block;}
	#popover .technical-resources-form td {display: table-cell;}
#popover td + td {padding-bottom: .5em;}
	#popover .technical-resources-form td + td {padding-bottom: .5em;}
#popover td input {width: 100%;}
	#popover .technical-resources-form td input[type="submit"] {width: auto;}
#popover tr:last-child td {padding: 1em 0 0;}
	#popover .technical-resources-form tr:last-child td {padding: 0 .5em .5em 0;}
	#popover .technical-resources-form tr:last-child td:first-child {padding-left:0}
	#popover .technical-resources-form tr:last-child td:last-child {padding-right:0}
#popover td input[type="submit"] {margin: 0;}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-moz-column-gap:2em;
     column-gap:2em;
}
.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}
.clearfix:after{content: "";display: table;clear: both;}

.videoContainer {width: 100%;height:0;line-height:0;position: relative; margin-bottom: 2rem;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}

figcaption {font-size: 0.875rem; font-weight: 300; font-style: italic; color: #333;}

/* forms */
input, button, select, textarea {font-size:1rem;line-height: 1.2em}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], input[type="reset"]{border-radius:0; outline: none; -webkit-appearance:none;font-size: 1rem}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid rgba(0, 0, 0, 0.4);background-color:rgba(0, 0, 0, 0.025);padding:3px 5px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{border-color: rgba(45, 78, 150, 0.75); background-color: #FFF;}
textarea{display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;padding-right: 18px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"]{background:#FFF;display: inline-block; color:#A6192E; font-weight: 300;border:1px solid #A6192E;    padding: .44em 1.135em;line-height:1em;cursor:pointer; position: relative;}
input::-moz-focus-inner {border:0;padding:0;}
.welcome-message .button, .button.white {border-color: #FFF; color: #FFF; background: none;}
.button.red {background: #A6192E; color: #FFF;}
.button{display: inline-block}
button img{height:1em;width:auto;vertical-align:top}
.button.no-style, button.no-style {border: 0; background: none;}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea{width:100%}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.formEdit select, .formBuilder select { width:40%; }

.highlight.find-a-representative h2 {margin-bottom: 0;}
.find-a-representative > div {padding-top: 1rem;}
.find-a-representative > div > h3 {margin-bottom: .5rem;}

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* page header */
.pageHeader{width:100%;height:auto;margin-bottom:2em}

/* alert */
#alertApp {background: #990000;cursor: pointer;position: relative;width: 100%;padding: .5rem 2.5rem;z-index: 1;}
#alertApp:hover { background:#660000;}
#alertApp.alertStatic { cursor: default;}
#alertApp h1 {color: #FFF;font-size: .9375rem;line-height: 1.25rem;margin: 0 auto;padding: .1875rem .3125rem;text-align: center;}
#alertApp:hover h1,#alertApp.expand h1 {color: #FFF;}
#alertApp #alertDesc {height: 0;overflow: hidden;}
#alertApp p {color: #FFF;font-size: .9375rem;line-height: 1.5;margin: 0;padding: .5rem 0 .75rem;position: relative;text-align: center; z-index: 1;}

/* management overrides */
#wysiwygBody{background:#fff}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td:nth-child(2) {overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-2.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}

.highlight {padding:1.6875rem 1rem;margin:1.875rem 0; color: #FFF; background-color: #2D4E96; background-image: url(/images/paper-transparent.png); background-size: cover; background-blend-mode: overlay; position: relative; overflow: hidden;}
.highlight h2 { border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: .25rem;}
.highlight ul li:before {content: ""; position: absolute; left: .25em; width: 0.9375rem; height: 0.9375rem; background: url(/images/icons/misc/arrow-right-white.svg) no-repeat center; background-size: contain; top: 4px;}
.highlight * {color: #FFF;}
.highlight select, .highlight input {background-color:#FFF; color: #666; border: 1px solid #FFF;}
.highlight select:focus, .highlight input:focus {background-color: #FFF; border: 1px solid #000}
.highlight * option {color: #666;}
.highlight a {text-decoration: underline;}
.highlight a:hover {text-decoration: none; color: #FFF;}
.highlight ul li + li {margin-top: .5rem;}

#ContactForm tr + .checkboxes td {padding-top: 1rem;}

.button-list, .content .button-list {display: flex; flex-wrap: wrap; margin: 2rem 0;}
.button-list li, .content .button-list li {padding-left: 0;}
.button-list li:before, .content .button-list li:before {content: none;}
.button-list li .button {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.0625rem; padding: .75em 1.125em; font-weight: 400;}

/* page header */
.pageHeader{width:100%;height:auto;margin-bottom:3em; background-image: url(/images/pageheader.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding-bottom: 4.5625rem; position: relative;}

/* HOME -------------------------------- */
.home .rotator {
	height: 25.5625rem;
	background-image: url(/images/rotator-1.webp);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.home .rotator .hero-rotator {z-index: 0;}
.home .rotator .hero-rotator .slide {padding-bottom: 25.5625rem;}
.home .rotator:before, .pageHeader:before, .application-hero-container:before, .sticky-cta:before, .image-collage:before {
	content: "";
	background-image: url(/images/grid.svg);
	background-size: 50px 50px;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.home .hero-content {position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); z-index: 2; width: 90%;}
.border-lines:before, .border-lines:after, .blue-paper:before, .application-hero:before, .welcome-message h2:after, .fatFooter:after, .pageHeader:after, .quote-cta:before, .highlight:before {
	content: "";
	background-image: url(/images/lines.svg);
	background-size: 25px 6px;
	position: absolute;
	left: 0;
	right: 0;
	height: 6px;
	opacity: .5;
	z-index: 1;
}
.border-lines:before, .blue-paper:before, .application-hero:before, .pageHeader:after, .quote-cta:before, .highlight:before {top: 0;}
.border-lines:after, .fatFooter:after {bottom: 0; transform: scaleY(-1);}
.welcome-message h2:after {bottom: 0;}

.home h1 {font-weight: 900; max-width: 55rem; margin: 0 auto;}
.home .rotator h1 {margin-bottom: .75rem;}
.home .rotator h1, .home .rotator ul {z-index: 1; position: relative; color: #FFF; text-align: center;}
.home .rotator ul {display: flex; align-items: center; justify-content: center; font-size: 1.125rem; font-weight: 500;}
.home .rotator ul li + li {position: relative; padding-left: 7px; margin-left: 7px;}
.home .rotator ul li + li:before {content: "|"; position: absolute; left: -3px; opacity: .5;}

.home .rotator + .wrap {overflow: visible; padding-bottom: 1.5625rem; z-index: 2;}

.products-rotator.slick-slider {display: flex; align-items: center; justify-content: center;}
.home .products-rotator.slick-slider {margin-top: -4.8125rem;}
.products-rotator .slick-slide {margin: 0 .5rem;}
.products-rotator .slick-list {padding: 16px 7px 0;}
.products-rotator .product {background: #FFF; padding: 1rem; position: relative;}
.products-rotator .product:before, .products-rotator .product:after, .top-lines:before, .top-lines:after, .welcome-message .welcome-message-img:before, .welcome-message .welcome-message-img:after {
	content: "";
	height: 16px;
	width: 16px;
	background: none;
	position: absolute;
	top: -15px;
	opacity: .5;
	border-bottom: 1px solid #FFF;
}
.products-rotator .product:before, .top-lines:before {left: -15px; border-right: 1px solid #FFF;}
.products-rotator .product:after, .top-lines:after,  .welcome-message .welcome-message-img:before, .welcome-message .welcome-message-img:after {right: -15px; border-left: 1px solid #FFF;}
.welcome-message .welcome-message-img:after {border-bottom: 0; border-top: 1px solid #FFF; top: auto; bottom: -15px;}
.products-rotator .product-img {height: 9.375rem; width: 100%; position: relative; padding: 1rem 0;}
.products-rotator .product img {max-width: 100%; width:auto; max-height: 75%; height:auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);}
.products-rotator .product span {display: block; text-align: center; font-weight: 500; color: #2D4E96;}
.products-rotator button {position: relative; padding: 1rem; background: none;}
.products-rotator button.slick-prev {margin-right: 0.9375rem;}
.products-rotator button.slick-next {margin-left: 0.9375rem;}
.products-rotator button:before {
	content: "";
	height: 2rem;
	width: 2rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	opacity: .2;
}
.products-rotator button.slick-prev:before {background-image: url(/images/icons/misc/arrow-left.svg);}
.products-rotator button.slick-next:before {background-image: url(/images/icons/misc/arrow-right.svg);}

.blue-paper {position: relative; background: #2D4E96; overflow: hidden;}
.blue-paper .wrap {z-index: 2; padding-top: 3.3125rem; padding-bottom: 3.3125rem;}
.blue-paper:after {
	content: "";
	background-image: url(/images/paper.webp);
	background-color: #2D4E96;
	background-blend-mode: overlay;
	opacity: .2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.blue-paper > .blueprints:before, .blue-paper > .blueprints:after, .highlight:after {
	content: "";
	width: 20.75rem;
	height: 36rem;
	background-image: url(/images/blueprint-1.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	transform: rotate(15deg);
	z-index: 2;
	transition: all 1s ease;
	opacity: .5;
	pointer-events: none;
}
.blue-paper > .blueprints:before {left: -15rem; transform: rotate(25deg);}
.blue-paper > .blueprints.animated:before { left: -6.25rem; 	transform: rotate(15deg);}
.blue-paper > .blueprints:after {right: -15rem; transform: rotate(25deg);}
.blue-paper > .blueprints.animated:after {bottom: 2.5rem; right: 1.5625rem;}
.highlight:after {top: -2.5625rem; right: -0.125rem; opacity: .25;}
.blue-paper.heading > .blueprints:before {top: -2.8125rem;}
.blue-paper.heading > .blueprints:after {content: none;}

.blue-paper.short > .wrap, .application-hero .wrap {padding-bottom: 0;}
.blue-paper.short > .wrap > h1:last-child {margin-bottom: 3.3125rem;}
.blue-paper.short > .grey-bg > .wrap, .blue-paper.short > .white-bg > .wrap, .application-hero > .white-bg > .wrap {padding-top: 0;}
.blue-paper.short > .grey-bg, .blue-paper.short > .white-bg, .application-hero > .white-bg {position: relative;}
.blue-paper.short > .grey-bg:before, :is(.blue-paper.short, .application-hero) > .white-bg:before  {
	content: "";
	top: 2.3125rem;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	position: absolute;
}
.blue-paper.short > .grey-bg:before {background: #e5e5e5;}
.blue-paper.short > .white-bg:before, .application-hero > .white-bg:before {background: #FFF;}

.application-hero {
	background: #000;
	position: relative;
	overflow: hidden;
}
.application-hero .wrap {
	z-index: 2;
}
.application-hero-container .wrap {
	padding-top: 6.5625rem;
	padding-bottom: 5.8125rem;
	max-width: 62.75rem;
}
.application-hero-container {
	background-size: cover;
	background-position: bottom;
	position: relative;
	margin-bottom: -2.3125rem;
}
.application-hero-container img {
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	bottom: 0;
	max-width: 69.0625rem;
	opacity: .45;
}


.featured-products h1, .blue-paper h1, .featured-products h2, .blue-paper h2 {color: #FFF; text-align: center; margin-bottom: 1.875rem; font-size: 2rem; position: relative;}
.featured-products .highlight h2 {font-size: 1.1875rem; text-align: left; color: #FFF;}
.featured-products .text-boxes h2 {color: #000; text-align: left;}
ul.featured-products-list, ul.subcategory-products-list {display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; margin: 0; padding: 1rem;}
ul.subcategory-products-list.flex-start {justify-content: flex-start;}
ul.featured-products-list li, ul.subcategory-products-list li {position: relative;}
ul.featured-products-list li a, ul.subcategory-products-list li {background: #FFF; display: block; position: relative;}
ul.featured-products-list li a {padding: 0.5rem 0.5rem 0.75rem; height: 100%;}
ul.featured-products-list li .product-img, ul.subcategory-products-list .product-img {width: 100%; height: 14.6875rem; position: relative; background: #FFF;}
ul.featured-products-list li .product-img img, ul.subcategory-products-list .product-img img {max-width: 95%; max-height: 95%; position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); object-fit: contain;}
ul.featured-products-list li span, ul.subcategory-products-list li span {display: block; font-weight: 500; color: #000; text-align: center; margin-top: 0.75rem;}
ul.featured-products-list li span * {color: #000;}
ul.subapplication-products-list {justify-content: flex-start;}
ul.featured-products-list.category-product-list {justify-content: flex-start;}
ul.featured-products-list.category-product-list li .product-img {height: 10rem;}

ul.subcategory-products-list {overflow: hidden;}
ul.subcategory-products-list li p {text-align:center;}
ul.subcategory-products-list li .button {display: block; text-align:center;}
ul.subcategory-products-list li .button + .button {margin-top: 1rem;}
ul.subcategory-products-list li span {font-size: 1.125rem; font-weight: 900; min-height: 5.0625rem;}

ul.applications-landing-list {
	padding-bottom: 5rem;
}
ul.applications-landing-list li {
	border: 1px solid rgba(0,0,0,.3);
}
ul.applications-landing-list li .application-image {
	padding-bottom: 78%;
	background-size: cover;
	background-position: center;
	background-color: #000;
}
ul.applications-landing-list li span {
	margin-bottom: 0.75rem;
	min-height: auto;
}
ul.applications-landing-list li p {
	padding: 0 1rem;
	margin-bottom: 1.5rem;
}
ul.applications-landing-list li .button {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.applications-landing .highlight h2 {
	text-align: left;
	font-size: 1.1875rem;
}
.applications-landing .interior-wrap > .text-boxes:first-child {
	margin-top: 6rem;
}
.applications-landing .text-boxes {
	margin-top: 2.5rem;
	clear: both;
}
.applications-landing .text-boxes p {
	font-size: 1.25rem;
	color: #707070;
}
.applications-landing .text-boxes p :is(strong, b) {
	color: #000;
}

.image-collage {
	width: 100%;
	display: flex;
	position: relative;
	z-index: 1;
}
.image-collage img {
	width: 33.3%;
	height: 20vw;
	max-height: 28.125rem;
	object-fit: cover;
}

.video-gallery {
	position: relative;
	background: #FFF;
	z-index: 1;
}
.video-gallery .wrap {
	padding-top: 2.3125rem;
	padding-bottom: 3.3125rem;
}
.video-gallery h2 {
	font-size: 1.875rem;
	font-weight: 700;
	text-align: center;
}
.video-gallery ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 2.625rem;
}
.content .video-gallery ul li {
	padding-left: 0;
}
.video-gallery .video-thumbnail {
	padding-bottom: 56%;
	position: relative;
	background-size: cover;
	background-position: center;
	cursor: pointer;
}
.video-gallery .video-thumbnail:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 4.375rem;
	height: 3.8125rem;
	background: url(/images/icons/misc/play.svg) no-repeat center / contain;
	filter: drop-shadow(0 3px 25px rgba(0,0,0,.5));
}
.video-gallery ul li p {
	color: #707070;
	line-height: 1.3125;
	margin-top: 1rem;
}
.video-gallery ul li:before {
	content: none;
}

.applications-landing .quote-cta .button.white {
	background: #FFF;
	color: #000;
	font-weight: 700;
}
.applications-landing .quote-cta .button.white:is(:hover, :focus) {
	background: none;
	color: #FFF;
	border-color: #FFF;
}

.sticky-cta {
	width: 100%;
	padding: .5rem 1rem;
	background: #666;
	position: sticky;
	bottom: 0;
	z-index: 2;
}
.sticky-cta .button {
	display: table;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: 700;
	border: 1px solid #FFF;
	position: relative;
	z-index: 1;
	padding: .575em 1.5em;
}
.sticky-cta .button:after {
	content: "";
	background: url(/images/icons/misc/arrow-right-white.svg) no-repeat center / contain;
	width: 0.9375rem;
	height: 0.9375rem;
	display: inline-block;
	margin-left: 0.5625rem;
}
.category-description {position: relative;}

#product-list:focus {outline: 0;}

.featured-products .intro, .category-description *, .application-hero-container h1 ~ p {color: #FFF; font-weight: 400; text-align: center; position: relative; line-height: 1.78em; font-size: 1.125rem;}
.category-description p + p {margin-top: 2rem;}
.category-description a {text-decoration: underline;}
.category-description a:hover {color: #FFF; text-decoration: none;}

.scroll-down {position: relative; text-align: center;}
.scroll-down:before {
	content: "";
	background: url(/images/icons/misc/arrow-down.svg) no-repeat center;
	background-size: contain;
	width: 2rem;
	height: 2rem;
	position: relative;
    display: block;
	margin: 1.5rem auto;
	opacity: .5;
}

.blue-paper .breadcrumb ul {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; margin-bottom: .25rem;}
.blue-paper .breadcrumb ul li {position: relative;}
.blue-paper .breadcrumb ul li + li {padding-left: .25rem;}
.blue-paper .breadcrumb ul li:not(:last-of-type):after, .blue-paper .breadcrumb ul li:first-child:last-child:after {content: "/"; color: rgba(255,255,255,.5); margin-left: .3rem;}
.blue-paper .breadcrumb a, .blue-paper .breadcrumb a * {color: #FFF; font-weight: 500;}
.blue-paper .breadcrumb a:after {content: none;}
.applications-landing .blue-paper .breadcrumb li:last-child a {pointer-events: none;}

.callouts .wrap {display: flex; align-items: stretch; justify-content: center; padding-top: 3.125rem; padding-bottom: 3.125rem;}
.callouts .wrap section {text-align: center; position: relative;}
.callouts .wrap section > a {display: block;}
.callouts .wrap section h2 {margin-bottom: .5rem;}
.callouts section img {height: 4.4375rem; width: auto; display: block;}
.callouts section p {color: #666;}
.callouts .wrap section + section:before {
	content: "";
	background-size: contain;
	background-repeat: repeat;
	position: absolute;
}

.welcome-message {background: #A6192E; color: #FFF; position: relative; overflow: hidden;}
.welcome-message h2 {color: #FFF; font-size: 1.5rem; position: relative; margin-bottom: 12px; padding-bottom: 15px;}
.welcome-message p {margin-bottom: 1.25rem;}
.welcome-message-img {background-repeat: no-repeat; background-size: cover;}

/* PRODUCTS LANDING PAGE */
:is(.product-landing, .applications-landing) .pageHeader {margin-bottom: 0.5rem;}
.interior-products-rotator h2 {text-align: center; font-size: 2rem; position: relative;}
.interior-products-rotator .wrap {padding-top: 4.3125rem; padding-bottom: 4.3125rem;}
.interior-products-rotator .slick-slide {position: relative;}
.interior-products-rotator .slick-slide.slick-active:not(.slick-current):before {
	content: "";
	background: url(/images/separator-lines.svg) repeat center;
	background-size: contain;
	width: 9px;
	top: 0;
	bottom: 6px;
	left: -8px;
	position: absolute;
}

.quote-cta {background: #A6192E; position: relative; color: #FFF; text-align: center; margin-bottom: .5rem;}
.quote-cta .wrap {padding-top: 3.125rem; padding-bottom: 3.125rem; max-width: 27.1875rem;}
.quote-cta a {color: #FFF;}
.quote-cta .quote-cta-header {font-size: 1.5rem; font-weight: 900; display: block; margin-bottom: .5rem;}
.applications-landing .quote-cta {margin-bottom: 0;}

/* PRODUCT PAGE */
.product-info > .wrap {display: flex; flex-wrap: wrap; padding-top: 3.125rem; padding-bottom: 3.125rem;}
.product-info > .wrap > * {position: relative;}


.product-info .product-image img {max-width: 100%; height: auto;}

.product-info .product-description b {color: #000;}
.product-info .product-description img {max-width: 100%; height:auto}

.product-info .product-buttons .button {display: block; width: 100%; text-align: center;}
.product-info .product-buttons .button + .button {margin-top: 1rem;}
.product-info .product-buttons dl {margin-top: 3.125rem;}
.product-info .product-buttons dl dt {color: #000; font-weight: 500; margin-bottom: .25rem;}
.product-info .product-buttons dl dd {margin: 0; line-height: 1.25; padding: .25em 0;}
.product-info .product-buttons dl a:after {content: "\203A"; margin-left: .25rem; display: inline-block;}

.product-info .specifications {margin-bottom: 0;}
.product-info .specifications ul li ul li {padding-left: 0;}
.product-info .specifications ul li ul li + li {margin-top: 0;}
.product-info .specifications ul li ul li:before {content: none;}

.product-info .maintenance h2 {font-size: 1rem; font-weight: 500;}
.product-info .maintenance img {max-height: 11.75rem; max-width: 100%;}

/* APPLICATIONS ------------------------ */
.content .applications-list {display: flex; flex-wrap: wrap; justify-content: center; padding: 2.625rem 0; margin: 0 0 1.5rem; position: relative;}
.content .applications-list:after {content: ""; left: 0; right: 0; bottom: 0; height: 9px; position: absolute; background-image: url(/images/separator-lines-horizontal.svg); background-size: contain; background-repeat: repeat;}
.content .applications-list > li {margin-left: 1rem; padding-left: 0;}
.content .applications-list > li > a {display: flex; height: 100%; flex-direction: column; justify-content: space-between;}
.content .applications-list > li:before {content: none;}
.applications-list > li img {max-width: 100%;}
.applications-list span {font-size: 1rem; font-weight: 500; text-align: center; color: #000; display: block; margin-bottom: 0.625rem;}

.application-videos {text-align: center; margin-bottom: 9.375rem;}
.application-videos a {width: 20.5rem; max-width: 100%; height: 11.375rem; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; display: block; margin: 0 auto;}
.application-videos a:before {content: "";width: 0; height: 0; border-top: 35px solid transparent; border-left: 61px solid #FFF; border-bottom: 35px solid transparent; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);filter: drop-shadow(0px 3px 25px rgba(0,0,0,53));}

/* Literature Search ------------------------------ */
.literatureSearch .full {width: 99.5%;margin-bottom: 1rem;}
.literatureSearch .half {width: 49.5%;margin-bottom: 1rem;}

/* FOOTER ------------------------------ */
body>footer{padding:2.8125rem 0 1.4375rem;color:#BCBCBC; font-size: 0.875rem; line-height: 1.7em;}
body>footer a{color:#fff}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}
body>footer .fatFooter{padding-bottom:2rem; display: flex; justify-content: space-between; position: relative;}
body>footer .fatFooter address > div {margin-top: 1.75rem;}
body>footer>.wrap{overflow:visible; clear:both; padding-top: 7px;}
body>footer>.wrap nav{display:inline}
body>footer .email-alerts strong {color: #FFF; font-weight: 400;}
body>footer .footer-logos {display: flex; align-items: flex-start; justify-content: center;}

.linked-in {width: 1.5rem; height: 1.5rem; position: relative; display: block;}
.linked-in:before {content: ""; background: url(/images/icons/misc/social-linkedin.svg) no-repeat center; background-size: contain; width: 100%; height: 100%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);}
.linked-in:hover {opacity: .7;}



/* FOUR PRODUCTS BLOCK --------------------------- */
.grid-row {
	padding-block: 2.5em;
}

.grid-row>section {
  text-align: center;
}

.grid-row figure {
	margin: 0 0 1em;
}
.grid-row h3 {
	margin: 0 0 1em;
}
.grid-row h3>span {
	color: #000;
	display: block;
	font-weight: 400;
}

.grid-row figure img {
	width: 100%;
}

.grid-row img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}

.grid-row strong {
	background: #000;
	color: #fff;
	display: block;
	margin: 0 0 0.75em;
	padding-block: 0.125em;
}

.grid-row b {
	color: #333;
	display: block;
	font-weight: 500;
	line-height: 1.3;
	margin: 0 0 .5em;
	text-transform: uppercase;
}

.grid-row ul li {
	font-size: .9375em;
	padding-left: 0;
}

.grid-row ul li::before { display: none; }


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger{transition: all 200ms ease}
input:focus, select:focus, textarea:focus{transition: background-color 150ms ease}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }

.no-glide {
	transition-delay: 0s !important;
	transition: none !important;
  }

  .fade-in,
  .animate-left, .animate-right, .animate-down, .animate-up,
  .animate-up-left .animate-up-right, .animate-down-left, .animate-down-right {
	opacity: 0;
	transition: all .75s ease;
  }

  .animate-left { left: 4.75rem; top: 0; }
  .animate-right { right: 4.75rem; top: 0; }
  .animate-up { top: 2.5rem; }
  .animate-down { top: -4.75rem; }

  .animate-down-left { left: 4.75rem; top: -4.75rem; }
  .animate-down-right { right: 4.75rem; top: -4.75rem; }
  .animate-up-left { left: 4.75rem; top: 4.75rem; }
  .animate-up-right { right: 4.75rem; top: 4.75rem;  }

  .animate-left.animated { left: 0; top: 0; }
  .animate-right.animated { right: 0; top: 0; }
  .animate-up.animated { top: 0; }
  .animate-down.animated { top: 0; }

  .animate-up-left.animated { left: 0; top: 0; }
  .animate-up-right.animated { right: 0; top: 0; }
  .animate-down-left.animated { left: 0; top: 0; }
  .animate-down-right.animated { right: 0; top: 0; }

  .animated {opacity: 1;}

  .animated,
  .delay-1 { transition-delay:.15s;}

  .stop-animations * { -webkit-animation: none !important; animation: none !important; transition: none !important; }