/* GLOBAL STYLESHEET ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
/* Styles for common, reusable components/classes used throughout Filtermist's websites ------------------ */

/*   Color:	Cyan	rgb(0,173,239)
			Orange	rgb(232,101,21)
			Red		rgb(180,0,16)

/*_____________________________________________________________________________________________ PAGE SETUP */
html {font: 5vw/1.3 'Noto Sans', sans-serif;}
body {
	font-family: inherit;
	font-size: 0.875em;
}
.container-fluid {
	background:rgb(51,51,51);
	color: #fff;
	min-height: 100vh;
}
#header {
	position:relative;
	margin: 0 -0.9375rem;
	padding: 0 0.9375rem;
	z-index:2;
}
#main {
	position:relative;
	margin: 0 -0.9375rem;
	padding: 0 0.9375rem;
	z-index:1;
}
.wrapper {position:relative;}

@media (min-width:48em) {
	html {font-size: 100%;}
}

@media (min-width:62em) {
	.span {
		width: 93.75vw;
		max-width: 75rem;
		margin: 0 auto;
	}
}

[v-cloak] {
    display: none;
}

/*____________________________________________________________________________________________ ROW PADDING */
main .span {
	padding:2em 0;
}
main .banner .span {
	padding:3em 0 4.5em;
}
main .col, main .col-1, main .col-10, main .col-11, main .col-12, main .col-2, main .col-3, main .col-4, main .col-5, main .col-6, main .col-7, main .col-8, main .col-9, main .col-auto, main .col-lg, main .col-lg-1, main .col-lg-10, main .col-lg-11, main .col-lg-12, main .col-lg-2, main .col-lg-3, main .col-lg-4, main .col-lg-5, main .col-lg-6, main .col-lg-7, main .col-lg-8, main .col-lg-9, main .col-lg-auto, main .col-md, main .col-md-1, main .col-md-10, main .col-md-11, main .col-md-12, main .col-md-2, main .col-md-3, main .col-md-4, main .col-md-5, main .col-md-6, main .col-md-7, main .col-md-8, main .col-md-9, main .col-md-auto, main .col-sm, main .col-sm-1, main .col-sm-10, main .col-sm-11, main .col-sm-12, main .col-sm-2, main .col-sm-3, main .col-sm-4, main .col-sm-5, main .col-sm-6, main .col-sm-7, main .col-sm-8, main .col-sm-9, main .col-sm-auto, main .col-xl, main .col-xl-1, main .col-xl-10, main .col-xl-11, main .col-xl-12, main .col-xl-2, main .col-xl-3, main .col-xl-4, main .col-xl-5, main .col-xl-6, main .col-xl-7, main .col-xl-8, main .col-xl-9, main .col-xl-auto {
	padding-top:1em;
	padding-bottom:1em;
}
@media (min-width:48em) {
	main .span {
		padding:3.5em 0;
	}
	main .banner .span {
		padding:4.5em 0;
	}
}

/*____________________________________________________________________________________________ COMMON TAGS */
h1 {font-size:2.5em; margin-bottom:0.75em;}
h2 {font-size:1.5em; color:rgb(0,173,239); margin-bottom: 1em;}
h3 {font-size:1.143em; font-weight:bold;}

p {margin-bottom: 1.5em;}

.lead {font-size:1.286em; line-height: 1.4; font-weight:400;}
.lead em {font-style: normal; color:rgb(0,173,239);}

@media (min-width:48em) {
	h1 {font-size:3.429em;}
}

.highlight-red {
	color: rgb(180,0,16);
}
.highlight-yellow {
	color: rgb(250,182,36);
}

/*__________________________________________________________________________________________________ LINKS */
a {color: rgb(0,85,168) !important; font-weight:700;}

a[href^="tel:"] {
	color:inherit !important;
	text-decoration: none;
}
h2 a {color:rgb(0,173,239) !important; font-weight:400;}

.bullet-link {
	color:inherit !important;
	display: inline-block;
	padding-left:1.5em;
	position:relative;
	font-weight:400;
}
.bullet-link::before {
	content:'\f330';
	font-family:'Font Awesome 5 Pro';
	font-weight:700;
	position:absolute;
	top:0;
	left:0;
	color:rgb(0,85,168);
}
.bullet-link:hover {
	color:rgb(180,0,16) !important;
}
.bullet-link:hover::before {
	color:inherit;
}

.chevron-link {
	position:relative;
	display: inline-flex;
	min-height:3em;
	align-items: center;
	font-size:1.286em;
	font-weight:700;
	color: rgb(0,173,239) !important;
}
.chevron-link::before {
	content:'\f054';
	font-family:'Font Awesome 5 Pro';
	font-weight:400;
	border:0.111em solid rgb(0,173,239);
	border-radius:50%;
	width:3em;
	height:3em;
	text-align: center;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-right:0.75em;
	flex: 0 0 3em;
	max-width:3em;
	color: rgb(0,173,239) !important;
}
.chevron-link .subtitle {
	display:block;
	font-size:0.667em;
	font-weight:400;
	color:#000;
}

[data-bg="cyan"] .chevron-link {
	color:#fff !important;
}
[data-bg="cyan"] .chevron-link::before {
	border-color:#fff;
	color:#fff !important;
}
[data-bg="cyan"] .chevron-link .subtitle {
	color:rgba(255,255,255,0.75);
}

.video-link {
	color:inherit !important;
	display: block;
	font-weight: 400;
}
.video-link > div {
	position:relative;
	display:flex;
	align-items: center;
	padding:0.5em 0.75em !important;
}
.video-link > div::before {
	content:'';
	background:url(../fonts/video-link.svg) 50% 50% / 2.4em 2.4em no-repeat;
	display:flex;
	align-items: center;
	justify-content: center;
	border:0.16em solid rgb(0,173,239);
	border-radius:50%;
	padding-left:0.16em;
	height:2.4em;
	font-style: normal;
	margin-right:0.6em;
	flex:0 0 2.4em;
	max-width:2.4em;
	color:rgb(0,173,239);
}
.video-link:hover > div::before {
	border-width:0.12em;
}

.video-link[data-video]::before {
	content:'';
	display:block;
	padding-top:38.65%;
	flex:0 0 100%;
	background-position:50% 50%;
	background-size:cover;
	background-repeat:no-repeat;
}
.video-link[data-video="oil-mist-filters"]::before {
	background-image:url(../images/oil-mist-filters-video-link-panel.jpg);
}
.video-link[data-video="how-it-works"]::before {
	background-image:url(../images/how-oil-mist-filters-work-video-link-panel.jpg);
}
.video-link[data-video="s-fusion"]::before {
	background-image:url(../images/s-fusion-video-link-panel.jpg);
}
.video-link.reverse {
	background:0;
	color:inherit !important;
}
.video-link.reverse > div {
	padding:0 !important;
}
.video-link.reverse > div::before {
	border-color:#fff;
	background-image:url(../fonts/video-link-white.svg);
}
[data-bg="cyan"] .video-link > div::before {
	background-image:url(../images/video-link-white.svg);
	border-color:#fff;
}

.product-area-link {
	position:relative;
}
.product-area-link > a {
	color:#000 !important;
	display:flex;
	align-items: center;
}
.product-area-link > a .image {
	position:relative;
	border-radius:50%;
	flex:0 0 7.143em;
	max-width:7.143em;
	max-height:7.143em;
	background:#fff;
	border:0.214em solid rgb(0,173,239);
	padding:0.214em;
	box-shadow:0 0.571em 0.571em rgb(0,0,0,0.25);
	margin-right:1em;
}
.product-area-link > a .image::after {
	content:'';
	position:absolute;
	top:14.645%;
	left:14.645%;
	transform: translate(-50%,-50%);
	width:2.286em;
	height:2.286em;
	border-radius:50%;
	background-position:50% 50%;
	background-size:contain;
	background-repeat:no-repeat;
	border:0.143em solid #fff;
}
.product-area-link > a .image > span {
	display:block;
	border-radius:50%;
	overflow:hidden;
}
.product-area-link > a .image img {
	border-radius:50%;
	width:100%;
	margin:0;
	transition:transform 0.2s;
}
.product-area-link > a:hover .image img {
	transform:scale(1.1);
}

.product-area-link > a .text strong {
	display: block;
	font-size:1.286em;
}
.product-area-link > a .text span {
	display: block;
	color:rgb(153,153,153);
	font-weight:400;
}

.product-area-link[data-product-area="air-filtration-extraction"] > a .image::after {background-image:url(../fonts/air-filtration-extraction.svg);}
.product-area-link[data-product-area="coolant-control"] > a .image::after {background-image:url(../fonts/coolant-control.svg);}
.product-area-link[data-product-area="process-fluid-filtration"] > a .image::after {background-image:url(../fonts/process-fluid-filtration.svg);}

