@font-face {
	font-family: 'DINPro-Regular';
	src: url('/Fonts/DINPro-Regular.eot');
	src: local('☺'), url('/Fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/Fonts/DINPro-Regular.woff') format('woff'),
		 url('/Fonts/DINPro-Regular.ttf') format('truetype'),
		 url('/Fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'DINPro-Medium';
	src: url('/Fonts/DINPro-Medium.eot');
	src: local('☺'), url('/Fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
		 url('/Fonts/DINPro-Medium.woff') format('woff'),
		 url('/Fonts/DINPro-Medium.ttf') format('truetype'),
		 url('/Fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'DINPro-Bold';
	src: url('/Fonts/DINPro-Bold.eot');
	src: local('☺'), url('/Fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
		 url('/Fonts/DINPro-Bold.woff') format('woff'),
		 url('/Fonts/DINPro-Bold.ttf') format('truetype'),
		 url('/Fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

div, p, a, li, td { -webkit-text-size-adjust:none; }

	body {font-family: 'DINPro-Regular', Arial; background-color: #ffffff; color: #222222; padding: 0; margin: 0;}
	body, p, div, table, h1, h2, h3, h4, h5, h6 {font-weight: normal;}
	p {font-size: 16px; line-height: 26px; padding: 0; margin: 0; font-weight: normal}
	img {border: none; border-width: 0px;}
	h1 {font-size: 30px; line-height: 38px; letter-spacing: 2px;}
	h2 {font-size: 26px; line-height: 34px; margin: 0; padding: 0;}
	h3 {font-size: 20px; line-height: 26px;}
	sup, sub {vertical-align: baseline; position: relative; top: -0.3em;}
    .nb{white-space: nowrap;}
	.medium {font-family: 'DINPro-Medium', Arial;}
	.bold {font-family: 'DINPro-Bold', Arial;}
	.accent-color {color: #8A1F03;}
	.accent-color-caps {color: #8A1F03; text-transform: uppercase;}
    h3.accent-color-caps {font-family: 'DINPro-Medium', Arial;}
	a.phone {color: #222; text-decoration: underline; white-space: nowrap;}
	.lang-container, .header-bottom-border {text-align: center; width: 100%; height: auto; margin: 0 auto; padding: 0; display: block; max-width: 1600px; border-top: solid 1px #ebebf0;}
	.lang-container > div {display: inline-block; width: 100%;}
	.lang-container #dynamic-lang-container {box-shadow: none;}

	.content-section {text-align: center; width: 100%; max-width: 1600px; margin: 0 auto; padding: 40px 0 15px 0;}
	.content-section h1 {text-transform: uppercase; font-family: 'DINPro-Medium', Arial; margin: 0 auto; width: 85%;}
	.content-section .feature-text {margin: 5px auto 15px auto; padding: 0; width: 70%}
	.col-5 > div{width: 20%;}
	.col-4 > div, .col-4-2 > div{width: 25%;}
	.col-3 > div{width: 33.333%;}
	.col-2 > div{width: 50%;}
	.col-1 > div{width: 100%;}
	.content-section .products {width: 80%; margin: 0 auto; padding: 0; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap:wrap;}
	.content-section .products p {margin: 0 10px;}
	.content-section .products a {color: #222222; text-decoration: none;}
	
	/*ALL DIVs*/
	.content-section .products div {border-width: 0px; border-style: solid; border-color: #ebebf0; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s;}
	/*OUTER DIVs*/
	.content-section .products > div {height: auto; margin: 0; padding: 15px 0 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom-width: 1px;}
	.content-section .col-5 div:nth-of-type(5n-4) a > div {border-left-width: 0px;}
	.content-section .col-4 div:nth-of-type(4n-3) a > div, .content-section .col-4-2 div:nth-of-type(4n-3) a > div {border-left-width: 0px;}
	.content-section .col-3 div:nth-of-type(3n-2) a > div {border-left-width: 0px;}
	.content-section .col-2 div:nth-of-type(odd) a > div {border-left-width: 0px;}
	.content-section .col-1 div:nth-of-type(odd) a > div, .content-section .col-1 div:nth-of-type(even) a > div {border-left-width: 0px;}
	/*INNER DIVs*/
	.content-section .products div a > div {width: 100%; height: 100%; margin: 0; padding: 0; border-left-width: 1px;}
	.content-section .products div a:hover {cursor: pointer;}
	.content-section .products div a:hover > div {background-color: #ebebf0;}
	.content-section .products div a:hover .square {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
	/*FEATURE IMAGE CONTAINER   ----   REQUIRES 3 CONTAINER DIVS*/
	.content-section .products .square-container {width:100%; padding: 20px 0px 15px 0px; text-align: center; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap:wrap; justify-content: center; -ms-flex-pack: center;}
	.content-section .products .square {width: 100%; max-width: 200px; margin: 0 15px; padding: 0;position:relative;text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.content-section .products .square:before {content: ''; display: table; padding-top: 100%;}
	.content-section .products .img-container {position:absolute;top: 0;left: 0;bottom: 0;right: 0;text-align: center;}
	/*FEATURE IMAGES*/
	.content-section .products .img-container img {height: auto; width: auto; max-height: 100%; max-width: 100%; text-align:center; position: absolute; object-fit: contain; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none;}

	#header {display: flex; align-items: center; justify-content: space-between; background: #ffffff; height: 90px; width: 100%; max-width: 1600px; padding: 0; margin: 0 auto; text-transform: uppercase; font-family: 'DINPro-Medium', Arial; text-align: center; z-index: 3;}
	#header input {display: none;}
    #brand-logo-container-header {width: 23%; max-width: 250px; min-width: 185px; margin: 10px 20px;}
    #brand-logo-container-header a {display: block;}
	#brand-menu-logo {width: 100%;}
	#PGI-menu-logo {height: 40px; margin: 25px 20px;}
	#mini-nav-container {display: none;}
	.show {display: inline-block;}
	#nav-container {height: 90px; font-size: 16px;}
	#nav-container div {padding: 8px 30px;}
	
	#nav-container a {color: #222222; text-decoration: none;}
	#nav-container ul {list-style: none; float: left; margin: 0px 4px 0px 0px; padding: 0px;}
	#nav-container ul:last-of-type {margin: 0px;}
	#nav-container ul li {position: relative; top:25px; display: block; text-align: center;}
	
	#nav-container ul .nav-primary:hover > a {color: #8A1F03;}
	#nav-container ul li:hover > ul{visibility: visible; opacity: 1; z-index: 10;}
	
	#nav-container ul li ul li:first-of-type:after {border-bottom: 10px solid #646568; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 0; height: 0; left: 50%; transform: translateX(-10px); content: ""; display: block; position: absolute; bottom: 100%; transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear;}	
	#nav-container ul li ul li:first-of-type:hover:after {border-bottom: 10px solid #8A1F03;}
	#nav-container ul li ul {display: inline-block; transition: visibility 0s, opacity 0.5s linear; transition: .3s; visibility: hidden; opacity: 0; margin: 0px; text-align: center; position: absolute; right: 50%; width: auto;}
	
	#nav-container ul li ul li {padding: 0px; display: inline-block; margin: 0 auto; text-align: center; border-bottom: solid 1px #fff; background-color: #646568; color: #ffffff; position: relative; top: 0px; right: -50%; min-width: 100%; white-space: nowrap; transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear;}
	#nav-container ul li ul li:hover {background-color: #8A1F03; color: #ffffff;}
	#nav-container ul li ul li a {color: #ffffff;}
	
	.selected-nav {border-bottom: solid 3px #8A1F03;}
	
	#dynamic-lang-container {float: right; position: relative; top: 0px; margin: 0 20px 0 0; padding: 0; border: none; z-index: 2; text-transform: uppercase; box-shadow: 5px 5px 15px -5px #000000;}
	#dynamic-lang-container input {display: none;}
	#dynamic-lang-container a div {height: 32px; width: 0px; transition: visibility 0s, opacity 0.5s linear; transition: .3s; float: left; cursor: pointer; opacity: 0; visibility: hidden; display: block; background-color:#646568; color: #ffffff; border-right: 0px #fff solid;}
	#dynamic-lang-container h4 {line-height: 32px; margin: 0; padding: 0; width: 100%; text-align: center;}
	#dynamic-lang-container a:last-of-type div{background-color: #8A1F03; border-right: 0px; opacity: 1; visibility: visible; width: 60px;}
	#dynamic-lang-container a div:hover {background-color:#8A1F03;}
	
	.impact {width: 100%; position: relative; display: block; margin: 0 auto;}
	.impact-image {position: absolute; top: 0; background-repeat: no-repeat; background-size:cover; z-index: -1;}
	.impact-text-area {display: block; position: relative;}

	.impact .lang-container {text-align: center; width: 100%; height: auto; margin: 0 auto; padding: 0; display: block; max-width: 1600px; border-top: none;}
	.impact .lang-container > div {display: block; width: 100%;}
	.impact .lang-container #dynamic-lang-container {box-shadow: 5px 5px 15px -5px #000000;}

	.impact-full-width .impact-image {width: 100%; height: 56.25vw;}
	.impact-full-width .impact-text-area {height: 56.25vw; max-height: 650px; max-width: 1600px; margin: 0 auto; position: relative;}
	/*based on 1600px width*/
	.impact-100-width .impact-image {width: 100%;}
	.impact-75-width .impact-image {width: 75%;}
	.impact-67-width .impact-image {width: 66.667%;}
	.impact.popup-left .impact-image {right: 0;}
	
	.impact-100-width .impact-image, .impact-100-width .impact-text-area {height: 56.25vw; max-height: 900px;}
	.impact-75-width .impact-image, .impact-75-width .impact-text-area {height: 42.1875vw; max-height: 675px;}
	.impact-67-width .impact-image, .impact-67-width .impact-text-area {height: 37.75vw; max-height: 600px;}
	
	.header-impact-container {padding: 0 0 15px 0;}
	.header-impact-container .popup-spacer {max-width: 1600px; width: 100%; margin: 0 auto; position: relative; top: 0px; display: block;}
	.header-impact-container .impact-text-area {top: -32px; }
	
/**/#home-header-impact-container .impact-image {background-image: url(/Images/BarriAire-Gold-Hoods-Impact-Image.jpg); background-position: 50% 16%; max-height: 650px;}
    #home-header-impact-container-nextgen .impact-image {background-image: url("/Images/Impacts/NextGen-Impact-Image-Home.jpg"); background-position: 50% 16%; max-height: 650px;}
    #home-header-impact-container-flmm .impact-image {background-image: url("/Images/impacts/flmm-impact-image-home.jpg"); background-position: 50% 16%; max-height: 650px;}
/*#introducing-feature .impact-image {background-image: url(/Images/BarriAire-Gaiter-Mask-Feature.jpg); max-height: 675px;}*/
/**/#barriaire-donning-feature .impact-image {background-image: url(/Images/BarriAire-Gold-Hood-Donning.jpg);}
/**/#nextgen-donning-feature .impact-image {background-image: url("/Images/Impacts/NextGen-Sec-Impact-Hood-Donning.jpg");}
    #flmm-confined-space-feature .impact-image {background-image: url("/Images/impacts/flmm-confined-space-sec-feature.jpg");}
    .secondary-feature .impact-image {max-height: 450px;}
    .secondary-feature.impact-100-width .impact-image, .secondary-feature.impact-100-width .impact-text-area {height: 28.125vw; max-height: 450px;}
    .content-section.info-section {padding-bottom: 40px;}
    .content-section.info-section #logo {max-height: 75px; max-width: 300px; width: 80%; margin: 0 auto;}
	
	.impact-full-width .popup, .impact-100-width .popup {margin: 20px; width: 350px; left: 0; bottom: 10%;}
	.impact-75-width .popup {margin: 0 20px; width: 21%; top: 50%; transform: translateY(-50%);}
	.impact.popup-left .popup {left: 0;}
	.impact.popup-right .popup {right: 0;}
	.impact-67-width .popup {margin: 0 20px; width: 29%; top: 50%; transform: translateY(-50%);}
	
	.popup {background: rgba(0,0,0,.70); padding: 2%; position: absolute; z-index: 1; text-align: center; display: inline-block;}
	.popup h2 {padding: 0; margin: 0 auto; text-align: left; color: #ffffff;}
	.popup-button {margin: 10px 0 0 0; display: inline-block; padding: 10px 30px; border: 1px solid; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.grey-button {background: #646568; color: #ffffff; border-color: #646568;}
	.grey-button:hover {background: #8A1F03; color: #ffffff; border-color: #8A1F03;}
	.white-button {background: #ffffff; color: #222222; border-color: #ffffff;}
	.white-button:hover {background: #8A1F03; color: #ffffff;}
	
	.footer {width: 100%; margin: 0; padding: 0; text-align: center;}
	.footer-nav {width: 100%; background-color: #646568; margin: 0; padding: 20px 0px;}
	.footer-nav a {color: #ffffff; text-decoration: none;}
	.footer-nav-list {display: inline-block; vertical-align: top; margin: 0 0 0 80px;}
	.footer-nav-list:first-of-type {margin: 0;}
	.footer-nav ul li:hover a {text-decoration: underline;}
	.footer-nav ul {list-style: none; margin: 0; padding: 0; text-align: left;}
	.footer-nav ul li {margin: 0 0 0 5px;}
	.footer-nav ul li:first-of-type{text-transform: uppercase; font-family: 'DINPro-Medium'; margin: 0;}
	.footer-icons {width: 100%; margin: 50px 0 0 0;}
	.footer-icons img {margin: 0 8px; height: 35px;}
	.footer-icons img:hover {filter: brightness(0) saturate(100%) invert(9%) sepia(67%) saturate(6580%) hue-rotate(26deg) brightness(100%) contrast(98%);}
	#PGI-footer-logo {height: 50px; margin: 25px auto 5px auto; display: inline-block;}
	.footer-copyright {font-size: 12px; padding: 0 0 25px 0;}
	
	.standards-logos {display: block;}
	.standards-logos img {height: 40px; width: auto; margin: 10px 5px 5px 5px; filter: invert(42%) sepia(7%) saturate(174%) hue-rotate(187deg) brightness(63%) contrast(88%);}
	
	.hel-symbol{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}
	#product-section > div, #video-section > div {width: 100%; display: flex; flex-wrap: wrap;}
	.product-media > img, .product-media a > img {width: auto; max-width: 100%; max-height: 600px;}
    .product-media > img:hover, .product-media a > img:hover {cursor: pointer;}
	#product-section {padding: 40px 0;}
	#product-section .product-media {width: 32%; margin: 0 4%; padding: 0; position: -webkit-sticky; position: sticky; top: 40px; height: 100%;}
	#product-section .product-description {width: 52%; margin: 0 8% 0 0; padding: 0; text-align: left;}
	#product-section h1, #product-section h3 {margin: 0; padding: 0;}
	h3#pn{margin: 0 0 5px 0;}
	#product-section p {margin: 0 0 20px 0;}
	
	.inset-main-container{width:100%; margin:25px 0px 5px 0px;text-align: center; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap:wrap; justify-content: center; -ms-flex-pack: center;}
	.inset-container{width: 23.5%; margin:0 0 10px 2%; background:#ffffff;border:solid 2px #646568;padding: 0;position:relative;text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.inset-container:nth-of-type(4n-3) {margin:0 0 10px 0;}
	.inset-container:before {content: ''; display: table; padding-top: 100%;}
	.inset-container:hover {border:solid 2px #8A1F03;}
	.inset {position:absolute;top: 0;left: 0;bottom: 0;right: 0;text-align: center;}
	.inset img {height: auto; width: auto; max-width: 95%; max-height: 95%; text-align:center; position: absolute; object-fit: contain; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none;}

    .gfabs-container input {display: none;}
    .gfabs-container input:checked.selected + label div {background: #8A1F03; color: #ebebf0; cursor: default;}
    .gfab_desc_container {max-height: 0px; overflow: hidden; transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out;}
    #product-section p.gfab_desc {max-height: 0px; margin: 0; padding: 0; visibility: hidden; opacity: 0; overflow-y: hidden; transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out;}
    #product-section p.gfab_desc.selected {max-height: 10000px; visibility: visible; opacity: 1; margin: 0 0 20px 0;}

	.sizing-container, .color-container, .gfab-sel-container {width: 100%; margin-bottom: 10px;}
	.sizing-container .sizes-info, .color-container .color-info {display: inline-block;}
	#product-section .sizes-info p, #product-section .color-info p {margin-bottom: 10px;}
    #product-section .sizes-info p.sizes-title {margin: 10px 0 0 0;}
    #product-section .sizes-info p.sizes-title:first-of-type {margin: 2px 0 0 0;}

	.sizing-container .sizes-info p img {width: 120px; margin: 0px 0px 10px 10px;}
	.sizing-container .sizes-container, .color-container .colors-container, .gfab-sel-container .gfabs-container {display: flex; flex-wrap: wrap; gap: 10px; margin: 5px 0 10px 0;}
	
    .color-container .colors-container label, .gfab-sel-container .gfabs-container label {display: flex; flex-grow: 1; flex-direction: column; justify-content: center;}

    .sizing-container .sizes-container div, .color-container .colors-container a, .color-container .colors-container label div, .gfab-sel-container .gfabs-container div {text-align: center;  padding: 8px; border: 1px solid #646568; white-space: nowrap; box-sizing: border-box; display: flex; flex-grow: 1; flex-direction: column; justify-content: center;}
    .sizing-container .sizes-container div, .gfab-sel-container .gfabs-container div {background: #ebebf0; min-width: 54px;}
    .gfab-sel-container .gfabs-container div:hover {background: #8A1F03; color: #ebebf0; cursor: pointer;}
    .gfab-sel-container .gfabs-container div .note {font-size: 14px;}
    
    
    .color-container .colors-container a {opacity: .35; cursor: pointer; text-decoration: none; min-width: 120px;}
    .color-container .colors-container a:first-of-type {opacity: 1; cursor: default;}
    #other-styles.color-container .colors-container a:first-of-type {opacity: .35; cursor: pointer;}
    .color-container .colors-container a:hover {opacity: 1;}
    
    .gfab_desc_container .color-container .colors-container,.gfab_desc_container .color-container .colors-container input {display: none;}
    .gfab_desc_container .color-container .colors-container label div {opacity: .35; cursor: pointer; text-decoration: none; min-width: 120px;}
    .gfab_desc_container .color-container .colors-container label div:hover {opacity: 1;}
    .gfab_desc_container .color-container .colors-container input:checked.selected + label div {opacity: 1;}
    
    .color-70-ansiyellow {background-color: #c2eb03; color: #646568;}

    .color-72-yellow {background-color: #FFE400; color: #222222;}
    .color-76-green {background-color: #056E44; color: #ebebf0;}
    .color-79-royalblue {background-color: #004B88; color: #ebebf0;}
    .color-80-cbaybl {background: linear-gradient(to right bottom, #c2eb03 50%, #000000 50%); color: #ebebf0;}
    .color-81-red {background-color: #e11b22; color: #222222;}
    .color-83-cbhgbl {background: linear-gradient(to right bottom, #5A615C 50%, #000000 50%); color: #ebebf0;}
    .color-84-navy {background-color: #002347; color: #ebebf0;}    
    .color-85-natwhite {background-color: #ffffff; color: #646568;}
    .color-85-tan, .color-75-tan {background-color: #c8a992; color: #222222;}
    .color-92-lg {background-color: #dddddd; color: #646568;}
    .color-93-hg {background-color: #5A615C; color: #ebebf0;}
    .color-94-goldenyellow, .color-94-lightgold {background-color: #e1c05a; color: #222222;}
    .color-98-bl, .color-98-blgold {background-color: #000000; color: #ebebf0;}
    
    table.trim_packs {border-spacing:0 8px; border-collapse:separate;}
    table.trim_packs input {display: none;}
    table.trim_packs thead tr:nth-of-type(1) {background: #fff; color: #222; height: 30px; vertical-align: middle;}
    table.trim_packs thead tr:nth-of-type(1):hover {cursor: default;}
    table.trim_packs tr, table.trim_packs td {vertical-align: middle;}
    table.trim_packs tr {background: #ebebf0;}
    table.trim_packs tr:hover{background: #8A1F03; color: #ebebf0; cursor: pointer;}
    table.trim_packs tr.selected {background: #8A1F03; color: #ebebf0; cursor: default;}
    table.trim_packs tr td {padding: 0 10px 0 0; border-top:1px solid #222; border-bottom:1px solid #222;}
    table.trim_packs tr td:first-of-type{padding-left: 8px; white-space: nowrap; border-left:1px solid #222;}
    table.trim_packs tr td:last-of-type{border-right:1px solid #222;}
    table.trim_packs div {max-height: 30px; min-height: 30px; min-width: 60px;}
    
    .trim-fl-1, .trim-an-1 {background: #bbbdbf}
    .trim-fl-26 {background: linear-gradient(to bottom, #d0de59 0%, #d0de59 33.33%, #bbbdbf 33.33%, #bbbdbf 66.67%, #d0de59 66.67%, #d0de59 100%);}
    .trim-fl-37 {background: linear-gradient(to bottom, #f26721 0%, #f26721 33.33%, #bbbdbf 33.33%, #bbbdbf 66.67%, #f26721 66.67%, #f26721 100%);}
    .trim-fl-97, .trim-an-97 {background: repeating-linear-gradient(60deg, #000 0px, #000 .5px, #bbbdbf .5px, #bbbdbf 8px, #000 8px, #000 8.5px);}
    .trim-fl-98 {background: repeating-linear-gradient(60deg, #000 0px, #000 .5px, rgba(255,0,0,0) .5px, rgba(255,0,0,0) 8px, #000 8px, #000 8.5px), linear-gradient(to bottom, #d0de59 0%, #d0de59 33.33%, #bbbdbf 33.33%, #bbbdbf 66.67%, #d0de59 66.67%, #d0de59 100%);}
    .trim-fl-100 {background: repeating-linear-gradient(60deg, #000 0px, #000 .5px, rgba(255,0,0,0) .5px, rgba(255,0,0,0) 8px, #000 8px, #000 8.5px), linear-gradient(to bottom, #f26721 0%, #f26721 33.33%, #bbbdbf 33.33%, #bbbdbf 66.67%, #f26721 66.67%, #f26721 100%);}

    .trim-letters-silver {background: #bbbdbf;}
    .trim-letters-lime {background: #d0de59;}
    .trim-letters-orange {background: #f26721;}
	
    #product-section h3#custom-pn {margin: 0 0 20px 0;}

	#test-results-section {background-color: #ebebf0; padding: 0 0 40px 0;}
	#test-results-section h1 {margin: 0 auto 20px auto;}
	
	.radio-nav-container {background-color: #646568; color: #ffffff; margin-bottom: 20px;}
	.radio-nav-container input {display: none;}
	.radio-nav-container > div {width: 84%; max-width: 1120px; margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: -webkit-flexbox; display: -webkit-flex; display: flex; justify-content: center; -ms-flex-pack: center;}
	.radio-nav-container div > a {position: relative; width: 25%; display: block; text-align: center; color: #ffffff; text-decoration: none; border-left: solid 1px #ebebf0;}
	.radio-nav-container div > a:first-of-type {border-left: none;}
	.radio-nav-container div > a:hover, .radio-nav-container div a > label:hover {cursor: pointer; background: #8A1F03; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.radio-nav-container div a div {padding: 8px 0px;}
	.radio-nav:checked + label div {background: #8A1F03;}
	.radio-nav:checked + label div:after {border-top: 10px solid #8A1F03; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 0; height: 0; left: 50%; transform: translateX(-10px); content: ""; display: block; position: absolute; top: 100%; transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear;}
	#test-sub-section {display: block; opacity: 1;}
	
	.feat-test {display: none; opacity: 0; transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out;}
	.feat-test > ul {text-align: left;}
	.feat-test > ul > li {color:#8A1F03; list-style-type:square; margin: 8px 0;}
	.feat-test ul > li > span {color:#222222;}
    .feat-test ul ul {margin-left: -14px;}
    .feat-test ul ul li {color:#8A1F03; list-style-type:none; margin: 8px 0;}
    .feat-test ul ul li:before {content: '\2014'; position: absolute; margin-left: -20px;}
	
	.test-results {width: 84%; max-width: 1120px; margin: 0 auto; border: solid #646568 1px; border-spacing:0px; border-collapse: separate; border-left-width:0px; border-right-width:0px;}
	.test-results tbody tr:first-child td {border-top: solid #646568 1px; padding: 8px 5px 0px 5px;}
	.test-results tbody tr:last-child td {padding: 2px 5px 8px 5px;}
	.test-results tbody tr:only-child td {padding: 8px 5px;}
	.test-results tbody:hover {background: rgb(244, 244, 248); cursor: default; transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out;}
	.test-results thead tr td {font-weight: bold; padding: 8px 5px; vertical-align: middle;}
	.test-results td {padding: 2px 5px 0 5px; vertical-align: middle; text-align: center;}
	.test-results td:first-child {padding-right:20px; font-family:'DINPro-Medium'; font-weight:bold; text-align: left;}
	.test-results .list-header {font-weight: normal; margin: 0 0 0 12px; padding: 0; line-height: 22px;}
	.test-results ul {font-family:'DINPro-Regular'; font-weight:normal; margin:0 0 0 25px; padding:0; list-style: square; list-style-position:inside; color:#8A1F03;}
	.test-results ul li span {color: #222222; margin: 0; padding: 0;}
    .test-results.hide-2nd-col tr td:nth-of-type(2){display: none;}	
    
    .options_table {background: #fff; margin: 0 auto 20px auto; max-width: 800px; width: 90%; border-collapse: collapse; border: 2px solid #8A1F03}
    .options_table th {background: #ffcb05; padding: 5px 30px; font-family: 'DINPro-Medium';}
    .options_table tbody tr:nth-of-type(even) {background: #ddd4c2;}
    .options_table tr td {text-align: left; padding: 3px 8px;}
    .options_table tr td:first-of-type {white-space: nowrap; border-right: 2px solid #8A1F03}
    .options_table tr td.table_color_swatch {width: 1%; white-space: nowrap; padding-right: 0;}
    .options_table div {width: 44px; min-height: 18px; border-radius: 6px;}
    .options_table + p {margin: 0 auto; text-align: left; max-width: 800px; width: 90%;}

	.photo-with-text-container {background-color: #646568; color: #ffffff;}
	.photo-with-text-container > div {padding: 20px 0;}
	.photo-with-text-container.no-headline > div {padding: 0 0 20px 0;}
	.photo-with-text {width: 84%; max-width: 1120px; margin: 0 auto; padding: 40px 0 0 0; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap:wrap;}
	div .photo-with-text:first-of-type {padding: 0;}
	.photo-with-text .image {width: 33%;}
	.photo-with-text .image img {width: 100%;}
	.photo-with-text .caption {width: 63%; text-align: left;}
	.photo-with-text.left .image {order: 1;}
	.photo-with-text.left .caption {order: 2; margin: 5px 0 0 4%;}
	.photo-with-text.right .image {order: 2;}
	.photo-with-text.right .caption {order: 1; margin: 5px 4% 0 0;}
	
	#video-section {background: #222222 url('/Images/BarriAire-video-background.jpg') no-repeat right top; background-size: cover; color: #ffffff;}
	#video-section > div {padding: 20px 0;}
	#video-section .product-media {width: 46%; margin: 0 0 0 4%; padding: 0;}
	#video-section .product-description {width: 42%; margin: 20px 4% 0 4%; padding: 0; text-align: left;}
	
	.video {width: 100%; padding: 56.25% 0 0 0; position: relative;}
	.video iframe {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
	.video, .video-text {display: none;}
	
	.fade {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}
	@-webkit-keyframes fade {from {opacity: .2}  to {opacity: 1}}
	@keyframes fade {from {opacity: .2}  to {opacity: 1}}
	
	.video-buttons {width: 100%; text-align: center; margin: 20px 0 0 0;}
	.video-buttons button {height: 50px; width: 50px; border: none; background: #ffffff; color: #8A1F03; border-radius: 50%; margin: 0px 12px; cursor: pointer; display: inline-block;}
	.video-buttons button:hover {border: none; background: #8A1F03; color: #ffffff; transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transform: rotate(-360deg);}
	.video-buttons button:hover i:before {color: #ffffff;}
	.video-buttons button i {position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 15px; transform: rotate(-135deg); height: 15px; border-width: 3px 3px 0 0; border-style: solid; margin: 0 8px 0 0; border-radius: 2px;}
	.video-buttons button i:before {content: ""; box-sizing: border-box; right: 0px; top: -2px; position: absolute; height: 3px; box-shadow: inset 0 0 0 12px; transform: rotate(-45deg); width: 25px; transform-origin: right top; border-radius: 2px;}
	.video-buttons button:nth-of-type(2):hover {transform: rotate(360deg);}
	.video-buttons button:nth-of-type(2) i {margin: 0 0 0 8px; transform: rotate(45deg);}
	html {
		scroll-behavior: smooth;
	}
	@media screen and (prefers-reduced-motion: reduce) {
		html {
			scroll-behavior: auto;
		}
	}
	@media only screen and (max-width: 1176px) {
		.col-5 > div{width: 25%;}
		.content-section .col-5 div:nth-of-type(5n-4) a > div {border-left-width: 1px;}
		.content-section .col-5 div:nth-of-type(4n-3) a > div {border-left-width: 0px;}
	}
	@media only screen and (min-width: 1025px) {
		#dynamic-lang-container:hover a div {visibility: visible; opacity: 1; width: 60px; border-right: 1px #fff solid;}
		#dynamic-lang-container a:last-of-type div{border-right: 0px;}
	}
	@media only screen and (max-width: 1024px) {
		#nav-container div {padding: 8px 24px;}
		#dynamic-lang-container #language:checked + label > a div {visibility: visible; opacity: 1; width: 60px; border-right: 1px #fff solid;}
		#dynamic-lang-container #language:checked + label > a:last-of-type div {border-right: 0px;}
	}
	@media only screen and (max-width: 924px) {
		#nav-container div {padding: 8px 18px;}
		.content-section .products {width: 90%;}
	}
	@media only screen and (max-width: 875px) {
		.photo-with-text.left .caption, .photo-with-text.right .caption {margin-top: 0;}
	}
	@media only screen and (max-width: 820px) {
		#nav-container div {padding: 8px 12px;}
	}
	@media only screen and (max-width: 780px) {
		#nav-container div {padding: 8px 10px;}
	}
	@media only screen and (max-width: 767px) {
		h1 {font-size: 26px; line-height: 34px;}
		h2 {font-size: 22px; line-height: 28px;}
		h3 {font-size: 18px; line-height: 24px;}
		#PGI-menu-logo {display: none;}
		.footer-nav-list {margin: 0 0 0 40px;}
		.radio-nav-container > div {width: 100%;}
		#product-section {padding: 15px 0 40px 0;}
		#product-section h1, #product-section h2, #product-section h3 {text-align: center; width: 100%;}
		#product-section .product-media {width: 50%; margin: 0 25%; position: relative; top: auto; height: auto;}
		#product-section .product-description, #video-section .product-description {width: 84%; margin: 20px auto 0 auto;}
		#video-section .product-media {width: 84%; margin: 0 auto;}
		.standards-logos {text-align: center;}
		.test-results, .test-results p {font-size:12px; line-height:18px;}
		.test-results thead tr td {padding: 3px 5px; vertical-align: middle;}
		.test-results td {padding: 0 5px; vertical-align: top; text-align: center;}
		.test-results tbody tr:first-child td {padding: 3px 5px 0px 5px;}
		.test-results tbody tr:last-child td {padding: 2px 5px 3px 5px;}
		.test-results tbody tr:only-child td {padding: 3px;}
		/*#video-section {padding:20px 0 40px 0;}
		#video-section > div {padding:0;}*/
	}
	@media only screen and (max-width: 735px) {
		#nav-container div {padding: 8px 10px;}
		.col-5 > div, .col-4 > div{width: 33.333%;}
        .col-4-2 > div{width: 50%;}
        .content-section .col-4-2 div:nth-of-type(3n-2) a > div {border-left-width: 1px;}
		.content-section .col-4-2 div:nth-of-type(odd) a > div {border-left-width: 0px;}
		.content-section .col-5 div:nth-of-type(5n-4) a > div, .content-section .col-4 div:nth-of-type(4n-3) a > div {border-left-width: 1px;}
		.content-section .col-5 div:nth-of-type(3n-2) a > div, .content-section .col-4 div:nth-of-type(3n-2) a > div {border-left-width: 0px;}
	}
	@media only screen and (max-width: 670px) {
		h1 {font-size: 24px; line-height: 30px;}
		h2 {font-size: 18px; line-height: 24px;}
		h3 {font-size: 16px; line-height: 22px;}
		p, ul, li {font-size: 14px; line-height: 20px;}
		#mini-nav-container {position: absolute; top: 21px; right: 0px; display: inline-block; cursor: pointer; vertical-align: middle; padding: 10px 20px 10px 5px; line-height: 27px;}
		#mini-nav-container:hover .bar {background: #8A1F03;}
		#bar-container {float: right; padding: 0px 0px 0px 10px}
		.bar {width: 35px; height: 5px; background-color: #222222; margin: 0px 0px 6px 0px; transition: 250ms;}
		.bar:nth-of-type(3) {margin: 0px;}
		.show {display: none;}
		.selected-nav {border-bottom: none;}
		#mini-nav-check:checked + label > .show {display: inline-block;}
		#mini-nav-check:checked + label #bar-container div {background-color: #8A1F03;}
		#mini-nav-check:checked + label #bar-container .bar:nth-of-type(1) {-webkit-transform: rotate(-45deg) translate(-8px, 7px);transform: rotate(-45deg) translate(-8px, 7px);}
		#mini-nav-check:checked + label #bar-container .bar:nth-of-type(2) {opacity: 0;}
		#mini-nav-check:checked + label #bar-container .bar:nth-of-type(3) {-webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px);}
		
		#nav-container {width: 100%; height: auto; margin-top: 0px; background-color: #ebebf0; z-index: 100; position: absolute; top: 90px; left: 0; border-bottom: solid 1px #222222;}
		#nav-container div {padding: 0px;}
		#nav-container > ul, #nav-container label > ul {width: calc(50% - .5px); min-height: 44px; line-height: 44px; margin: 0; padding: 0; text-align: center; list-style: none; border: none; border-top: solid 1px #222222; display: inline-block;}
		
		#nav-container label:nth-of-type(even) > ul {border-left: solid 1px #222222;}
		
		#nav-container ul:hover {background-color: #fff; transition: all 250ms ease-in;}
		#nav-container ul li {width: 100%; height: auto; top: 0px; line-height: 44px; display: block; margin: 0; padding: 0;}
		
		#nav-container ul li:hover {margin: 0; transition: all 250ms ease-in;}
		#nav-container ul li:hover > a {color: #ffffff;}
		
		#nav-container input:checked + label ul li ul {max-height: 100vh; display: block; transition: all 250ms ease-in;}
		#nav-container ul li ul {height: auto; max-height: none; overflow: hidden; margin: 0 auto; text-align: center; position: relative; transition: all 250ms ease-in; opacity: 1; visibility: visible; display: none; width: 100vw; left: 0; right: 0;}
		#nav-container label:nth-of-type(even) > ul ul {float: right;}
		
		#nav-container ul li ul li {padding: 0px; margin: 0 auto; text-align: center; border-top: 1px solid #ebebf0; border-bottom: none; border-left: none; border-right: none; background-color: none; color: #ffffff; position: relative; top: 0px; right: 0px; min-width:none; white-space: nowrap; transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear;}
		#nav-container ul li ul li:hover {background-color: #8A1F03; color: #ffffff; border-bottom: none;}
		#nav-container ul li ul li:first-of-type {border-top: none;}
		#nav-container ul li ul li:first-of-type:after {border-bottom: none; border-left: none; border-right: none;}
		#nav-container ul li ul li:first-of-type:hover:after {border-bottom: none;}
		#menu-contact {display: none;}
		.content-section {padding: 20px 0 0 0;}
		.content-section .feature-text{width: 74%}
		.header-impact-container {padding: 0;}
		.popup-spacer {max-width: 1600px; width: 100%; height: 56.25vw; margin: 0 auto; position: relative; top: 0px; display: block;}
		.impact-75-width .impact-image {width: 100%; height: 56.25vw;}
		.impact-full-width .impact-text-area, .impact-100-width .impact-text-area, .impact-75-width .impact-text-area, .impact-67-width .impact-text-area {min-height: auto; height: auto; max-height: none; top: -20px;}
		.impact-full-width .popup, .impact-100-width .popup, .impact-75-width .popup, .impact-67-width .popup {clear: both; margin: 0 auto; padding: 4%; display: block; position: relative; width: 60%; top: 0; transform: translateY(0);}
		.content-section.info-section {padding: 20px 0;}
/*home*/.secondary-feature.impact-100-width .impact-image, .secondary-feature.impact-100-width .popup-spacer {height: 42.1875vw; max-height: none;}
/*home*/.secondary-feature.impact-100-width .impact-text-area {display: none;}
		.standards-logos img {height: 34px; margin: 5px;}
		.photo-with-text .image {width: 100%;}
		.photo-with-text.left .caption, .photo-with-text.right .caption {order: 2; width: 100%; margin: 10px 0 0 0;}
		.sizing-container .sizes-container div, .color-container .colors-container a {padding: 5px; font-size: 14px; line-height: 20px;}
        .color-container .colors-container a {min-width: 100px;}
        .color-container .colors-container label div {padding: 5px; font-size: 14px; line-height: 20px;}
        .color-container .colors-container label div {min-width: 100px;}
	}
	@media only screen and (max-width: 600px) {
		.col-5 > div, .col-4 > div, .col-3 > div{width: 50%;}
		.content-section .col-5 div:nth-of-type(3n-2) a > div, .content-section .col-4 div:nth-of-type(3n-2) a > div, .content-section .col-3 div:nth-of-type(3n-2) a > div {border-left-width: 1px;}
		.content-section .col-5 div:nth-of-type(odd) a > div, .content-section .col-4 div:nth-of-type(odd) a > div, .content-section .col-3 div:nth-of-type(odd) a > div {border-left-width: 0px;}
	}
	@media only screen and (max-width: 540px) {
		.footer-nav-list {margin: 20px 0 0 0; display: inline-block; width: 100%;}
		.footer-nav ul {display: inline-block; text-align: center;}
	}
	@media only screen and (max-width: 500px) {
        #product-section .product-media {width: 70%; margin: 0 15%;}
		.impact-full-width .popup, .impact-100-width .popup, .impact-75-width .popup, .impact-67-width .popup {width: 70%;}
	}
	@media only screen and (max-width: 364px) {
		#dynamic-lang-container {margin: 0;}
		.col-5 > div, .col-4 > div, .col-4-2 > div, .col-3 > div, .col-2 > div{width: 100%;}
		.content-section .col-5 div:nth-of-type(3n-2) a > div, .content-section .col-4 div:nth-of-type(3n-2) a > div, .content-section .col-4-2 div:nth-of-type(3n-2) a > div, .content-section .col-3 div:nth-of-type(3n-2) a > div {border-left-width: 0px;}
		.content-section .products div a > div {border-left-width: 0px;}
		.content-section .products .square {max-width: 140px;}
	}