.product-area-link[data-product-area="air-filtration-extraction"] > a .image {border-color:rgb(0,173,239);}
.product-area-link[data-product-area="coolant-control"] > a .image {border-color:rgb(232,101,21);}
.product-area-link[data-product-area="process-fluid-filtration"] > a .image {border-color:rgb(136,189,30);}

.product-area-link[data-product-area="air-filtration-extraction"] > a .text {
	margin-bottom:4em;
}
.product-area-link[data-product-area="air-filtration-extraction"] > ul {
	position:absolute;
	top:5em;
	left:calc(8.143em + 0.9375rem);
	right:0.9375rem;
	list-style: none;
	padding:0;
	margin:0;
	display:flex;
	flex-wrap:wrap;
}
.product-area-link[data-product-area="air-filtration-extraction"] > ul li {
	flex:0 0 50%;
	max-width:50%;
	padding-left:0;
}
.product-area-link[data-product-area="air-filtration-extraction"] > ul li a {
	font-size:0.857em;
}

@media (min-width:48em) {
	.product-area-link {
		display:flex;
		justify-content: center;
	}
	.product-area-link > a {
		flex-direction:column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.product-area-link > a .image {
		font-size: 1.5em;
		margin-right:0;
	}
	.product-area-link > a .text {
		position:absolute;
		top:calc(50% - 12em);
		left:0.9375rem;
		right:0.9375rem;
		font-size:0.75em;
	}
}
@media (min-width:62em) {
	.product-area-link > a .image {
		font-size: 2em;
	}
	.product-area-link > a .text {
		font-size:1em;
	}
}

/*__________________________________________________________________________________________ COLOUR THEMES */
[data-bg="default"] {
	background: #fff;
	color: #000 !important;
}
[data-bg="image"] {
	background-color: #fff;
	background-position: 50% 25%;
	background-size: cover;
	background-repeat: no-repeat;
}
[data-bg="cyan"] {
	background-color: rgb(0,173,239);
	color:#fff !important;
}
[data-bg="cyan-image-grad"] {
	background:linear-gradient(135deg, rgba(0,173,239,0.9) 38%,rgba(0,173,239,0.4) 62%);
	color:#fff !important;
}
[data-bg="cyan-image-grad"]::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgb(0,173,239);
	z-index:-1;
}
[data-bg="grey"] {
	background-color: rgb(240,240,240);
}
[data-bg="dark-grad"] {
	background: linear-gradient(30deg, rgb(64,64,64) 0%,rgb(0,0,0) 100%);
	color:#fff !important;
}
[data-bg="dark-grad-turbine-blades"] {
	background: linear-gradient(30deg, rgb(64,64,64) 0%,rgb(0,0,0) 100%);
	color:#fff !important;
}
[data-bg="border-top"] {
	border-top:1px solid rgb(204,204,204); 
}
[data-bg="black"] {
	background:#000;
	color:#fff;
}
[data-bg="dark-grey"] {
	background: #c8c8c8;
}

[data-bg="cyan"] h2,
[data-bg="dark-grad"] h2 {
	color:inherit !important;
}

@media (min-width:48em) {
	[data-bg="dark-grad-turbine-blades"] {
		background: url(../images/turbine-blades.png) 100% 100% / auto 100% no-repeat, linear-gradient(30deg, rgb(64,64,64) 0%,rgb(0,0,0) 100%);
	}
}

/*________________________________________________________________________________________________ BUTTONS */
button {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}
button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
	cursor:pointer;
	text-align: left;
}
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.btn-red {
	background: rgb(180,0,6) !important;
}
.btn {
	border-radius: 0;
	display: inline-block;
	padding: 0.5625em 0.75em;
	transition: none;
	box-shadow: none !important;
	max-width: 100%;
	white-space: normal;
	line-height: inherit;
}

.btn-locale {
	position:relative;
	background: rgb(0,0,0) !important;
	background: linear-gradient(0deg, rgb(0,0,0) 0%, rgb(128,128,128) 100%) !important;
	color:#fff;
	padding:0.417em 3.333em 0.417em 0.75em;
}
.btn-locale::after {
	content:'';
	background:url(../images/ui-dropdown-arrow.svg) 50% 50% / contain no-repeat;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:calc(2.5em + 1px);
	border-left:1px solid #fff;
}
.btn-locale .flag {
	display:inline-block;
	height:1.25rem;
	margin:0 0 0 0.3em;
}
.btn-locale i {
	display:inline-block;
	height:1.25rem;
	margin:0 0 0 0.3em;
	font-size: 1rem;
}

.btn-download {
	background:rgb(0,173,239);
	color:#fff !important;
	position:relative;
	padding:0.5625em 2em 0.5625em 0.75em;
	text-align: left;
}
.btn-download::after {
	content:'\f33d';
	font-family:'Font Awesome 5 Pro';
	position:absolute;
	top:0.5625em;
	right:0.5625em;
}
.btn-download.left {
	padding:0.5625em 0.75em 0.5625em 2em;
}
.btn-download.left::after {
	top:0.5625em;
	right:calc(100% - 0.5625em);
	transform: translateX(100%);
}
.btn-link {
	background:rgb(0,173,239);
	color:#fff !important;
	position:relative;
	padding:0.5625em 2em 0.5625em 0.75em;
	text-align: left;
}
.btn-link::after {
	content:'\f054';
	font-family:'Font Awesome 5 Pro';
	position:absolute;
	top:0.5625em;
	right:0.5625em;
}
.btn-link.left {
	padding:0.5625em 0.75em 0.5625em 2em;
}
.btn-link.left::after {
	top:0.5625em;
	right:calc(100% - 0.75em);
	transform: translateX(100%);
}
.btn-link:hover {
	background:rgb(0,173,239);
	border: none;
}
.btn-outline {
	position:relative;
	color:inherit !important;
	font-weight:bold;
	padding-left:1.5em;
	font-size:1.143em;
}
.btn-outline::before {
	position:absolute;
	content:'\f105';
	font-family:'Font Awesome 5 Pro';
	font-weight:400;
	top:0.55em;
	left:0.7em;
}
.btn-outline::after {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border:3px solid rgb(0,173,239);
}
.btn-outline:hover::after {
	border-width:2px;
}
.btn-cta {
	position:relative;
	background:rgb(232,101,21);
	color:#fff !important;
	font-weight:700;
	padding-left:2em;
}
.btn-cta::before {
	content:'\f054';
	font-family:'Font Awesome 5 Pro';
	position:absolute;
	top:0.5625em;
	left:0.75em;
}
.btn-cta[href^="tel:"] {
	color:#fff !important;
}
.btn-shop {
	background:rgb(180,0,16);
	color:#fff !important;
}
.btn-cta-red {
	background:rgb(180,0,6);
	text-align: left;
}
.btn-cta-red-sm {
	background:rgb(180,0,6);
	text-align: center;
	padding-left: 0.75em !important;
    max-width: 15rem;
}
.btn-cta-red-sm::before {
	content:'';
}
@media (min-width:48em) {
	.btn-outline {
		font-size:1.286em;
	}
}

.btn-cta-panel {
	background:#fff;
	color:#000 !important;
	padding:1em 2.5em 1em 1em;
	box-shadow:0 0.625rem 1.25rem rgba(0,0,0,0.2) !important;
	position:relative;
	text-align: left;
	font-weight:400;
	font-size:1.25em;
}
.btn-cta-panel::after {
	content:'\f105';
	font-family: 'Font Awesome 5 Pro';
	font-weight:400;
	font-size:2em;
	color:rgb(0,173,239);
	position:absolute;
	line-height: 1;
	top:calc(50% - 0.5em);
	right:0.5em;
}

.btn-video {
	background:rgb(0,173,239);
	color:#fff !important;
	position:relative;
	padding:0.5625em 2em 0.5625em 0.75em;
	text-align: left;
	margin-bottom: 0.5rem;
}
.btn-video::after {
	content:'\f144';
	font-family:'Font Awesome 5 Pro';
	position:absolute;
	top:0.5625em;
	right:0.5625em;
}

/*__________________________________________________________________________________________________ LISTS */
ol, ul {
	padding-left:1em;
}
li {
	padding-left:0.25em;
}

.engineer-service-list {
	list-style:none;
	padding:0;
}
.engineer-service-list li a {
	display:block;
	min-height:4em;
	font-size:1.143em;
	font-weight:bold;
	padding:1.35em 0 1.35em 6.5em;
}
.engineer-service-list li a::after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:4em;
	height:4em;
	background-position:50% 50%;
	background-size:cover;
	background-repeat:no-repeat;
	border:3px solid rgb(0,173,239);
	border-radius:50%;
}
.engineer-service-list li a[href$="/"]::after {background-image:url(../fonts/design-and-installation-service-icon.svg);}
.engineer-service-list li a[href$="/filter-servicing-and-spares/"]::after {background-image:url(../fonts/servicing-and-spares-service-icon.svg);}
.engineer-service-list li a[href$="/lev-testing/"]::after {background-image:url(../fonts/lev-testing-service-icon.svg);}
.engineer-service-list li a:hover::after {
	border-width:2px;
}
.engineer-service-list li a.bullet-link::before {
	top:1.35em;
	left:5em;
}
.v-applications .banner {
	min-height: 22em;
}
.applications-list {
	list-style:none;
	padding:0;
	display:flex;
	margin:0 -0.46875rem 1em;
	flex-wrap:wrap;
}
.applications-list li {
	padding:0 0.46875rem;
	margin:0 0 0.9375rem;
	flex:0 0 50%;
	max-width:50%;
	position: relative;
}
.applications-list li::before {
	content:'';
	display:block;
	padding-top:100%;
}
.applications-list li a {
	background-position:50% 3em;
	background-size:auto 3em;
	background-repeat:no-repeat;
	background-color:#000;
	position:absolute;
	top:0;
	left:0.46875rem;
	right:0.46875rem;
	bottom:0;
	border-radius:50%;
	font-size:0.914em;
	font-weight:400;
	text-align: center;
	color:rgb(153,153,153) !important;
	padding:6.75em 1em 0;
	transition:background-color 0.2s, color 0.2s;
}
.applications-list li a:hover {
	background-color:rgb(0,173,239);
	color:#fff !important;
}
@media (min-width:48em) {
	.engineer-service-list li a.bullet-link::before {
		top:1.35em;
		left:0;
	}
	.engineer-service-list li a {
		padding:1.35em 0 1.35em 1.5em;
	}
	.engineer-service-list li a::after {
		display:none;
	}
	.applications-list li {
		flex:0 0 20%;
		max-width: 20%;
	}
	.applications-list li a {
		font-size:calc((100vw - 6 * 0.9375rem) / 53.75);
	}
}
@media (min-width:62em) {
	.applications-list {
		margin:0 -0.9375rem 1em;
	}
	.applications-list li {
		padding:0 0.9375rem;
		margin:0 0 1.875rem;
	}
	.applications-list li a {
		left:0.9375rem;
		right:0.9375rem;
		font-size:calc((93.75vw - 5 * 1.875rem) / 53.75);
	}
}
@media (min-width:80em) {
	.applications-list li a {
		font-size:1.22rem;
	}
}
.applications-list[data-style="grey-red"] li a {
	background-color:rgb(232,232,232);
	color:#000 !important;
}
.applications-list[data-style="grey-red"] li a:hover {
    background-color: rgb(180,0,16);
    color: #fff !important;
}
.applications-list[data-style="grey-red"] li a::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-position:50% 3em;
	background-size:auto 3em;
	background-repeat:no-repeat;
	transition:opacity 0.2s;
}
.applications-list[data-style="grey-red"] li a:hover::after {
	opacity:0;
}
.social-channels {
	list-style:none;
	padding:0;
	margin-left:-0.3125rem;
	margin-right:-0.3125rem;
	display:flex;
}
.social-channels li {
	margin:0;
	padding:0 0.3125rem;
}
.social-channels li a {
	display:block;
	width:2rem;
}
.social-channels li a img {
	margin:0;
	width:100%;
}
.exhibitions-list {
	margin:0;
	padding:0;
	list-style:none;
}
.exhibitions-list li {
	padding-left:0;
}
/*_______________________________________________________INDUSTRIES____________________ */
.industries-list {
	list-style:none;
	padding:0;
	display:flex;
	margin:0 -0.46875rem 1em;
	flex-wrap:wrap;
}
.industries-list li {
	padding:0 0.46875rem;
	margin:0 0 0.9375rem;
	flex:0 0 50%;
	max-width:50%;
	position: relative;
}
.industries-list li::before {
	content:'';
	display:block;
	padding-top:100%;
}
.industries-list li a {
	background-position:50% 2.25em;
	background-size:auto 4em;
	background-repeat:no-repeat;
	background-color:#000;
	position:absolute;
	top:0;
	left:0.46875rem;
	right:0.46875rem;
	bottom:0;
	border-radius:50%;
	font-size:0.914em;
	font-weight:400;
	text-align: center;
	color:rgb(153,153,153) !important;
	padding:6.75em 1em 0;
	transition:background-color 0.2s, color 0.2s;
}
.industries-list li a:hover {
	background-color:rgb(0,173,239);
	color:#fff !important;
}

@media (min-width:80em) {
}
@media (min-width:48em) {
	.industries-list li {
		flex:0 0 25%;
		max-width: 25%;
	}
	.industries-list li a {
		font-size:calc(((100vw - 5 * 0.9375rem) / 4) * 0.093091);
	}
}
@media (min-width:62em) {
	.industries-list {
		margin:0 -0.9375rem 1em;
	}
	.industries-list li {
		padding:0 0.9375rem;
		margin:0 0 1.875rem;
	}
	.industries-list li a {
		left:0.9375rem;
		right:0.9375rem;
		font-size:calc(((93.75vw - 8 * 0.9375rem) / 4) * 0.093091);
	}
}
@media (min-width:80em) {
	.industries-list li {
		flex:0 0 16.6666666%;
		max-width: 16.6666666%;
	}
	.industries-list li a {
		font-size:1rem;
	}
}
.industries-list[data-style="grey-red"] li a {
	background-color:rgb(232,232,232);
	color:#000 !important;
}
.industries-list[data-style="grey-red"] li a:hover {
    background-color: rgb(180,0,16);
    color: #fff !important;
}
.industries-list[data-style="grey-red"] li a::after {
	content:'';
	position:absolute;
	top:-0.75rem;
	left:0;
	right:0;
	bottom:0;
	background-position:50% 3em;
	background-size:auto 4em;
	background-repeat:no-repeat;
	transition:opacity 0.2s;
}
.industries-list[data-style="grey-red"] li a:hover::after {
	opacity:0;
}
/*_________________________________________________________________________________________________ TABLES */
.tech-data .table-responsive {
	margin-bottom:1em;
}
.tech-data table {
	font-size:0.857em;
}
.tech-data thead th {
	background:#000;
	color:#fff;
	border-left:0;
	border-right:1px solid rgba(255,255,255,0.6);
	border-bottom: 0;
	border-top:0;
	text-align: center;
	vertical-align: middle;
}
.tech-data thead th:first-child {
	background:rgb(0,173,239);
	border-right:0;
}
.tech-data thead th:last-child {
	border-right:0;
}
.tech-data thead th .units {
	display:block;
	font-weight:normal;
}
.tech-data thead th .footnote-ref {
	font-weight:normal;
}
.tech-data tbody td {
	background:#fff;
	border-bottom:1px solid rgba(0,0,0,0.4);
	border-top:none;
	border-left:0;
	border-right:1px solid rgba(0,0,0,0.4);
	text-align: center;
	vertical-align: middle;
}
.tech-data tbody td:first-child {
	background:rgb(179,230,250);
	border-right:0;
}
.tech-data tbody td:last-child {
	border-right:0;
}
.tech-data tbody tr:last-child td {
	border-bottom:0;
}
.tech-data .table-footnotes {
	list-style: none;
	padding-left:0;
	font-size: 0.857em;
}
.tech-data .table-footnotes li {
	position:relative;
	padding-left:1.25em;
}
.tech-data .table-footnotes li > sup {
	font-style: normal;
	position:absolute;
	top:0;
	left:0;
}

/*_________________________________________________________________________________________________ PANELS */
.panel {
	background:#fff;
	border-radius:0;
	box-shadow:0 0.625rem 1.25rem rgba(0,0,0,0.2);
}
.panel + .panel {
	margin-top:2em;
}
.panel > header,
.panel > div,
.panel > section {
	padding:1.875em;
}

.panel > .row {
	margin:0;
	padding:1.875em calc(1.875em - 0.9375rem);
}

.panel h2 {color:#000;}
.panel h2 > span {display:block; color:rgb(128,128,128);}

.action-panel > header,
.action-panel > div,
.action-panel > section {
	padding:0.857em;
}
.action-panel > header > a {
	display:block;
	margin:-0.857em;
    padding: 0.857em;
}
.action-panel > header > a.bullet-link {
	padding-left:2.357em;
}
.action-panel > header > a.bullet-link::before {
	top:0.857em;
	left:0.857em;
}

.panel .side-quote {
	color:rgb(0,173,239);
	text-align: right;
	border-right:4px solid rgb(0,173,239);
	margin-right: -1.458em;
	padding-right:calc(1.458em - 4px);
	font-size:1.286em;
}

@media (min-width:48em) {
	aside {
		display:flex;
		flex-direction:column;
	}
	aside > .panel {
		width:100%;
	}
	aside > .action-panel {
		max-width:19.29em;
		align-self: flex-end;
	}
	
	.panel-text {
		columns: 2;
		column-gap: 1.875rem;
	}
}

/*__________________________________________________________________________________________________ CARDS */
.card {
	display:flex;
	flex-direction: row;
	border:0;
	border-radius: 0;
	background:#fff;
	color:#000 !important;
	box-shadow:0 0.3125rem 0.625rem rgba(0,0,0,0.2);
	margin-bottom:1em;
}
.card > a {
	flex:0 0 100%;
	max-width:100%;
	display:block;
	padding:1.143em;
	color:inherit !important;
	background:#fff;
}
.card > a:hover {
	box-shadow:0 0.3125rem 0.625rem rgba(0,0,0,0.2);
}

.card[data-target="pre-filters-fx-series"] a {
	background:url(../images/pre-filters.jpg) 100% 75% / 100% auto no-repeat;
	min-height:18em;
}
.card[data-target="afterfilters-fx-series"] a {
	background:url(../images/afterfilters.jpg) 100% 75% / 80% auto no-repeat;
	min-height:18em;
}
.card[data-target="stands-fx-series"] a {
	background:url(../images/stands.jpg) 100% 50% / 80% auto no-repeat;
	min-height:18em;
}
.card[data-target="pre-filters-s-series"] a {
	background:url(../images/pre-filters-s-series.jpg) 100% 75% / 100% auto no-repeat;
	min-height:18em;
}
.card[data-target="afterfilters-s-series"] a {
	background:url(../images/afterfilters.jpg) 100% 75% / 80% auto no-repeat;
	min-height:18em;
}
.card[data-target="stands-s-series"] a {
	background:url(../images/stands-s-series.jpg) 100% 50% / 80% auto no-repeat;
	min-height:18em;
}

@media (min-width:62em) {
	.card[data-target="pre-filters-fx-series"] a {
		background-position:100% 100%;
		background-size:100% auto;
		min-height:20em;
	}
	.card[data-target="afterfilters-fx-series"] a {
		background-position:100% 100%;
		background-size:90% auto;
		min-height:20em;
	}
	.card[data-target="stands-fx-series"] a {
		background-position:100% 100%;
		background-size:85% auto;
		min-height:20em;
	}
	.card[data-target="pre-filters-s-series"] a {
		background-position:100% 100%;
		background-size:100% auto;
		min-height:20em;
	}
	.card[data-target="afterfilters-s-series"] a {
		background-position:100% 100%;
		background-size:90% auto;
		min-height:20em;
	}
	.card[data-target="stands-s-series"] a {
		background-position:100% 100%;
		background-size:85% auto;
		min-height:20em;
	}
}

.card.post > a {
	display:flex;
	flex-direction:column;
	padding:0.714em;
}
.card.post .post-image {
	margin:-0.714em -0.714em 1em;
	padding:0.286em;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	height:9em;
	background-position:50% 25%;
	background-size:cover;
	background-repeat:no-repeat;
}
.card.post .post-type {
	padding:0.3em 0.55em;
	background:rgb(180,0,16);
	color:#fff !important;
	font-size: 0.786em;
	font-weight:400;
}
.card.post .post-snippet {
	display:flex;
	flex-direction:column;
	flex-grow: 1;
	justify-content: space-between;
}
.card.post .post-title {
	color:rgb(0,173,239) !important;
	font-weight:bold;
	margin-bottom: 0.5em;
}
.card.post .post-date {
	font-size: 0.857em;
	display:block;
	font-weight:bold;
}

.post-cards {
	display: flex;
	flex-wrap:wrap;
	margin:0 -0.571em;
	flex:1 0 auto;
}
.post-cards .post-wrapper {
	display:flex;
	width:100%;
	padding:0 0.571em;
}
.post-cards .card {
	display: flex;
	margin-bottom: 1em;
	width:100%;
}

@media (min-width:48em) {
	.post-cards {
		flex-wrap:nowrap;
	}
	.post-cards[data-posts="2"] .post-wrapper {
		flex:0 0 50%;
		max-width:50%;
	}
	.post-cards[data-posts="4"] .post-wrapper {
		flex:0 0 25%;
		max-width:25%;
	}
}

.card.expo {
	padding-bottom:2.5em;
}
.card.expo .logo {
	display:flex;
	align-items: center;
	justify-content: center;
	flex:0 0 8.286em;
	max-width:8.286em;
	padding:0.714em;
}
.card.expo .logo img {
	margin:0;
}
.card.expo .summary {
	font-size:0.857em;
	padding:2.333em 2.5em 2.333em 0;
	flex:1 0 0;
}
.card.expo .summary p {
	margin:0;
}
.card.expo .summary p + p {
	margin-top:0.167em;
}
.card.expo .date {
	font-weight:bold;
}
.card.expo .year {
	font-size:1.41em;
	position:absolute;
	top:0.5rem;
	right:0.625rem;
	color:rgb(153,153,153);
}
.card.expo .flag {
	position:absolute;
	bottom:0.625rem;
	right:0.625rem;
	width:1rem;
	margin:0;
	box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.5);
}
@media (min-width:62em) {
	.card.expo {
		display:block;
	}
	.card.expo .logo {
		max-width:none !important;
		height:9.357em;
		padding:2.5em 0.571em 0.571em;
	}
	.card.expo .summary {
		padding:0 0.667em;
	}
}

/*__________________________________________________________________________________________________ BOXES */
.box {
	padding:1.143em;
	margin-bottom:1em;
}

.box.callout {
	position:relative;
	display:inline-block;
	background:rgb(0,173,239);
	color:rgb(255,255,255,0.75) !important;
	}
.box.callout::before {
	content:'';
	position:absolute;
	width:0;
	height:0;
	}
.box.callout[data-leader='rt']::before {top:2.5em; left:100%; border-right:2.143em solid rgb(0,173,239); border-top:0.786em solid transparent; border-bottom:0.786em solid transparent; transform-origin: left center; transform:rotate(-70deg) translate3d(-0.1em, 0, 0.1em);}

.box.callout h2 {
	color:#fff !important;
}


.box.callout.callout--f-monitor-bluetooth {
	background-color: #0055a8;
	color: #fff !important;
	position: relative;
	padding-left:4.5em;
	width:14em;
	min-height: 5rem;
}
.box.callout.callout--f-monitor-bluetooth.sq-leader[data-leader='lt']::before {
	border-color:#0055a8 #0055a8 transparent transparent !important;
}
.box.callout.callout--f-monitor-bluetooth i {
	font-size:3em;
	position:absolute;
	top:0.35em;
	left:0.32em;
}
.box.callout.callout--f-monitor-bluetooth p {
	font-size:1.1em;
}


/*_____________________________________________________________________________________________ LIGHTBOXES */
.lity {
	background: rgba(0,173,239,0.95);
}
.lity-active,
.lity-active body,
.lity-active body > form {
    overflow: hidden;
}
.lity-wrap {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.lity-wrap::before {
    margin-right: 0;
}
.lity-container {
    width: 100%;
	padding:0 5vw;
	max-height: none;
}
.lity-content::after {
	box-shadow:none;
}
.lity-content {
	margin:3rem auto;
}
.lity-content > * {
	max-height:none !important;
}
.lity-close-wrapper {
	position:fixed;
	top:0.5em;
	right:0.5em;
	width:3em;
	height:3em;
	z-index: 9994;
	padding:0 !important;
	display:block;
	font-size:16px;
}
.lity-close, .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	font-size:1em;
}
.lity-close svg {
	width:100%;
	height:100%;
	pointer-events:none;
}
.lity-iframe-container iframe {
	background:#fff;
}

.panel-lightbox .panel > div {
	padding-top:2.5em;
}
.panel-lightbox .lity-content {
	max-width:33.75em;
}
.panel-lightbox .panel .lity-close svg .x {
	fill:rgb(228,18,28);
}
.panel-lightbox .panel > .lity-close-wrapper {
	position:absolute;
	top:0;
	right:0;
	font-size:1rem;
}
.panel-lightbox .lity-wrap > .lity-close-wrapper {
	display:none;
}

@media (min-width:48em) {
	.panel-lightbox .panel > div {
		padding-top:1.875em;
	}
	.panel-lightbox .lity-wrap > .lity-close-wrapper {
		display:block;
	}
	.panel-lightbox .panel > .lity-close-wrapper {
		display:none;
	}
}
@media (min-width:62em) {
	.lity-close-wrapper {
		font-size:24px;
	}
}

.lity-active-gallery,
.lity-active-gallery body {
	height:auto;
	overflow: visible;
}
.gallery-lightbox {
    background:rgba(0,0,0,0.95);
	color:#fff;
}
.gallery-lightbox .lity-container {
    overflow-y: visible;
	padding:0;
}
.gallery-lightbox .lity-container,
.gallery-lightbox .lity-content,
.gallery-lightbox .lity-content > div,
.gallery-lightbox .slick-slider,
.gallery-lightbox .slick-list,
.gallery-lightbox .slick-track,
.gallery-lightbox .slick-slide {
	height:100%;
	max-height:none !important;
}
.gallery-lightbox .lity-wrap::before {
	margin-right: 0;
}
.gallery-lightbox .lity-content {
	margin:0 auto;
}
.gallery-lightbox .lity-content::after {
	box-shadow:none;
}
.gallery-lightbox .slick-slide {
	position:relative;
	display:flex;
	padding:4em 0 20vmin;
}
.gallery-lightbox .slick-slide > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex:0 0 100%;
	max-width:100%;
	font-size:4.375vmin;
}
.gallery-lightbox .slick-slide .image {
	max-height:100%;
	padding-bottom:4em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gallery-lightbox .slick-slide .image img {
	max-height:100%;
	margin:0;
}
.gallery-lightbox .slick-slide .caption {
	display: block;
	text-align: center;
	margin-top:-3em;
	max-height:3em;
}
.gallery-lightbox .slick-arrow {
	background:none;
	position:absolute;
	bottom:3vmin;
	z-index:1;
	width:1.4em;
	height:1.4em;
	line-height: 1.4;
	font-family:'Font Awesome 5 Pro';
	font-weight:300;
	border: 0;
	font-size:10vmin;
	padding:0;
	color:#666;
	text-align: center;
}
.gallery-lightbox .slick-arrow:hover {
	color:#fff;
}
.gallery-lightbox .slick-arrow.slick-prev {
	left:3vmin;
}
.gallery-lightbox .slick-arrow.slick-next {
	right:3vmin;
}
@media (min-aspect-ratio: 1/1) { /* Landscape aspect ratio */
	.gallery-lightbox .slick-slide {
		padding:1em 4.5em;
	}
	.gallery-lightbox .slick-arrow {
		top:50%;
		transform:translateY(-50%);
		height:4.2em;
		line-height: 4.2;
	}
}
@media (min-width: 22.875em) {
	.gallery-lightbox .slick-slide > div {
		font-size:16px;
	}
}
@media (min-width: 62em) {
	.lity-close,
	.gallery-lightbox .slick-arrow {
		color:#ccc;
	}
}
@media (min-width:67.5em) {
	/* Hide Scroll Bars */
	.lity-active-gallery, .lity-active-gallery body {
		height: 100%;
		overflow: hidden;
	}
}

/*_____________________________________________________________________________________________ 
VIDEO LIGHTBOX */
.lity-youtube {
	background:rgba(255,255,255,0.95);
}
.lity-youtube .lity-iframe-container {
	box-shadow:0 0.625rem 1.25rem rgba(0,0,0,0.2);
}
.lity-youtube .lity-close svg .x {
	fill:rgb(0,173,239);
}
@media (min-width:75em) {
	.lity-youtube .lity-container {
		max-width:85rem;
	}
}
/*_____________________________________________________________________________________________ 
IMAGE LIGHTBOX */
.lity-image {
	background:rgba(255,255,255,0.95);
}
.lity-image .lity-content img {
	max-height: 600px !important;
	margin: 0 auto;
}

.lity-image .lity-close svg .x {
	fill:rgb(0,173,239);
}/*_____________________________________________________________________________________________ 
WHITE LIGHTBOX */
.white-wide-lightbox {
	background:rgba(255,255,255,0.95);
}
.white-wide-lightbox .lity-content {
	max-width: 100%;
}
.white-wide-lightbox .lity-close svg .x {
	fill:rgb(0,173,239) !important;
}
@media(min-width:48em){
	.white-wide-lightbox .lity-content {
		max-width: 50%;
	}
}



.worldwide-lightbox {
	background:rgba(0,0,0,0.95);
	color:#fff;
}
.worldwide-lightbox .lity-content {
	margin:5rem auto;
}
.worldwide-lightbox a {
	color:#fff !important;
	font-weight:400;
}
.worldwide-lightbox .x-summary {
	margin-bottom:3em;
}
.worldwide-lightbox .x-summary ul {
	list-style:none;
	padding:0;
	margin:0 0 3em;
}
.worldwide-lightbox .x-summary p {
	font-size:1.25em;
	color:rgba(255,255,255,0.6);
}
.worldwide-lightbox .x-summary li {
	padding:0;
}
.worldwide-lightbox .x-summary li a {
	background:rgb(180,0,6);
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	padding:0.5em;
}
.worldwide-lightbox .x-summary li:first-child a {
	background:rgb(0,173,239);
}
.worldwide-lightbox .x-summary li a .x-lang {
	line-height: 1;
}
.worldwide-lightbox .x-summary li a .x-lang abbr {
	font-size:0.85em;
	vertical-align: middle;
}
.worldwide-lightbox .x-summary li a .x-lang img {
	display:inline-block;
	margin:0 0 0 0.5em;
	width:1.75em;
	vertical-align: middle;
}
.worldwide-lightbox .x-options {
	position:relative;
}
.worldwide-lightbox .x-region {
	margin-bottom:3em;
}
.worldwide-lightbox .x-region .lang-label {
	position:absolute;
	top:0.4em;
	right:0;
	font-size:0.75em;
}
.worldwide-lightbox .x-region h3 {
	margin-top:0;
	font-weight:400;
	color:rgb(0,173,239);
}
.worldwide-lightbox .x-region ul {
	list-style:none;
	padding:0;
}
.worldwide-lightbox .x-region li {
	padding:0.2em 0;
	margin:0;
}
.worldwide-lightbox .x-region li a {
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
}
.worldwide-lightbox .x-region li a:hover .x-country {
	color:rgb(0,173,239);
}
.worldwide-lightbox .x-region li a .x-lang {
	line-height: 1;
}
.worldwide-lightbox .x-region li a .x-lang abbr {
	font-size:0.85em;
	vertical-align: middle;
}
.worldwide-lightbox .x-region li a .x-lang img {
	display:inline-block;
	margin:0 0.5em 0 0.5em;
	width:1.75em;
	vertical-align: middle;
}

@media (min-width:48em) {
	.worldwide-lightbox .country-selector-lists {
		display:flex;
		flex-wrap:wrap;
		margin:0 -1.5rem;
	}
	.worldwide-lightbox .x-summary {
		flex:0 0 100%;
		max-width:100%;
		padding:0 1.5rem;
	}
	.worldwide-lightbox .x-options {
		flex:0 0 33.333%;
		max-width:33.333%;
		padding:0 1.5rem;
	}
	.worldwide-lightbox .x-options:nth-child(2) {order:4;}
	.worldwide-lightbox .x-options:nth-child(3) {order:3;}
	.worldwide-lightbox .x-options:nth-child(4) {order:2;}
	
	.worldwide-lightbox .x-options + .x-options::before {
		content:'';
		position:absolute;
		top:0;
		right:0;
		bottom:3em;
		border-right:1px solid rgba(255,255,255,0.2);
	}
	
	.worldwide-lightbox .x-region .lang-label {
		right:1.5rem;
	}
}

@media (min-width:62em) {
	.worldwide-lightbox .lity-content {
		margin:8rem auto;
		max-width:75em;
	}
	.worldwide-lightbox .country-selector-lists {
		background:url(../images/country-selector-world-map.png) 0.75rem 65% / 60% auto no-repeat;
	}
	.worldwide-lightbox .country-selector-lists > div {
		flex:0 0 25%;
		max-width:25%;
	}
	.worldwide-lightbox .x-options::before {
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:auto !important;
		bottom:3em;
		border-left:1px solid rgba(255,255,255,0.2);
		border-right:0 !important;
	}
}

/*__________________________________________________________________________________________________ FORMS */

/*_________________________________________________________________________________________________ BANNER */
.banner {
	min-height:21em;
}
.banner h1 a {
	color:#fff !important;
	font-weight:400;
}
.banner h1 + .subtitle {
	font-size:1.25em;
	margin-top:-1em;
}
@media (min-width:48em) {
	.banner {
		min-height:28.571em;
	}
	.banner aside {
		justify-content: flex-end;
	}
	.banner h1 + .subtitle {
		font-size:1.714em;
	}
}

/*_______________________________________________________________________________________ OTHER COMPONENTS */
@media (min-width:62em) {
	.sticky-panel {
		position:absolute;
		top:-3.714em;
		right:calc((100% + 1.875rem - 93.75vw) / 2);
		bottom:3em;
		width:calc(93.75vw / 4);
		padding:0 0.9375rem 0;
		margin-right: -0.9375rem;
		z-index:1;
	}
	.sticky-panel .panel {
		position:sticky;
		top:8em;
		z-index:1000;
		background:#fff;
		box-shadow:0 0.625rem 1.25rem rgba(0,0,0,0.2);
	}
}
@media (min-width:80em) {
	.sticky-panel {
		right:calc((100% + 1.875rem - 75rem)/2);
		width:calc(75rem / 4);
	}
}


[data-sticky-nav] {
	padding-bottom:3em;
}
[data-sticky-nav] .panel {
	box-shadow:none;
}
[data-sticky-nav] .panel > *:not(nav) {
    display: block;
}
[data-sticky-nav] .panel .details p:last-child {
    font-size: 0.85em;
}
[data-sticky-nav] nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
[data-sticky-nav] nav a {
	display:block;
	position: relative;
	color:inherit !important;
	padding:0.3em 0.857em 0.3em 2em;
	font-weight:400;
}
[data-sticky-nav] nav a + a {
	border-top:1px solid rgb(224,224,224);
}
[data-sticky-nav] nav a::before {
	content:'\f054';
	font-family:'Font Awesome 5 Pro';
	color:rgb(204,204,204);
	position:absolute;
	top:0.2em;
	left:0;
	transition: transform 0.2s;
}
[data-sticky-nav] nav a:hover::before {
	color:rgb(0,173,239);
	transform:scale(1.6);
}

[data-sticky-nav] nav ul .top,
[data-sticky-nav] nav ul .overview {
	display:none;
}

@media (min-width:48em) and (max-width:61.9375em) {
	.no-csspositionsticky [data-sticky-nav] {
		display: none;
	}
	
	[data-sticky-nav] nav ul .top {
		display:block;
		flex:0 0 4em;
	}
	
	[data-sticky-nav] {
		position:sticky;
		top:0;
		z-index:1000;
		background:rgb(255,255,255,0.9);
		margin:0 -0.9375rem;
		padding:1em 0;
	}
	[data-sticky-nav] .panel {
		max-width:none;
	}
	[data-sticky-nav] nav ul {
		display:flex;
		padding:0 0.4375rem;
		justify-content: space-between;
	}
	[data-sticky-nav] nav ul li {
		flex:1 0 auto;
		text-align: center;
		padding:0 0.5rem;
	}
	[data-sticky-nav] nav ul li a {
		padding:1em 0.25em;
		border:1px solid rgb(0,173,239);
		transition: background 0.2s, color 0.2s;
	}
	[data-sticky-nav] nav ul li a::before {
		content:none;
	}
	[data-sticky-nav] nav ul li a:hover {
		background:rgb(0,173,239);
		color:#fff !important;
	}
}

@media (min-width:62em) {
	[data-sticky-nav] nav ul .overview {
		display:block;
	}
	[data-sticky-nav] nav ul .sales {
		display:none;
	}
	
	[data-sticky-nav] {
		position:absolute;
		top:-3.714em;
		right:calc((100% + 1.875rem - 93.75vw) / 2);
		bottom:0;
		width:calc(93.75vw / 4);
		padding:0 0.9375rem 3em;
		margin-right: -0.9375rem;
		z-index:1;
	}
	[data-sticky-nav] .panel {
		position:sticky;
		top:8em;
		z-index:1000;
		background:#fff;
		box-shadow:0 0.625rem 1.25rem rgba(0,0,0,0.2);
	}
	[data-sticky-nav] .panel > *:not(nav) {
		display:block;
	}
}
@media (min-width:80em) {
	[data-sticky-nav] {
		right:calc((100% + 1.875rem - 75rem)/2);
		width:calc(75rem / 4);
	}
}

.cta .download {
	margin-bottom:0.5em;
}
.cta .download .btn-download {
	display:block;
}
.cta h4 {
	margin:1em 0 0;
	color:rgb(102,102,102);
}
.cta h4:first-child {
	margin:0;
}
.cta .tel {
	font-size:1.714em;
	font-weight:bold;
	color:#000 !important;
}
.cta .email > a {
	color:rgb(0,173,239) !important;
	font-weight:400;
}
.panel > .cta {
	padding:1em;
}

.section-kicker {
	position:absolute !important;
	top:-1.5em;
	left:0.9375rem;
}
.section-kicker a {
	font-size:1.143em;
	background:rgba(0,0,0,0.25);
	color:#fff !important;
	display:inline-block;
	padding: 0.3em 0.5em;
	font-weight:400;
}

.panel-kicker {
	padding:0 1.875em !important;
}
.panel-kicker > span {
	display: inline-block;
	background:rgb(180,0,16);
	color:#fff;
	padding:0.3em 0.5em;
	font-size:0.786em;
}

.blockline {
	line-height: 1.65;
	margin:0 0.2em;
}
.blockline > * {
	display:inline;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	padding: 0 0.2em 0.1em;
	box-shadow: 0.2em 0 0 rgba(0,0,0,0.25), -0.2em 0 0 rgba(0,0,0,0.25);
	background-color: #fff;
	background-color: rgba(0,0,0,0.25);
}

/*_________________________________________________________________________________________________ HEADER */
#masthead {
	padding-top:1.125rem;
	padding-bottom:1.125rem;
}
#logo {
	display: block;
	width: 9.75rem;
}
#logo img {
	width: 100%;
	margin:0;
}
#menu-btn {
	position: absolute;
	top:50%;
	right:0.9375rem;
	width:1.875rem;
	height:0;
	padding-top:1.875rem;
	overflow:hidden;
	transform:translateY(-50%);
	border:none;
}
#menu-btn::before {
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	width:70%;
	height:46.667%;
	transform:translate(-50%, -50%);
	border-top:0.125rem solid rgb(102,102,102);
	border-bottom:0.125rem solid rgb(102,102,102);
}
#menu-btn::after {
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	width:70%;
	height:0;
	transform:translate(-50%, -50%);
	border-top:0.125rem solid rgb(102,102,102);
}
#drc-access {
	display:none;
}
#i18n {
	background: rgb(230,230,230);
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding-top:1.125rem;
	padding-bottom:1.125rem;
	font-size:0.857em;
}
#i18n .lead {
	font-size:inherit;
	color:rgb(180,0,16);
}

@media (min-width:48em) {
	#header {
		padding-bottom:1.25rem;
	}
	#logo {
		width: 16.25rem;
	}
	#drc-access {
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		font-size:0.75rem;
		max-width:17.5em;
	}
	#drc-access a {
		font-weight:400;
	}
	/*#drc-access .user {
		display:flex;
		justify-content: space-between;
		font-size:0.875em;
		margin-top:0.2em;
	}
	#drc-access .user .logout {
		white-space: nowrap;
	}*/
	#drc-access .logout {
		margin-left:1.5em;
	}
	#i18n {
		background: none;
		flex-direction: column;
		justify-content: center;
		align-items:flex-start;
		margin-bottom:2em;
	}
	#i18n .lead {
		display:block;
		margin-bottom: 0.5em;
	}
	#i18n .lead br {
		display:none;
	}
	#i18n .btn {
		text-align: left;
		width:100%;
		box-sizing:border-box;
		height:2.5em;
	}
}
@media (min-width:62em) {
	#header {
		padding-bottom:1.5rem;
	}
	#logo {
		width: 18.563rem;
	}
}

/*___________________________________________________________________________________ 50th Anniversery logo */
#header #masthead {
	position: relative;
}
#header #masthead #boom {
	color:rgb(180,0,16) !important;
}
#header #masthead #boom:hover {
	color:rgb(0,173,239) !important;
}
#header #masthead #logo {
    width: 14rem;
}
#header #masthead #cel-text {
	position: absolute;
	left: 6.2em;
	bottom: 1.3em;
}
#header #masthead #cel-text .logo-txt:hover {
	color: rgb(180,0,16);
}
#header #masthead #cel-text span {
	color:rgb(0,173,239);
	font-size: 0.65em;
}
#header #masthead #cel-text span.logo-txt {
	display: none;
}
#header #masthead #cel-text span.logo-txt.visible {
	display: block;
}
@media (min-width:48em) {
	#header #masthead #logo {
		width: 20rem;
	}
	#header #masthead #cel-text {
		position: absolute;
		left: 8.5em;
		bottom: 1.65em;
	}
	#header #masthead #cel-text span {
		font-size: 0.95em;
	}
}

/*___________________________________________________________________________________________________ MAIN */
#main {
	border-bottom:1px solid rgb(204,204,204);
}
#main .row:last-child {
	margin-bottom:-1px;
}
/*_________________________________________________________________________________________________ FOOTER */
.pre-footer > div {
	display: flex;
	justify-content: space-between;
}
#world-clock {
	padding: 4rem 0.9375rem;
	display: flex;
	justify-content: flex-start;
}
#world-clock ul {
	list-style: none;
	position: relative;
	columns: 2;
	padding: 0;
	font-size: 0.7rem;
	margin-left: 4rem;
	color: rgba(0, 0, 0, 0.7);
}
#world-clock ul::before {
	content:'\f017';
	font-family:'Font Awesome 5 Pro';
	font-size: 4rem;
	font-weight: 400;
	color: #00adef;
	position:absolute;
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%);
}
#world-clock ul li {
	margin: 0 0 0 1rem;
	display: flex;
	justify-content: space-between;
	font-weight: 300;
	max-width: 6.5rem;
	break-inside: avoid;
}
#world-clock ul li span {
	margin-left: 0.25rem;
}
@media(min-width:48em){
	#world-clock ul {
		margin-left: 5rem;
	}
	#world-clock ul::before {
		left: -0.5rem;
	}
	#world-clock ul li span {
		margin-left: 0.75rem;
	}
}
#protecting-people {
	background:url(../images/protecting-people.jpg) calc(100% - 0.9375rem) calc(100% - 1.6875rem) / 17.8125rem auto no-repeat;
	padding-top:6em;
	display:flex;
	align-items: flex-end;
	justify-content: flex-end;
	border-top:1px solid rgb(204,204,204); 
}
#protecting-people > div {
	width:17.238em;
	padding:1.2em 2.4em 2em 1.2em;
	border-bottom:0.571em solid rgb(0,173,239);
	color:rgb(102,102,102);
	font-size:0.75em;
}
#protecting-people > div strong {
	display:block;
	font-size:1.25em;
	font-weight: 400;
	color:#000;
}
@media (min-width:48em) {
	#protecting-people {
		border-top:0; 
	}
}

.company-footer {
	font-size:0.857em;
	color:rgb(102,102,102);
	text-align: center;
}
.company-footer .span {
	padding:2.333em 0;
}

.company-footer .legal-info {
	text-align: left;
	display: flex;
}
.company-footer .legal-info img {
	margin: 0 0.25rem 0 0;
}
.company-footer .legal-info > a {
	display: flex;
	align-items: center;
	margin-right: 0.25rem;
}
.company-footer .legal-info * {
	color: #afaaaa;
}

#absolent-group-company {
	font-size:0.875rem;
	margin-bottom:2.5em;
}
#absolent-group-company a {
	line-height: 1.1;
	color:rgb(128,130,133) !important;
	display:flex;
	justify-content: center;
	font-weight:400;
}
#absolent-group-company a img {
	height:4.1em;
	margin:0;
}
#absolent-group-company a span {
	display: block;
	max-width:10.39em;
	padding-top:0.2em;
	padding-left:1.429em;
	border-left:1px solid rgb(128,130,133);
	margin-left:1.429em;
	text-align: left;
}
#footer .social-channels {
	justify-content: center;
}

#website-copyright {
	margin-bottom:1.5em;
	text-align: right;
}

#footer-links ul {
	list-style:none;
	padding:0;
}
#footer-links ul li {
	padding:0;
	margin:0;
}
#footer-links ul li a {
	display:block;
	padding:0.2em 0;
	color:rgb(102,102,102) !important;
	font-weight:400;
}
#footer-links ul li a:hover {
	color:#fff !important;
}

@media (min-width:48em) {
	.company-footer {
		text-align:right;
	}
	#absolent-group-company {
		margin-top:1.225em;
		margin-bottom:3.225em;
	}
	#absolent-group-company a {
		justify-content: flex-start;
	}
	#footer .social-channels {
		justify-content: flex-end;
	}
}

/*_____________________________________________________________________________________ MENU CUSTOMISATION */
#globalnav {
	height:0;
}
#globalnav .col {
	padding-top:0;
	padding-bottom:0;
}

@media (min-width:48em) {
	#globalnav {
		height:auto;
	}
}

.menu a {
	font-weight:400;
}
#menu {
	font-size:0.75rem;
}
#menu > div {
	display:flex;
	justify-content: space-between;
}
#menu > div > ul > li + li {
	margin-left:1px;
}
#menu > div > ul > li > a,
#menu > div > ul > li > span {
	padding:0.333em 0.5em !important;
	background: linear-gradient(0deg, rgb(224,224,224) 0%, rgb(243,243,243) 100%);
}
#menu > div > ul > li:hover > a,
#menu > div > ul > li:hover > span {
	background: linear-gradient(0deg, rgb(114,114,114) 0%, rgb(197,197,197) 100%);
	color:#fff !important;
}
#menu .drop > a::after {
	display:none;
}
#menu .drop > div {
	padding-top:1em;
	min-width: 14em;
}
#menu .drop[data-route="products"] > div {
	min-width: 25em;
}
#menu .drop > div > div {
	background:#fff;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.5);
}
#menu .drop > div > div > ul > li + li {
	border-top:1px solid rgba(0,0,0,0.1);
}
#menu .drop > div > div > ul > li > a {
	padding:0.9em;
}
#menu .drop:not(.megamenu) > div > div > ul {
	position:relative;
	border-top:2px solid rgb(0,173,239);
}
#menu .drop:not(.megamenu) > div > div > ul::before {
	top: -9px;
	right: calc(50% - 9px);
	border-width: 0 9px 9px;
	content: "";
	position: absolute;
	border-style: solid;
	border-color: rgb(0,173,239) transparent;
	display: block;
	width: 0;
}
#menu .drop:not(.megamenu) > div > div > ul > li.all > a {
	background: rgb(0,173,239);
	color:#fff !important;
}
#menu .drop > div > div > ul > li > a::before {
	position:absolute;
	top:3px;
	left:0;
	bottom:3px;
	width:0;
	background:rgb(0,173,239);
	content:'';
	transition:all 0.2s;
}
#menu .drop > div > div > ul > li:hover > a::before {
	width:4px;
	content:'';
}
#menu .drop.megamenu > div {
	padding-top:0;
}
#menu .drop.megamenu > div > div {
	padding:1.5em 0 0;
}

#menu [data-route="products"] > div > div {
	display:flex;
}
#menu [data-route="products"] > div > div > a.all {
	display:none;
}
#menu [data-route="products"] > div > div > div {
	display:flex;
	flex-direction: column;
	flex:1 0 0;
	max-width:100%;
	width:100%;
	padding:1.5em 1em;
}
#menu [data-route="products"] > div > div > div > .title {
	font-size:1.25em;
	display: block;
	color:#000 !important;
	margin-bottom:0.5em;
}
#menu [data-route="products"] > div > div > div > div {
	display:flex;
	margin:0 -0.5em 0;
}
#menu [data-route="products"] > div > div > div > .all {
	color:#fff !important;
	background:rgb(0,173,239);
	display: block;
	padding:1em 1em 1em 2.5em;
	margin:auto -1em 0;
}
#menu [data-route="products"] > div > div > div > .all.bullet-link::before {
    top: 1em;
    left: 1em;
	color:#fff !important;
}
#menu [data-route="products"] > div > div > div > div > div {
	flex:1 0 0;
	max-width:100%;
	width:100%;
	padding:0 0.5em;
}
#menu .drop[data-route="products"] > div > div {
	position:relative;
	border-top:2px solid rgb(0,173,239);
}
#menu .drop[data-route="products"] > div > div::before {
	top: -9px;
	left: 1.96875em;
	border-width: 0 9px 9px;
	content: "";
	position: absolute;
	border-style: solid;
	border-color: rgb(0,173,239) transparent;
	display: block;
	width: 0;
}
#menu [data-route="products"] > div > div > div > div > div .title {
	margin-bottom:0.5em;
	display: block;
	color:rgb(0,173,239) !important;
	font-size:1.25em;
}
#menu [data-route="products"] li > a.bullet-link {
	padding:0.3em 0 0.3em 1.5em;
}
#menu [data-route="products"] li > a.bullet-link:hover {
	background:none;
}
#menu [data-route="products"] li > a.bullet-link::before {
	top:0.3em;
}
#menu [data-route="products"] .box-link {
	background: linear-gradient(to bottom, #f2f2f2 0%,#e0e0e0 100%);
	padding:0.5em;
	display:flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:0.5em;
}
#menu [data-route="products"] .box-link:hover {
	background: linear-gradient(to bottom, #e6e6e6 0%,#c3c3c3 100%);
}
#menu [data-route="products"] .box-link strong {
	display:none;
}
#menu [data-route="products"] .box-link img {
	height:1.5em;
	margin: 0 1em 0 0;
}
#menu [data-route="products"] .box-link span {
	font-size:0.75em;
	text-align: right;
}
#menu [data-route="products"] #gn-coolant-control {
	flex:0 0 25%;
	max-width:25%;
	border-bottom:0.5em solid rgb(232,101,21);
}
#menu [data-route="products"] #gn-coolant-control .title {
	color:rgb(232,101,21) !important;
}
#menu [data-route="products"] #gn-coolant-control .btn-shop {
	align-self:flex-start;
	margin-top:1em;
}

@media (min-width:48em) {
	#menu .drop[data-route="products"] > div {
		left: 0;
		transform: translateX(0%);
	}
}
@media (min-width:62em) {
	#menu > div > ul > li > a br {
		display:none;
	}
}

/* Nav item width fixing (requested by client to fix rendering bug in Google Chrome) */
#menu > div > ul {display: block;}
#menu > div > ul > li {float:left; display: block;}
#menu > div > ul > li > a, #menu > div > ul > li > span {width:100%; height:3.25em;}

#menu li[data-route="home"] 								{width:calc(47em / 12);}
#menu li[data-route="products"] 							{width:calc(68em / 12);}
#menu li[data-route="services"] 							{width:calc(58em / 12);}
#menu li[data-route="centralised-extraction-systems"] 		{width:calc(59em / 12);}
#menu li[data-route="industries"] 							{width:calc(69em / 12);}
#menu li[data-route="applications"] 						{width:calc(81em / 12);}
#menu li[data-route="servicing-and-spares"] 				{width:calc(64em / 12);}
#menu li[data-route="lev-testing"] 							{width:calc(54em / 12);}
#menu li[data-route="health-and-safety"] 					{width:calc(61em / 12);}
#menu li[data-route="news-and-exhibitions"] 					{width:calc(76em / 12);}
#menu li[data-route="exhibitions"] 							{width:calc(74em / 12);}
#menu li[data-route="about"] 								{width:calc(47em / 12);}
#menu li[data-route="contact"] 								{width:calc(56em / 12);}

@media (min-width:62em) {
	#menu > div > ul > li > a {padding:0.6em 0.5em !important;}
	#menu > div > ul > li > a, #menu > div > ul > li > span {height:2.5em;}
	
	#menu li[data-route="home"] 							{width:calc(47em / 12);}
	#menu li[data-route="products"] 						{width:calc(114em / 12);}
	#menu li[data-route="services"] 						{width:calc(58em / 12);}
	#menu li[data-route="centralised-extraction-systems"] 	{width:calc(103em / 12);}
	#menu li[data-route="industries"] 						{width:calc(69em / 12);}
	#menu li[data-route="applications"] 					{width:calc(81em / 12);}
	#menu li[data-route="servicing-and-spares"] 			{width:calc(117em / 12);}
	#menu li[data-route="lev-testing"] 						{width:calc(77em / 12);}
	#menu li[data-route="health-and-safety"] 				{width:calc(99em / 12);}
	#menu li[data-route="news-and-exhibitions"] 				{width:calc(120em / 12);}
	#menu li[data-route="exhibitions"] 						{width:calc(74em / 12);}
	#menu li[data-route="about"] 							{width:calc(47em / 12);}
	#menu li[data-route="contact"] 							{width:calc(56em / 12);}
}
@media (min-width:64em) {
	#menu > div > ul > li > a {padding:0.6em 0.667em !important;}

	#menu li[data-route="home"] 							{width:calc(51em / 12);}
	#menu li[data-route="products"] 						{width:calc(118em / 12);}
	#menu li[data-route="services"] 						{width:calc(62em / 12);}
	#menu li[data-route="centralised-extraction-systems"] 	{width:calc(107em / 12);}
	#menu li[data-route="industries"] 						{width:calc(73em / 12);}
	#menu li[data-route="applications"] 					{width:calc(85em / 12);}
	#menu li[data-route="servicing-and-spares"] 			{width:calc(121em / 12);}
	#menu li[data-route="lev-testing"] 						{width:calc(81em / 12);}
	#menu li[data-route="health-and-safety"] 				{width:calc(103em / 12);}
	#menu li[data-route="news-and-exhibitions"] 				{width:calc(124em / 12);}
	#menu li[data-route="exhibitions"] 						{width:calc(78em / 12);}
	#menu li[data-route="about"] 							{width:calc(51em / 12);}
	#menu li[data-route="contact"] 							{width:calc(60em / 12);}
}
/* END Nav item width fixing */

#mobile-menu [data-nav] {display:none;}
html.menu-open[data-menu-scope*='"main"'] #mobile-menu [data-nav="main"] {display:block;}
html.menu-open[data-menu-scope*='"shop"'] #mobile-menu [data-nav="shop"] {display:block;}

#mobile-menu .drop > button.active {background:rgb(0,173,239);}

#mobile-menu .box-link {
	display:flex;
	justify-content: space-between;
}
#mobile-menu .box-link strong {
	font-weight:400;
}
#mobile-menu .box-link span {
	font-size:0.75em;
	color:rgba(255,255,255,0.6);
}
/*----------------------------------------------EMAIL SIGNUP----------------------------------- */
.email-signup {
	max-width: 100%;
	padding: 0.4375rem 0.5rem;
}
.email-signup-box {
	max-width: 100%;
	padding: 0.5rem 1rem;
	text-align: center;
}
/*--------------------NEWS - EMAIL SIGNUP----------------------------------- */
.widget.signup {
	padding: 0;
}
.widget.signup .email-signup {
	max-width: 100%;
}
.widget.signup .email-signup .email-signup-box {
	text-align: left;
	padding-left: 1rem;
}
/*--------------------FOOTER - EMAIL SIGNUP----------------------------------- */
.company-footer .email-signup {
	margin-bottom: 1rem;
}
@media (min-width:48em) {
	.email-signup {
		max-width: 13rem;
	}
	.email-signup-box {
		max-width: 100%;
		text-align: center;
	}
}
@media (min-width:62em) {
	.email-signup-box {
		padding: 0.5rem 0.75rem;
	}
}
/*--------------------EMAIL SIGNUP - HOME BANNER---------------*/
@media (min-width:48em) {
	.banner-slider .email-signup-wrapper {
		padding-bottom: 1rem;
	}
	.banner-slider .email-signup {
		max-width: 15rem;
		margin-left: 0.9375rem;
	}
}
@media (min-width:62em) {
	.banner-slider .email-signup-wrapper {
		padding-bottom: 0;
	}
	.banner-slider .email-signup {
		width: 15rem;
		position: absolute;
		right: 0.9375rem;
		bottom: 1.3rem;
		font-size: 0.9rem;
		margin-left: 0;
	}
}
@media (min-width:80em) {
	.banner-slider .email-signup {
		width: 20rem;
		right: calc(((100vw - 75rem) / 2) + 0.375rem);
	}
}
/*_______________________________________FACEBOOK FEED______________________ */
.v-home #facebook {
	display: none;
}
.v-home #facebook .panel {
	min-height:17.143em;
}
.v-home #facebook .fb-page {
    width: 100%;
    padding: 0;
}
.v-home #facebook .fb-page blockquote {
    text-align: center;
}
.v-home #facebook .fb-page blockquote a {
    position: static !important;
	height: auto !important;
	color: #000 !important;
	font-size: 2em;
}

.v-home #facebook .fb-page blockquote i {
	color: rgb(60, 90, 153);
	font-size: 1.75rem;
	margin-right: 0.5rem;
}
.v-home #facebook .fb-page span {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    width: 100% !important;
    height: 0 !important;
    overflow: hidden;
}
.v-home #facebook .fb-page iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
@media (min-width:48em) {
    .v-home #facebook {
		display:flex;
	}
	.v-home #facebook > .panel {
		flex: 0 0 100%;
		max-width:100%;
		width: 18.75rem;
	}
}
.v-home #facebook .panel {
    display: flex;
	align-items: center;
	justify-content: center;
}
@media (min-width:48em) {
	.v-home #facebook .panel {
		position: relative;
	}
	.v-home #social > .panel {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}