:root {
--blue: rgba(22,53,93,1);
--primary2: #007DBB;
//--l-blue: #41A7FF;
--l-blue: #007DBB;
--l-red: #C09759;
--f-red: #FD5D56;
--f-green: #0A4A55;
color-scheme: only light;
--dark: #101010;
}
html { font-size: 62.5%; margin: 0; scroll-behavior: smooth}
body {font-size: 1.3em; background:white;
line-height: 1.4;
font-weight: 400;
font-family: objektiv-mk1, sans-serif;
background-color: rgba(255,255,255,1.00);
color: #313131;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}    .container, .alignwide {position: relative; width: 95%; margin-left: auto; margin-right: auto; max-width: 1600px !important; box-sizing: border-box; }
.flex-columns {flex-flow:row; width:100%;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
.container, .alignwide { width: 95%;  }
.flex-columns .col-6 {flex:1 1 49%;}
.flex-columns .col-11 {flex:1 1 91%;}
} @media (min-width: 1000px) {
.container, .alignwide { width: 95%;  }
} @media (min-width: 1200px) {
.container, .alignwide { width: 95%;  }
} @media (min-width: 1500px) {
.container, .alignwide { width: 95%;  }
} @media (min-width: 1600px) {
.container, .alignwide { width: 100%;  }
}  .column, .columns { width: 100%;float: left;box-sizing: border-box; } @media (min-width: 400px) {
.container, .alignwide  {width: 95%; }} @media (min-width: 550px) {
.container, .alignwide  {width: 95%; }
.column, .columns {margin-left: 4%; }
.column:first-child, .columns:first-child { margin-left: 0; }
.one.column,
.one.columns                    { width: 4.66666666667%; }
.two.columns                    { width: 13.3333333333%; }
.three.columns                  { width: 22%;            }
.four.columns                   { width: 30.6666666667%; }
.five.columns                   { width: 39.3333333333%; }
.six.columns                    { width: 48%;            }
.seven.columns                  { width: 56.6666666667%; }
.eight.columns                  { width: 65.3333333333%; }
.nine.columns                   { width: 74.0%;          }
.ten.columns                    { width: 82.6666666667%; }
.eleven.columns                 { width: 91.3333333333%; }
.twelve.columns                 { width: 100%; margin-left: 0; }
.one-third.column               { width: 30.6666666667%; }
.two-thirds.column              { width: 65.3333333333%; }
.one-half.column                { width: 48%; } .offset-by-one.column,
.offset-by-one.columns          { margin-left: 8.66666666667%; }
.offset-by-two.column,
.offset-by-two.columns          { margin-left: 17.3333333333%; }
.offset-by-three.column,
.offset-by-three.columns        { margin-left: 26%;            }
.offset-by-four.column,
.offset-by-four.columns         { margin-left: 34.6666666667%; }
.offset-by-five.column,
.offset-by-five.columns         { margin-left: 43.3333333333%; }
.offset-by-six.column,
.offset-by-six.columns          { margin-left: 52%;            }
.offset-by-seven.column,
.offset-by-seven.columns        { margin-left: 60.6666666667%; }
.offset-by-eight.column,
.offset-by-eight.columns        { margin-left: 69.3333333333%; }
.offset-by-nine.column,
.offset-by-nine.columns         { margin-left: 78.0%;          }
.offset-by-ten.column,
.offset-by-ten.columns          { margin-left: 86.6666666667%; }
.offset-by-eleven.column,
.offset-by-eleven.columns       { margin-left: 95.3333333333%; }
.offset-by-one-third.column,
.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
.offset-by-one-half.column,
.offset-by-one-half.columns     { margin-left: 52%; }
} .u-full-width {
width: 100%;
height:auto;
box-sizing: border-box; }
.u-max-full-width {
max-width: 100%;
box-sizing: border-box; }
.u-pull-right {
float: right; }
.u-pull-left {
float: left; } hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #292929; }  .container:after,
.row:after,
.u-cf {
content: "";
display: table;
clear: both; }  body {background:white;}
@media (prefers-color-scheme:dark){
body{color:#101010;background:white;}
}
h1, h2, h3, h4, h5, h6 { margin: 0;  line-height: 1.3; margin-bottom: 2rem; font-weight: 300; position: relative; font-family: objektiv-mk1, sans-serif; letter-spacing: normal; }
h1 { font-size: 2.5rem;   }
h2 { font-size: 2.5rem;  margin-bottom: 2rem;}
h3 { font-size: 2rem;  margin-bottom: 2rem;}
h4 { font-size: 2rem;  font-weight: bold; }
h5 { font-size: 1.8rem;   }
h6 { font-size: 1rem; line-height: 1.6; font-weight: 400; color:var(--primary2); text-transform: uppercase; position: relative; top:10px;}
h6::before {content:""; position:absolute; display: block; top:-10px; width:260px; height:2px; background-color:var(--primary2);}
h6.has-white-color::before {background-color:#fff;}
h2, h3, .sector h2, .sector h3, .main-23 h2.header, .main-23 h3 { color:var(--dark);}
.has-white-color h2, .has-white-color h3 { color:#fff;}
.needs-white-text h1, .needs-white-text h2, .needs-white-text h3, .needs-white-text h4, .needs-white-text h5, .needs-white-text h6, .needs-white-text p { color:#fff; }
.has-dark-background h6, .has-dark-background h2, .has-dark-background h3, .has-dark-background h4, .has-dark-background p, .has-dark-background li {color:#fff;}
.has-dark-background h6::before {background-color: #fff;}
h2.white-link a {color:#fff;}
h2.white-link a:hover {color:#fff; border-color:#fff;}
h2.has-arrow-right {margin: 0;}
h2.has-arrow-right::after {content:""; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/home24/rt-arrow.svg); background-repeat:no-repeat; background-size:contain; background-position: center; position:absolute; left:100%; top:50%; transform:translateY(-50%); width:60px; height: 35px; }
h3.instruction {font-size:3rem; width:80%; opacity:0.47;position:relative}
h3.instruction::after {content:""; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/home24/arrow-instruction-dn.png); background-repeat:no-repeat; background-size:contain; background-position: center; position:absolute; left:100%; top:0; width:20%; height: 100%; } @media (min-width: 550px) {
h1, h2, h3, h4, h5, h6 {margin-bottom: 3rem; }
h1 { font-size: 4rem; }
h2 { font-size: 3.5rem;  }
h3 { font-size: 2.8rem;  }
h4 { font-size: 1.8rem; }
h5 { font-size: 1.6rem; }
h6 { font-size: 1.5rem; }
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
h1, h2, h3, h4, h5, h6 {margin-bottom: 3rem;}
h1 { font-size: 5rem; }
h2 { font-size: 4rem;  }
h3 { font-size: 2.8rem; letter-spacing: normal }
h4 { font-size: 1.8rem; }
h5 { font-size: 1.8rem; }
h6 { font-size: 1.6rem; }
}  html {
scroll-behavior: smooth;
}
.wp-block-group.ghostkit-effects-enabled.ghostkit-effects-reveal {visibility:show !important;}
a {text-decoration: none; color:#004d90; border-bottom:solid 1px #004d90;  }
h2 a {border:none;}
a:hover {border-bottom:solid 1px #41A7FF; color:#41A7FF;}
iframe {width:100% !important;}
.blocklink {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; border: none;}
.contain-link {display:block;}
.blocklink:hover {border:0;}
.blockimage {background-size:cover; background-position: center; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 999;}
.lrg {font-size:2.2rem;}
.italic {font-family: temeraire, serif; font-style: italic;}
.border-base {border-bottom:solid 3px #EF003B;}
.no-bullets {list-style:none; margin: 1rem 0; padding: 0 ;}
.shelf {margin:2rem auto; padding: 2rem 0;}
.shelf .container {padding: 0 2rem 0;}
.pad-v {padding: 2rem 0;}
.margin-v {margin: 2rem 0;}
.txtcntr {text-align:center;}
.feature-link {position: relative; display: inline-block; padding: 0px 25px; height:30px; line-height: 30px; background:transparent; border-radius: 40px; font-size: 12px; border: none; text-transform: uppercase; color:#fff; font-weight: 400;}
.feature-link:hover {background-color:#FFDA40; color:#292929;} 
.feature-link i {margin-right:1rem; font-size: 2.5rem; vertical-align: sub; display: inline-block;}
.feature-link.i-right {padding:0px 25px 0 35px;}
.feature-link.i-right::before {font-family: 'Pe-icon-set-interface'; font-size:1.8rem; content: "\e67a"; position:absolute; left:10px; top:50%; transform:translateY(-50%);}
.mask {position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0.9; transition:0.3s all;}
.service:hover .mask {opacity:0.7;}
.bg-green {background-color: rgba(10,74,85,1); color:#fff;}
.bg-blue {background-color: rgba(43,66,83,1); color:#fff;}
.has-bg-grey-background-color {background-color:#E6E6E6;}
.has-f-blue-background-color {background-color:#16355D;}
.has-f-grey-color {color:#E6E6E6;}
.has-f-blue-color {color:#16355D;}
.has-f-l-blue-color {color:var(--l-blue);}
.has-f-l-blue-background-color {background-color:var(--primary2);}
.rounded {border-radius:99px;}
.small-caps {display: block; font-size:14px; font-weight:200; text-transform: uppercase; margin-bottom: 2rem;}
nav li {margin-left:0;}
figure {margin:0;}
main.background-img {background-image: url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/interface/background.svg); background-position: 60% center; background-repeat: no-repeat; background-size:250%;}
.section-investors-2022 main.background-img, .section-careers main.background-img, .single main.background-img, .archive main.background-img, .page-template-template-investors-2022 main.background-img, .page-template-template-ppc-products main.background-img, .search main.background-img {background-image: none;}
.su-spoiler-title {font-weight:400 !important; text-transform: uppercase;}
.su-spoiler-title:hover span {background-color:#FFDA40; border-radius: 50px;}
.simple-padding {padding:2rem;}
.margin-bottom {margin-bottom:2rem;}
.awards .wp-block-columns, .awards figureΩ {margin-bottom:0;}
.factory-logo {width:120px; height:auto; margin: 0 0 -3px 0;}
._form-branding span{display:none;}
.wp-block-image img {height:auto;}
.wp-embed-aspect-16-9 div {width:100%; padding-top: 56.25%; position: relative;}
.wp-embed-aspect-16-9 iframe {position:absolute; width:100%; height:100%; top:0; left:0;}
.overlay {position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);}
.button.new22 {background-color:transparent; color:#101010; border-color:#707070; padding-left:40px; position: relative; text-transform: none; transition:0.5s all;}
.button.new22.blue::before {font-family: 'Pe-icon-set-interface'; font-size:2.2rem; content: "\e67a"; color:#41A7FF; position:absolute; left:10px; top:50%; transform:translateY(-50%); z-index: 9;}
.button.new22.blue:hover {background-color:#41A7FF; border-color:#41A7FF; color:#fff;}
.button.new22.blue:hover::before {color:#fff;}
.button.new22.white { color:#fff; border-color:#fff;}
.button.new22.white::before {font-family: 'Pe-icon-set-interface'; font-size:2.2rem; content: "\e67a"; color:#fff; border-color:#fff; position:absolute; left:10px; top:50%; transform:translateY(-50%); z-index: 9;}
.button.new22.white:hover {background-color:#fff; border-color:#fff; color:#222;}
.button.new22.white:hover::before {color:#222;}
.button.solid.new22 {background-color:#707070; color:#fff; border-color:#707070; padding-left:40px; position: relative; text-transform: none; transition:0.5s all;}
.button.solid.new22.blue {background-color:#41A7FF; border-color:#41A7FF;}
.button.solid.new22.blue::before {font-family: 'Pe-icon-set-interface'; color:#fff; font-size:2.2rem; content: "\e67a"; color:#fff; position:absolute; left:10px; top:50%; transform:translateY(-50%); z-index: 9;}
.button.solid.new22.blue:hover {background-color:transparent; border-color:#41A7FF; color:#707070;} .button.new22.blue:hover::before {color:#41A7FF;}
button.pum-close::after {background-image:unset;}
.ad-col {background-color: #04272e;}
.cc-col {background-color: #0A4A55;}
.space-col {background-color: #07a9a9;}
.tel-col {background-color: #412884;}
.commemoration {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/headers/Queen-2022.png); background-size: cover; background-position: center;}
.grey-page {animation: greyfilter 3s forwards 1s;}
.anchor {scroll-margin-top: 120px;}
@keyframes greyfilter {
0%   { filter: grayscale(0); }
100% { filter: grayscale(1); }
}
.angle-after {position: relative; padding-bottom:150px !important; overflow: hidden;}
.angle-after::after {content:""; display:block; position:absolute; top:100%; width:100%; height:300px; transform:translateY(-100px) skewY(-5deg); background-color:#fff; z-index: 2;}
.angle-before-block {}
.angle-before {position: relative; padding-top:150px !important; overflow: hidden;}
.angle-before::after {content:""; display:block; position:absolute; top:-200px; width:100%; height:300px; transform: skewY(-5deg); background-color:#fff; z-index: 2;}
.has-x-large-font-size {font-size:6rem !important; font-weight: 100; opacity: 0.4;}
.flex {display:flex; flex-flow:row wrap; justify-content: flex-start; gap:2%; align-content: center; align-items: center; }
.content-wrapper {padding: 2%;}
.pad, .shelf {padding:2rem 0;}
.shelf {margin:2rem auto;}
.narrow {width:100%; margin: 0 auto;}
.narrow.center {margin: 0 auto;}
.wp-block-separator {border-bottom:1px solid #707070;}
.navigation li a {background-color:transparent; color:var(--dark); border-radius:5px;}
.navigation li.arrows a {padding: 0 20px;}
.navigation li.active a, .navigation li a:hover {color:#fff; background-color:var(--primary2);}
a.wt-cli-ccpa-opt-out {text-decoration: none;}
.cli-plugin-button, .cli-plugin-button:visited {border:none; border-radius: 5px;}
.hide-mobile {display:none;}
.hide-desktop {display:block} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.slideshow h2 {font-size:6rem;}
.lrg {font-size:3rem;}
.pad-v {padding: 4rem 0;}
.margin-v {margin: 4rem 0;}
.feature-link {position: relative; display: inline-block; padding: 0px 25px; height:50px; line-height: 50px; background:transparent; border-radius: 40px; font-size: 15px; border: none; text-transform: uppercase; background-color:#0A4A55; color:#fff; font-weight: 400;}
.feature-link:hover {background-color:#FFDA40; color:#292929;} 
.feature-link i {margin-right:1.5rem; font-size: 2.5rem; vertical-align: sub; display: inline-block;}
.feature-link.i-right {padding:0px 25px 0 50px;}
.feature-link.i-right::before {font-family: 'Pe-icon-set-interface'; font-size:3rem; content: "\e67a"; position:absolute; left:10px; top:50%; transform:translateY(-50%);}
.simple-padding {padding:4rem;}
.dot-border-lft {border-left:dashed 2px #fff;}
.wp-block-quote {padding:4vh 25%;} 
.hide-mobile {display:block;}
.hide-desktop {display:none}
} @media (min-width: 1000px) {
.pad-v {padding: 4rem 0;}
.margin-v {margin: 4rem 0;}
.shelf {margin:3.5rem auto; padding: 3.5rem 0;}
} @media (min-width: 1200px) {
.shelf .container {padding:0 0 4rem 0;}
.pad-v {padding: 4rem 0;}
.margin-v {margin: 4rem 0;}
} @media (min-width: 1500px) { 
.angle-after {position: relative; padding-bottom:200px !important;}
.angle-after::after {content:""; display:block; position:absolute; top:100%; width:100%; height:300px; transform:translateY(-100px) skewY(-5deg); background-color:#fff;}
} .wp-block-button__link::before {content:"";}
.button, .wp-block-button__link, 
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {position: relative; display: inline-block; background-color:var(--primary2); border: var(--primary2) 1px solid; height: 35px; padding: 0 45px 0 15px ; color: #fff; text-align: left; font-size: 14px; font-weight: 400; line-height: 35px;
text-transform: none; text-decoration: none; white-space: nowrap; border-radius: 5px; cursor: pointer; box-sizing: border-box;}
input[type="submit"] {padding: 0 20px;}
button::after, .button::after, .wp-block-button__link::after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/interface/button-arrow-2.png); background-size:21px;  background-repeat:no-repeat; background-position: 80% center; width:40%; height:100%;}
.button:hover, .wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {border-color:var(--blue); background-color:var(--blue); color:#fff;}
.button.white, .button.story, .button.new22 {position: relative; display: inline-block; background-color:unset; border: white 1px solid; height: 35px; padding: 0 45px 0 15px ; color: #fff; text-align: left; font-size: 14px; font-weight: 400; line-height: 35px;
text-transform: none; text-decoration: none; white-space: nowrap; border-radius: 5px; cursor: pointer; box-sizing: border-box;}
.button.white::before, .button.story::before, .button.new22.white::before {content:"";}
.slick-prev::after, .slick-next::after, .slick-dots button::after {background-image:unset;}
.trans-button .wp-block-button__link {background-color:rgba(255,255,255,0.15); border:none;}
.trans-button .wp-block-button__link:hover {background-color:rgba(255,255,255,0.4); border:none;}
.wp-block-button.is-style-outline a, .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background), .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) {position: relative; display: inline-block; background-color:transparent; border: #fff 1px solid; height: 35px; padding: 0 45px 0 15px ; color: #fff; text-align: left; font-size: 14px; font-weight: 400; line-height: 35px;
text-transform: none; text-decoration: none; white-space: nowrap; border-radius: 5px; cursor: pointer; box-sizing: border-box;}
.button.story:hover {background-color:var(--blue); border-color:var(--blue); color:#fff;}
.button.story.outline { color:#101010; border-color:#707070; padding-left:40px; position: relative; text-transform: none; transition:0.5s all;}
.button.story.outline:hover {background-color:#41A7FF; border-color:#41A7FF; color:#fff;}
.button.story.outline:hover::before {color:#fff;}
.swiper-slider button::after {background-image:none;}
.wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-prev {right:-100px; left:auto;}
.swiper-slider .eedee-gutenslider-prev {right:0; left:auto;}
.swiper-slider .eedee-gutenslider-next {left:100%; right:auto;}
.button.feature-lt-blue {border-radius: 5px; background-color:rgba(255,255,255,0.3); border:none; color:#fff; padding: 0 40px 0 10px;}
.button::before, .wp-block-button.is-style-outline a::before {content:""; color:#fff;}
button.cky-btn {height:auto;}
button.cky-btn::after {content:unset;} .button-arrow-wt {max-width: 40px; max-height: 47px; width:60px; aspect-ratio:1 /1; border: none; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/home24/button-arrow.svg); background-size:contain; background-position: center; background-repeat: no-repeat;}
.button-arrow-wt:hover {border:none;}
.lg-feature-button {display:inline-block; border-radius: 5px; border:none; padding:10px 60px 10px 10px; background-color:rgba(255,255,255,0.15); color:#fff; font-size:1.6rem; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/home24/button-arrow.svg); background-size:20px; background-position: 95% 50%; background-repeat: no-repeat; transition:0.3s all;}
.lg-feature-button:hover {border:none; color:#fff; background-color:rgba(255,255,255,0.4);}
.lg-feature-button-base a {display:inline-block; box-sizing: content-box; height:35px; line-height:35px; border-radius: 0px; border:none; margin: 0; padding:0px 60px 0px 10px; background-color:var(--primary2); color:#fff; font-size:1.6rem; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/home24/button-arrow.svg); background-size:28px; background-position: 90% 50%; background-repeat: no-repeat; transition:0.3s all;}
.lg-feature-button-base.white a {background-color:#fff; color:var(--dark); background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/home24/button-arrow-dark.svg); }
.lg-feature-button-base a::before {content:"";}
.lg-feature-button-base .wp-block-button__link::after {background-image:unset;}
.arrow svg {width:43px; height:auto;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
h1 { font-size: 4rem;   }
h2 { font-size: 3.5rem;  } p, ul {font-size:1.4rem;}
} @media (min-width: 1000px) {
.pad {padding:4rem 0;}
.shelf {margin:4rem auto;} .narrow {width:60%;}
.lg-feature-button-base a { padding:10px 140px 70px 10px; font-size:2rem; background-size:38px; background-position: 95% 90%; color:#fff;}
.lg-feature-button {padding:20px 100px 20px 20px; font-size:2.5rem; background-size:35px;}
} @media (min-width: 1200px) { } @media (min-width: 1500px) {
.pad {padding:6rem 0;}
.shelf {margin:6rem auto;}
h1 { font-size: 6rem;   }
h2 {font-size:5rem; }
p, ul, ol {font-size:1.6rem;}
} input[type="email"],
input[type="date"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
position:relative;
color:#222;
font-size:1.6rem;
font-weight:400;
padding: 8px 40px 8px 10px; background-color: #fff;
border:solid 1px #ccc;
width:96%;
border-radius: 5px;
box-shadow: none;
box-sizing: border-box; 
} form.outline-form input[type="text"], form.outline-form input[type="email"], form.outline-form select{background-color:transparent; color:#fff;}
form.outline-form input[type="submit"] {background-color:var(--f-red);}
textarea {border-radius:0;} input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #33C3F0;
outline: 0; }
label,
legend {
display: block;
margin-bottom: 1rem;
font-weight: 400;
text-transform: uppercase;
font-size:1.3rem;}
fieldset {
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: 200; }
select{-webkit-appearance: none; -moz-appearence: none; }
::-webkit-input-placeholder { color: #ccc;
}
::-moz-placeholder { color: #ccc;
}
:-ms-input-placeholder { color: #ccc;
}
:-moz-placeholder { color: #ccc;
}
.wp-block-group .hbspt-form fieldset {max-width:unset;}
.hbspt-form .hs-recaptcha {margin-bottom:2rem;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
} ul {
list-style: disc outside;}
ol {
list-style: decimal outside; }
ol, ul {
padding-left: 0;
margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 90%; }
li {
margin-bottom: 1rem; margin-left:1rem;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
li {  margin-bottom: 1rem; margin-left:3rem;}
} @media (min-width: 1000px) {
li {margin-bottom: 1rem; margin-left:5rem;}
} @media (min-width: 1200px) {} @media (min-width: 1500px) {} th,
td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #484848; }  button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 2.5rem; }  header {display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: fixed; top:0; height: 45px; width: 100%; z-index: 99999; transition:1s all;}
header button {height:auto;}
header .brand {flex:0 0 auto; height:25px; width:auto; margin: 0 3%; line-height: 0;}
header .brand a { border:none; }
header .brand img {height:100%; width:auto;}
header .header-right {flex:0 0 auto; margin: 0 3%; text-align: right;}
.scroll-down {top:-80px; background-color: rgba(27,42,53,0.95);}
.scroll-up {top:0px; background-color: rgba(27,42,53,0.95);}
#hero {background:#292929;  position: relative; min-height: 300px; overflow: hidden; margin-bottom:2rem;}
#hero.home-hero {height:77vh;}
#hero {background-position:center; background-size:cover; position: relative; color:#fff;}
#hero .overlay {position: absolute; top:0; left:0; width: 100%; height:100%; background: rgb(0,0,0); background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6222864145658263) 100%); }
#hero .overlay-top {position: absolute; top:0; left:0; width: 100%; height:20%; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6222864145658263) 100%); }
#hero .overlay-left {position: absolute; bottom:0; left:0; width: 100%; height:50%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.70) 100%); }
#hero .video-text {width:80%; position: absolute; left:0; top:50%; transform:translateY(-50%); }
#hero .video-text h1 {font-size:3rem;}
.section-investors #hero {overflow:visible;}
#hero iframe {width: 100vw; height: 56.25vw; min-height: 100vh;min-width: 177.77vh; position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); }
#hero.page-hero figure {position: absolute; bottom:15%; width:70%; left:0%; margin:0; margin-bottom: 0;}
#hero .slideshow .first {background:#292929; }
#hero .slideshow figure {position:absolute; bottom: 4vh; margin: 0; color:#fff; }
#hero .slideshow .slide {background-size:cover; background-position: center; display: flex!important;
justify-content: center;
align-items: center;
outline: none;
height: 100%;
max-height: 100%;}
#hero .container {height:100%; position: relative; min-height: 800px; }
#hero .header-slideshow {position:absolute; width:100%; height:100%; top:0; left:0;}
#hero .header-slideshow .slide {height:800px;}
#hero .feature-award {display:none}
#hero .video-container { top:0; left:0; width: 100%; height: 100%; overflow: hidden; position: absolute;}
.breadcrumbs {position:absolute; bottom:15px; left:2%; font-size: 1.2rem; text-transform: uppercase; font-weight:400; display: none;}
.breadcrumbs { bottom:46px;}
.breadcrumbs a {color:#fff;}
#hero.preserve-aspect {padding-top: 56.25%; height: auto; min-height: inherit;}
#hero.preserve-aspect .inner {position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 9;}
#site-menu .dashicons-twitter {
background-image: url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/icons/icon-x-white.svg) !important;
background-size: 70% !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.dashicons-twitter:before {
content: " ";
}
#site-menu .theme, .ftc24 #site-menu {background-color:var(--primary2); font-size:1.2rem; }
#site-menu .share-price-widget {margin-left:3%; text-transform: uppercase; color:#fff;}
#site-menu .share-price-widget span {display:inline-block; border-radius:3px; padding:2px 3px; margin: 0 5px; color:var(--primary2); background-color:#fff;}
#site-menu .share-price-widget span.label {background:none; display:none; padding:0; color:#fff;;}
#site-menu .theme {display:none;}
#site-menu .dashicons-twitter { background-image: url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/icons/icon-x-w.svg) !important;background-size: 70% !important; background-repeat: no-repeat !important; background-position: center !important;}
.ftc24 #mega-menu-wrap-site {background:transparent;}
.ftc24 #mega-menu-wrap-site #mega-menu-site > li.mega-menu-item > a.mega-menu-link {background-color:transparent;}
.ftc24 header {color:#fff; width:95%; max-width: 1600px; margin: 10px auto; border-radius:200px; background-color:var(--blue);}
#header-wrapper {z-index: 99;}
#header-wrapper.scroll-up, #header-wrapper.scroll-down {background-color:transparent;}
#header-wrapper.scroll-down {top:-160px;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { padding:20px; border-radius:0px;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block button::after {background:none;}
#mega-menu-wrap-primary .widget_media_image img {width: auto !important; max-height: 50px !important;position: relative;margin: 0px 0 0px 0;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {        padding: 10px 0 10px 10px;}
#hero .title {flex:0 0 100%;}
#hero .title h1 {font-size:3rem; font-weight: 400;}
#mega-menu-wrap-primary #mega-menu-primary[data-effect-mobile^="slide_right"] + button.mega-close {left:unset !important; right:0px !important;}
#mega-menu-wrap-primary:has(.mega-menu-open) #mega-menu-primary[data-effect-mobile^="slide_"] + button.mega-close:before {font-size:26px;}
#mega-menu-wrap-primary h2 {color:#fff; font-weight:200;}
#header.background-overide {background-color: var(--l-blue);}
#hero .intro {width:100%;} #mega-menu-wrap-primary2026 #mega-menu-primary2026 > li.mega-menu-megamenu > ul.mega-sub-menu { padding:0px; border-radius:0px;}
#mega-menu-wrap-primary2026 .mega-menu-toggle .mega-toggle-block button::after {background:none;}
#mega-menu-wrap-primary2026 .widget_media_image img {width: auto !important; max-height: 50px !important;position: relative;margin: 0px 0 0px 0;}
#mega-menu-wrap-primary2026 #mega-menu-primary2026 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {        padding: 0;}
#mega-menu-wrap-primary2026 #mega-menu-primary2026[data-effect-mobile^="slide_right"] + button.mega-close {left:unset !important; right:0px !important;}
#mega-menu-wrap-primary2026:has(.mega-menu-open) #mega-menu-primary2026[data-effect-mobile^="slide_"] + button.mega-close:before {font-size:26px;}
#mega-menu-wrap-primary2026 h2 {color:#fff; font-weight:200;}
#mega-menu-wrap-primary2026 h4 {font-size:16px !important; text-transform: none !important; font-weight: 500 !important;} #header-wrapper #mega-menu-wrap-primary2026 #mega-menu-primary2026 li a.mega-menu-link {}
#header-wrapper #mega-menu-wrap-primary2026 #mega-menu-primary2026 li > a.mega-menu-link:hover {background-color:transparent; color:#fff;} #header-wrapper #mega-menu-wrap-primary2026 #mega-menu-primary2026 li ul li a.mega-menu-link {padding:3px 5px; border-radius:3px; display:inline-block;}
#header-wrapper #mega-menu-wrap-primary2026 #mega-menu-primary2026 li ul li a.mega-menu-link:hover {background-color:var(--l-blue); color:#fff;}
#header-wrapper #mega-menu-wrap-primary2026 #mega-menu-primary2026 li.product-type.disabled > a.mega-menu-link {color:#41a7ff; background:none;}
#header-wrapper #mega-menu-wrap-primary2026 #mega-menu-primary2026 li.product-type.disabled > a.mega-menu-link:hover {background:none; color:#41a7ff;}
#header-wrapper #mega-menu-wrap-primary2026 #mega-menu-primary2026 li.product-type > a.mega-menu-link {font-size:16px; font-weight:500; display:block; position: relative; background-image: url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/interface/menu-arrow.png); background-size:11px; background-position: 98% center; background-repeat: no-repeat;} .sticky-expert-link {position:fixed; display:flex; flex-flow:row; align-content: center; align-items: center; right:0; top:400px; width:120px; border-radius: 99px 0 0 99px; background-color:var(--primary2); color:#fff; z-index: 9; padding:10px 10px 10px 15px; transition:0.5s all;}
.sticky-expert-link:hover {background-color:var(--dark); box-shadow: 3px 0 6px rgba(0,0,0,0.2);}
.sticky-expert-link p {margin: 0; font-size:14px; text-transform: uppercase;}
.sticky-expert-link img {width:30px; height:30px; margin:0 10px 0 0;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
header .brand { height:40px; }
#hero .video-text h1 {font-size:4rem;}
#hero .title {flex:0 0 60%;}
#hero {height:60vh;  min-height: 500px; margin-bottom:4rem; }
#hero .container {height:100%; position: relative; min-height: 500px; }
#hero .header-slideshow .slide {height:60vh; min-height: 500px;}
#hero .feature-award {display:flex}
header { height: 80px; }
#hero .video-text {width:600px; }
.breadcrumbs { bottom:30px; display: block; }
.social-share {bottom:0;}
#site-menu .share-price-widget span.label {display:inline;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { padding:20px; border-radius:50px;}
.ftc24 header {background-color:unset; backdrop-filter: blur(20px) brightness(0.8); -webkit-backdrop-filter: blur(20px) brightness(0.5);}
#hero .title h1 {font-size:4rem; font-weight: 200;}
#mega-menu-wrap-primary2026 #mega-menu-primary2026 > li.mega-menu-megamenu > ul.mega-sub-menu { padding:20px; border-radius:50px;}
#mega-menu-wrap-primary2026 #mega-menu-primary2026 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {        padding: 10px 0 10px 10px;}
} @media (min-width: 1000px) {
#hero.page-hero figure {position: absolute;  width:61%; left:0%; margin:0; margin-bottom: 0; }
#hero.page-hero figure p {width:80%;}
.stocks-snapshot { position:absolute; right:20%; bottom:-50px; width:260px; }
#mega-menu-wrap-primary2026 #mega-menu-primary2026 > li.mega-menu-megamenu > ul.mega-sub-menu { padding:20px; border-radius:0px;}
} @media (min-width: 1200px) {
#hero.page-hero figure { bottom:10%;}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before {font-size:1.4rem;}
.breadcrumbs {left:0;}
#c-section .breadcrumbs {position: relative; right:0; text-align: right; margin: 30px 0 0 0;}
.social-share {right:0;}
.stocks-snapshot {right:15%;}
.stocks-snapshot .quote {font-size:3.5rem; }
#hero .title h1 {font-size:5rem; font-weight: 200;}
} @media (min-width: 1500px) {
#hero {margin-bottom:6rem; }
#hero .video-text h1 {font-size:5rem;}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before {font-size:1.6rem;}
.social-share .sd-content {display:inline-block; margin-left: 1rem;}
#header.intro {width:70%;}
}  #cta {background-color:#0A4A55; color:#fff; padding: 2rem 0 4rem 0; }
.actions-flex {display:flex; flex-flow:row wrap; justify-content: space-between; align-items: flex-end;}
#cta .action {flex:0 0 100%; position: relative; font-size: 1.8rem;  }
#cta .action a { display: block; border: none; padding: 1rem 0; border-bottom:solid 3px #fff; color: #fff; font-size:1.6rem;} 
#cta .action a:hover {color:#FFDA40; border-bottom:solid 16px #FFDA40;}
#cta .action img {display:inline-block; vertical-align: middle; width:20px; height:auto;}
footer {background-color:#02272E; color:#fff;}
.footer-logo {width:100px; height:auto; margin-bottom:1.5rem;}
footer p {font-size:12px;}
footer h2 {font-size:12px; text-transform: uppercase; font-weight:600; letter-spacing: normal}
footer h3 {font-size:12px; text-transform: uppercase; font-weight:400; letter-spacing: normal}
footer .social-icons {margin-bottom:1.5rem;}
footer .social-icons a {border: none;}
footer .addresses {display:flex; justify-content: space-between;}
footer .address {flex: 0 0 27%; }
footer a {color:#fff; border-color: transparent;}
footer a:hover {color:#FFDA40; border-color:#FFDA40;}
footer .no-bullets li {margin:0; padding:0;}
footer .product-list {columns: 2; font-size:14px;}
footer hr {border-color:#fff;}
.wp-block-columns.acc-logos img {max-height: 100px; width: auto;}
#footer-action {background-color:var(--primary2); color:#fff; text-align: center; padding-bottom:2rem;}
#footer-action h2 {color:#fff; margin-bottom: 3rem;}
footer {background-color:var(--dark); font-size: 14px;}
footer li a {font-size:14px;}
footer h2 {color:#fff;}
footer .social-icons a { display:inline-block; margin: 0 10px 0 0;}
footer .social-icons a img {transform:scale(75%);}
#footer-action .hsform {}
#footer-action .hsform fieldset {max-width: 100%; margin: 0 auto;}
#footer-action .hsform textarea {width:98%; border-radius: 5px;}
#footer-action .hsform input[type="submit"] {background-color:#fff; color: var(--l-blue);}
#footer-action .hsform input[type="submit"]:hover {background-color:var(--f-red); color:#fff; border:none;}
#footer-action .hsform .grecaptcha-badge {margin:0 auto;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
#cta .action {flex:0 0 30%;}
#cta .action a {font-size: 3rem; padding: 1rem 0; border-bottom:solid 16px #fff;}
#cta {padding: 3rem 0 8rem 0;}
#cta .action a {font-size: 1.8rem; padding: 1rem 0; border-bottom:solid 16px #fff;}
#cta .action img { width:40px; height:auto; margin-right: 2rem;}
footer p {font-size:14px;}
footer h2 {font-size:14px; text-transform: uppercase; font-weight:600; letter-spacing: normal;}
footer h3 {font-size:14px; text-transform: uppercase; font-weight:400; letter-spacing: normal;}
#footer-action {padding-bottom:4rem; padding-top:180px !important;}
} @media (min-width: 1200px) {
#cta .action {font-size: 2.2rem;}
} @media (min-width: 1500px) {
#footer-action {padding-bottom:6rem;}
#footer-action h2 {color:#fff; font-size: 3rem;}
}  .block {height:300px; position: relative;}
.block.image {background-size: cover; background-position:center;}
.block figure {position:relative; z-index: 9; color:#fff; margin: 0; padding: 2rem;}
.block figure h4 {font-size:3rem; font-weight:400; letter-spacing: -0.1rem;}
.icon {width:50px;}
.products-grey {background-color:#E6E6E6; padding:3rem 0;}
.products-grey .product {background-color:#fff; padding: 3rem;} .wp-block-cover, .wp-block-columns, .wp-block-group, .stats-block {margin-top:2rem; margin-bottom: 2rem;}
.no-margin {margin-top:0 !important; margin-bottom: 0 !important;}
.wp-block-group.has-background .wp-block-columns {margin:0 auto; padding: 2rem; }
.wp-block-group.alignfull.has-background .wp-block-columns {margin:0 auto; padding:0; gap:4%; }
.wp-block-column {padding: 2rem 0;}
.wp-block-columm.has-background {padding:2rem;}
.wp-block-group.has-background.alignwide {padding:2rem;}
.has-background .wp-block-cover {}
.wp-block-column {margin-bottom:2rem;}
.fl-colour-block {padding: 2rem; height:100%; display: flex; align-items: center; }
.fl-colour-block .wp-block-group__inner-container p:last-child {margin-bottom: 0;}
.wp-block-cover {}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]) {background-color:#2B4253;}
.wp-block-image.video-teaser {position:relative;}
.wp-block-image.video-teaser::after {content:"\e008"; font-family: 'Simple-Line-Icons'; color:#fff; font-size:4rem; position:absolute; top:50%; left: 0; width:100%; transform:translateY(-50%); text-align: center;}   .careers-wrapper {display:flex; flex-flow: row wrap; justify-content: flex-start; align-content: stretch; }
.careers-wrapper article {flex:0 0 30%; margin: 1.5%; border-top:1px solid #222; border-bottom:1px solid #222; position:relative;}
.careers-wrapper article .inner {padding:2rem 2rem 6rem 2rem;}
.careers-wrapper article .inner .action {position: absolute; bottom:0; }
.apply {margin-top:3rem;}
.wpcf7 form.sent .wpcf7-response-output {background-color: #46b450; color:#fff; border-radius:10px;}
.wp-element-caption {display:none;}
.fc-fill-cover {position:relative; top:0; left:0; width:100%; height:100%; margin: 0; padding: 0;}
.wp-block-column {position:relative;}
.wp-block-group.has-background {padding: 2rem 0;}
.wp-block-group .wp-block-group {margin-top:2rem; margin-bottom: 2rem;}
.fc-featured-content {} .color-scheme-red h6 {color:var(--f-red);} .color-scheme-red h6::before {background-color:var(--f-red);}
.color-scheme-red .lg-feature-button-base a {background-color:var(--f-red);}
.color-scheme-red .lg-feature-button-base a:hover {background-color:var(--primary2); color:#fff;}
.block-quality .wp-block-columns .wp-block-columns {margin:0; color:var(--primary2);}
.block-quality h2 {color:var(--primary2);}
.wp-block-columns.feature-story-layout .wp-block-column{position:relative;}
.wp-block-columns.feature-story-layout .lg-feature-button-base {position:absolute; bottom:0; left:0;}
.wp-block-columns.feature-story-layout .excerpt {margin: 5vh 0;}
.wp-block-columns.feature-story-layout .wp-block-image {margin:0; padding: 0;}
.wp-block-group:last-child {margin-bottom:0;}
//.wp-block-spacer {display:none;}
figure.wp-block-video video {width:100%; height: auto;}
// jQuery modal styles */
.jquery-modal .blocker {background-color:rgba(255,255,255,0.8);}
.l-blue {color:var(--l-blue);}
.wp-block-quote {width:100%; color:var(--l-blue); padding:60px 5%; position:relative; border:none;}
.wp-block-quote p {font-size:2rem; font-weight: 300;}
.wp-block-quote cite {font-size:1.6rem; font-weight: 600; margin-bottom: 2rem;}
.wp-block-quote::before {content:""; display: block; width:57px; height:44px; position: absolute; top:0; left:50%; transform: translateX(-50%); background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/products-2025/quote-marks.png); background-size:contain; background-repeat: no-repeat;}
.wp-block-quote::after {content:""; display: block; width:57px; height:44px; position: absolute; bottom:0; left:50%; transform: translateX(-50%) rotateY(180deg); background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/products-2025/quote-marks.png); background-size:contain; background-repeat: no-repeat;}
.modal.f-modal {max-width:700px;}
.f-modal fieldset {max-width:unset !important;}
.modal.modal-video {padding:0; max-width:700px; aspect-ratio: 16 / 9;}
.modal a.close-modal {border:none;}
.wp-block-group.market-form-expert {border-radius:20px; margin: 0 0 2rem 0; padding:2rem;} .has-background .wp-block-accordion-heading__toggle-title {color:#fff;}
.wp-block-accordion-heading button::after {content:unset;}
.wp-block-accordion-heading button:hover {background:unset; border: unset;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
.fc-fill-cover {position:absolute; top:0; left:0; width:100%; height:100%; margin: 0; padding: 0;}
.block {height:400px;}
.icon {width:80px;}
.wp-block-column {margin-bottom:0rem;}
.wp-block-cover, .wp-block-columns, .wp-block-group {margin-top:3rem; margin-bottom: 3rem;}
.wp-block-group.alignfull.has-background .wp-block-columns {margin:0 auto; padding:0; gap:4%; }
.wp-block-column {padding: 0rem;}
.wp-block-column.has-background {padding:3rem;}
.wp-block-quote { padding:60px 15%;}
.wp-block-quote p {font-size:3rem;}
} @media (min-width: 1000px) {
.block {height:500px;}
.block figure h4 {font-size:4rem;}
.wp-block-cover, .wp-block-columns, .wp-block-group {margin-top:4rem; margin-bottom: 4rem;}
.wp-block-column .wp-block-cover {margin:0;}
.wp-block-group.has-background {padding: 4rem 0;}
.wp-block-group.alignwide.has-background {padding: 3rem;}
.wp-block-group.alignwide.has-background .wp-block-cover {margin: 1rem 0;}
.wp-block-columns, .wp-block-group {margin-top:4rem; margin-bottom: 4rem;}
.wp-block-columns.feature-story-layout .excerpt {margin: 2vh 0; width:80%;}
.wp-block-group.market-form-expert {border-radius:20px; margin: 0 0 2rem 0; padding:2rem;}
} @media (min-width: 1200px) {
.wp-block-group.has-background {padding: 6rem 0;}
.wp-block-group.alignwide.has-background {padding: 4rem;}
.wp-block-columns, .wp-block-group {margin-top:4rem; margin-bottom: 4rem;}
.wp-block-group .wp-block-group {margin-top:4rem; margin-bottom: 4rem;}
.wp-block-group.market-form-expert {border-radius:20px; margin: 0 0 2rem 0; padding:2rem;}
} @media (min-width: 1500px) {
.wp-block-group.alignwide.has-background {padding: 4rem;}
.wp-block-columns, .wp-block-group {margin-top:5rem; margin-bottom: 5rem;}
.wp-block-columns.feature-story-layout .excerpt {margin: 5vh 0;}
.wp-block-group.market-form-expert {border-radius:20px; margin: 0 0 2rem 0; padding:2rem;}
}  nav ul {list-style:none;}
nav ul li {margin:0 10px 5px 0; padding:0; display: inline-block}
.temp3-sub-menu {display:none; position: relative; width:100%; background-color:#EAEAEA; color:#101010; font-size:1.4rem; z-index: 1; }
.sub-menu-list {padding: 2rem 10% 2rem 22%; list-style: none; text-transform: uppercase; font-size:1rem;}
.sub-menu {list-style: none;}
.sub-menu-list a {border-bottom:none; color:#333;}
.sub-menu-list li {position: relative; display: inline-block; margin:0 50px 10px 0;}
.sub-menu-list li::before {content:""; position: absolute; top:3px; left: -32px; width:17px; height:17px; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/icons/nav-arrow.png); background-size:contain; background-position: center;}
.left-border {border-left:solid 1px #fff !important;}
.navigation {display:flex; justify-content: flex-end;}
.navigation ul {list-style: none;}
.navigation li {display:inline-block; margin: 0 0rem 0 5px; padding:0; text-align: center;  }
.navigation li a {display:block; height:40px; width:40px; line-height:40px; border-radius: 5px; background-color:#efefef; color:var(--dark); border: 0;}
.navigation li.active a, .navigation li a:hover { background-color:var(--l-blue); color:#fff;}
.navigation li.arrows a { width:auto; background-color: transparent; color:#101010; border: 0;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
.temp3-sub-menu {display:block;}
} @media (min-width: 1000px) {
.temp3-sub-menu {display:block; width:20%;}
.sub-menu-list {padding: 6rem 2rem 4rem 40%; font-size:1.3rem;}
.temp3-sub-menu { position: absolute; width:25%; background-color:#EAEAEA; color:#101010; font-size:1.4rem; z-index: 1; }
.sub-menu-list {padding: 6rem 2rem 4rem 40%; list-style: none; text-transform: uppercase; font-size:1.1rem;}
.sub-menu-list li {position: relative; display: block;}
} @media (min-width: 1200px) {
.temp3-sub-menu { width:26%;}
}    #lev3-intro {min-height:600px;}
#lev3-intro h2 {margin-bottom: 2rem;}
.primary-features {}
.primary-features .p-feature {display: flex; flex-flow: column nowrap; align-items: center; justify-content:center;}
.primary-features .p-feature .image {flex:0 0 100%; margin: 0 5%;}
.primary-features .p-feature .image img {width:100%; height:auto}
.primary-features .p-feature .text {flex:0 0 100%;  margin: 0 5%;}
.flex-cont {display: flex; flex-flow: column nowrap; justify-content:center; text-align: center;}
.flex-item {flex:0 0 auto;}
.flex-item.title { width:100%;}
.flex-item.title h2 {margin-bottom:2rem;}
.flex-item.detail li {margin-left:0;}
#product-tiles {margin-bottom:6rem;}
.flex-tiles {display:flex; flex-flow: row; justify-content: space-between; align-items: center;}
.feature-tile {flex:0 0 30%; margin-bottom: 2rem;}
.feature-tile .image-header {position: relative; height:150px; background-size:cover; background-position:center; }
.feature-tile h2 {font-size:1.3rem; position:absolute; bottom:-25%; left: 0%; color:#222; margin: 0; padding:0; line-height:1;}
.feature-tile figure {margin: 0; margin-top:2rem; display:none;}
.feature-link {margin-top:2rem;}
.nav-directors {list-style:none} .nav-directors li {margin-left:0;}
.ctas ul {list-style:none; margin: 0; padding: 0;}
.ctas li {display:block;  margin: 0; margin-right: 1rem;}
.ctas a {display:inline-block; position:relative; background-color: #0A4A55; color:#fff; font-size:1.2rem; text-transform: uppercase;  border-radius: 40px; padding: 0px 15px 0 35px; height:45px; line-height: 45px; transition: 0.3s all ease-out; border: 0; margin-bottom: 0;}
.ctas a:hover, .ctas a.active {color:#222; border:none; background-color:#FFDA40;} .ctas a::before, .slider-nav.ctas a::before {font-family: 'Pe-icon-set-interface'; font-size:1.8rem; content: "\e67a"; position:absolute; left:10px; top:50%; transform:translateY(-50%);}   @media (min-width: 550px) {
} @media (min-width: 750px) {
#lev3-intro h2 {margin-bottom: 3rem;}
.flex-cont { flex-flow: row nowrap; align-items:flex-end; text-align: left;}
.flex-item.title {margin-right:6rem; width: auto;}
.flex-item.title h2 {margin-bottom:0;}
.flex-item.detail {padding-left:6rem; border-left:1px solid #fff;}
.primary-features .p-feature { flex-flow: row nowrap; }
.primary-features .p-feature.reverse { flex-flow: row nowrap; justify-content: flex-start;}
.primary-features .p-feature .image {flex:0 0 40%; }
.primary-features .p-feature .text {flex:0 0 50%;  }
.primary-features .p-feature.reverse .text {flex:0 0 60%;}
.primary-features .p-feature:nth-child(even) {flex-direction: row-reverse;}
.flex-item.detail { border-left:1px solid #fff;}
.col-main {width: 100%; }
.fl-colour-block {margin-bottom: 0;}
.ctas li {display: inline-block;}
.blocklist li {display:block;}
.feature-tile figure {display:block;}
.feature-tile .image-header { height:300px; }
.feature-tile h2 {font-size:2rem; bottom:3%; left: 3%; color:#fff;}
} @media (min-width: 1000px) {
.ctas a {display:inline-block; position:relative;  font-size:1.4rem; text-transform: uppercase; border-radius: 40px; padding: 0px 15px 0 65px; height:55px; line-height: 55px; transition: 0.3s all ease-out; border: 0; }
.ctas a::before, .slider-nav.ctas a::before {font-family: 'Pe-icon-set-interface'; font-size:2.2rem; content: "\e67a"; position:absolute; left:10px; top:50%; transform:translateY(-50%);}
.feature-tile h2 {font-size:3rem; bottom:3%; left: 3%; color:#fff;}
.col-main { }
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
#features-two .image-header {height:450px;}
}  #sectors .slick-initialized .slick-slide {display:grid;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1500px) {
}  .feature-tile {margin-bottom:2rem; }
#spectrum {background-color:#e0e0e0; position: relative; padding:5% 0; overflow: scroll; margin-bottom: 4rem;}
.page-template-template-ten #spectrum {background-color:transparent;}
.scale {position:relative; text-align: center; border-bottom:solid #101010 2px; width:300%; }
.scale img { max-width: 100%;}
.spectrum-link-container {position:relative; display: flex; flex-flow: row nowrap; align-items: flex-start; width:300%;}
.spectrum-link {flex: 0 0 auto;  text-align: center; margin: 2rem 0;}
.spectrum-link h2 {font-size:2.5rem;}
.spectrum-link.rf-products {flex: 0 0 34%;}
.spectrum-link.micro-products {flex: 0 0 30%;}
.spectrum-link.mm-products {flex: 0 0 29%;}
.products-flex{display: flex; flex-flow: row wrap; align-items:stretch; justify-content:space-between;}
.product {position:relative; margin-bottom:2rem;}
.product .spoiler {margin-bottom:1rem;}
.product .spoiler-bullets ul {margin-bottom:8rem;}
.product .frequency {margin-bottom:1rem; font-weight:600;}
.product li {margin-left: 3rem;}
.product h2 {font-size:1.8rem;  font-weight: 600; margin: 1rem 0; padding-right: 25px; position: relative;}
.product h2 a {display: block; position: relative; color:#333;}
.product h2 a:hover {border:none;}
.product h2 i {position:absolute; right:-25px; top:50%; transform:translateY(-50%); }
.product h2:hover a {color:#41A7FF;}
.product.third-width {flex:0 0 48%;}
.product.full-width {flex:0 0 100%;}
.product .product-image {width:100%; height:200px; background-size: cover; background-position: center;}
.product .more {position:absolute; bottom:0;}
.searchandfilter li {margin: 0 20px 0 0; padding: 0;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.product .product-image { height:400px; }
.product h2 {font-size:3rem;}
#spectrum { overflow: hidden;}
.scale { width:100%; }
.spectrum-link-container { width:100%;}
} @media (min-width: 1000px) {
.product.third-width {flex:0 0 30%;}
.grid-item h2 {  font-size:2.5rem;}
} @media (min-width: 1500px) {
.grid-item h2 {  font-size:3rem;}
}  .product22 h2 {font-size:3rem;}
.flex-product {display: flex; flex-flow: row wrap; align-items: flex-start; justify-content:space-between; gap:3%;}
.flex {flex:0 0 100%} .flex.image {flex:0 0 100%; width:100%;}
.flex.wide {flex:0 1 100%; column-count: 1; column-gap: 3%;}
.flex.wide .wp-block-table {display:none;}
.flex.image img {width:100%; height:auto;}
.flex.image .carousel {margin-bottom:4rem;}
.flex-product .actions {margin-top:2rem;}
.flex-product .actions a {margin:1rem;}
.help { text-align: center; font-size:1.8rem;}
.datasheets-wrapper {flex:0 1 100%; padding:6rem 2rem 2rem 2rem; margin-top: 2rem; position: relative; border-top: 1px solid #222; border-bottom: 1px solid #222;}
.flex.cross {flex:0 1 100%;  background-color:#2B4253; color:#fff; padding:6rem 2rem 2rem 2rem; margin-top: 2rem; position: relative;}
.flex.cross::before {content:""; position:absolute; top:0; left:50%; transform: translateX(-50%); width: 0; height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 60px solid #f4f4f4;}
.flex.cross.plain {background-color:#DAD9D9; color:#222;}
.flex.cross.plain hr {border-color: #222;}
.flex.cross hr {border-color: #fff;}
.flex.cross .cross-lists {display: flex; flex-flow: row wrap; justify-content:space-between;}
.flex.cross .cross-lists div {flex:0 0 48%; align-content: center;}
.flex.cross ul {column-count:2; column-gap:2rem;}
.flex.cross ul li {margin: 0 0 5px 0; padding: 0;}
.flex.cross ul a {color:#fff;}
.flex.cross.plain ul a {color:#222;}
.flex.cross ul a:hover {color:#FFDA40; border-color:#FFDA40;}
.flex.cross.plain ul a:hover {font-weight:400; color:#0A4A55; border-color:#0A4A55;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.product22 h2 {font-size:4rem;}
.flex {flex:0 1 27%} .flex.image {flex:0 1 40%; width:40%;}
.flex.wide {flex:0 1 57%;}
.text-2-col { column-count: 2; column-gap: 3%;}
.flex.cross {flex:0 1 100%;}
.flex.cross { padding:8rem 4rem 4rem 4rem;}
} @media (min-width: 1000px) {
.help {text-align: center; font-size:2.5rem;}
} @media (min-width: 1500px) {
}  #hero.product-hero {color:var(--dark);}
#hero.product-hero {margin-top:160px}
#hero.product-hero .hero-container {}
#hero.product-hero .hero-container figure {position: relative; top:0; transform:unset; flex: 0 0 100%;}
#hero.product-hero .product-image {position:relative; flex:0 0 100%;}
#hero h2 {margin-bottom:10px;}
#hero.page-hero figure p {width:100%;}
ul.sector-icons {list-style: none; margin: 0; display:flex; justify-content:flex-start; flex-flow:row wrap; gap:10px;}
ul.sector-icons li {flex:0 0 90px; margin: 0; color:var(--l-blue); font-size:14px; text-align: center;}
ul.sector-icons li p {font-size:14px; margin: 0 0 0 0;}
ul.sector-icons img {width:70px; height:auto; border: 2px solid var(--l-blue); border-radius: 100px;}
#hero.product-hero .actions {list-style: none; margin: 0; flex-flow:row wrap;}
#hero.product-hero .actions li {margin: 0 0px 20px 0; flex:0 0 49%;}
#hero.product-hero .actions img {width:40px; height: auto; margin: 0 20px 0 0;}
#hero.product-hero .actions a {border:none; padding: 0; display:flex; flex-flow: row; align-content: center; align-items: center;}
#hero .product-image {}
#hero .product-image .slideshow-with-nav {}
#hero .slick-next::before, .product25 .slick-next::before {content:"";}
#hero .slick-next, .product25 .slick-next {height: 30px; width: 30px; background-image: url(https://filtronic.com/wp-content/themes/filtronic2024-v5/blocks/elements/img/go-arrow-blue.svg);background-size: contain; background-position: center; background-repeat: no-repeat;}
#hero .product-image .slideshow-nav .thumbnail {aspect-ratio: 4/3; box-shadow: 0 3px 6px rgba(0,0,0,0.2); background-size:cover; background-position: center; transform: scale(80%);}
#hero .product-image .slideshow-nav .slick-next {right:-25px;}
.download-container { box-shadow:0 6px 10px rgba(0,0,0,0.3);} .product-tabs .wp-block-columns {gap:4%;}
.performance-infog {height:auto; width:100%;}
.wp-block-table.product-performance-table td, .wp-block-table.product-performance-table th {border:none; padding:10px;}
.wp-block-table.product-performance-table tr {border-bottom:1px solid #fff;}
.wp-block-group.resources-wrapper .wp-block-group__inner-container {display:flex; justify-content: flex-start; flex-flow: row wrap; gap:2.5%;}
.wp-block-group.resources-wrapper .download-container {flex:0 0 48%; margin: 0 0 3rem 0; padding: 0;}
.table-tabs button {border-radius: unset; color:#fff; border-radius:5px 5px 0 0;}
.table-tabs button::after {content:unset;}
.table-tabs button:hover {background-color:var(--f-red); border: 0;}
.table-tabs .ghostkit-tabs-buttons-item-active {background-color:var(--f-red); border:0; } .ghostkit-tabs.product-tabs .wp-block-group.tab-bg {margin: 0;}
.ghostkit-tabs.product-tabs .ghostkit-tabs-buttons {margin: 0;}
.ghostkit-tabs.product-tabs .ghostkit-tabs-buttons-item-active {background-color:rgb(0,11,27); color:#fff;}
.ghostkit-tabs-buttons button { border-radius:0; border:none;}
.ghostkit-tabs-buttons button::after {content:unset;}
.ghostkit-tabs {
--gkt-tabs--button__font-size:16px;
} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
#hero.product-hero .hero-container figure {position: relative; top:0; transform:unset; flex: 0 0 45%;}
#hero.product-hero .product-image {position:relative; flex:0 0 55%;}
#hero.product-hero .actions li { flex:0 0 32%;}
#hero.product-hero .product-image {position:relative; flex:0 0 50%;}
.download-container {margin:0 30px 30px 0; width:17%;}
.wp-block-group.resources-wrapper .download-container {flex:0 0 31%; }
} @media (min-width: 1000px) {
.wp-block-group.resources-wrapper .download-container {flex:0 0 23%; }
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
.wp-block-group.resources-wrapper .download-container {flex:0 0 18%; }
} @media (min-width: 1600px) {
}  .table-white-bars {border:none; margin: 0 auto !important;}
.table-white-bars td {background-color:#fff; font-size:1.5rem; padding: 6px; border:none !important; border-top: 7px solid #e6e6e6 !important; }
.table-white-bars th {border:none !important; font-size: 1.5rem; color:var(--l-blue);}
.table-comparison {padding:1rem !important; font-size: 1.5rem; border-radius: 20px; box-shadow:0 6px 12px rgba(0,0,0,0.2);  }
.table-comparison td, .table-comparison th {border:none !important;} 
.table-comparison th {font-weight: bold; color:var(--l-blue); font-size: 1.5rem;} 
.table-comparison th:first-child {color:var(--f-red);} 
.table-comparison td {border-top:1px solid #fff; }
.contents-no-margin .wp-block-column {padding:0;}
.contents-no-margin .wp-block-cover, .contents-no-margin .wp-block-group {margin:0 !important; padding:3rem;}
.contents-no-margin .wp-block-cover .wp-block-group {padding: 0;}
.contents-no-margin li {margin:0 0 0 10px;}
.sspa-shelf-freq {background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/products/sspa/sspa-wave-bg.png); background-repeat: no-repeat; background-size:35%; background-position: right center;}
.sspa-shelf-freq table {min-width: 1200px; overflow-x: auto; margin: 0 auto; border:none;}
.sspa-shelf-freq table th {border:none; border-bottom:#e6e6e6 2px solid; }
.ghostkit-carousel-arrow {background-color:transparent; color:#fff; font-size:2.5rem;}
.ghostkit-carousel-arrow::after {color:#fff;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
.table-white-bars td { font-size:1.8rem; padding: 12px;  }
.table-white-bars th { font-size: 1.8rem;}
.table-comparison th { font-size: 2.2rem; }
.table-comparison { padding:3rem !important; font-size: 1.8rem; }
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
} @media (min-width: 1600px) {
}  .wp-block-group.band-block {border-radius:10px; box-shadow:0px 3px 6px rgba(0,0,0,0.2); color:#fff;}
.wp-block-group.band-block .wp-block-columns {padding:1rem 0; margin: 0;}
.wp-block-group.band-block .frequency p {margin:0;}
.wp-block-group.band-block .wp-block-cover {height:100%; border-radius:10px; margin: 0 !important;}
.wp-block-group.band-block .k, .k {color:#B01E1E;}
.wp-block-group.band-block .ka, .ka {color:#B0951E;}
.wp-block-group.band-block .q, .q {color:#4FB01E;}
.wp-block-group.band-block .v, .v {color:#1EB0AB;}
.wp-block-group.band-block .e, .e {color:#773CEC;}
.wp-block-group.band-block .w, .w {color:#B01E73;}
.band-buttons .wp-block-button__link {background-color:#010C1D;}  #intro .flex-intro {display: flex; flex-flow:column-reverse wrap; align-items:flex-start; justify-content:space-between; width:100%;}
#intro .slider {flex:0 0 100%; width: 100%;}
#intro .slider-nav {flex:0 0 100%; width:100%; display: none; }
#intro .slider-nav.ctas li {display: inline-block;}
#help {}
.img {min-height:300px; background-position: center; background-size: cover;}
.services {color:#fff; background-color: #292929; padding: 2rem; text-align: center; font-size:22px;}
#services h2 {text-align:left;}
#services a {color:#fff; border-color:#fff;}
.home-features { font-family: temeraire, serif; margin: 2rem 0;}
.service {margin-bottom:2rem;}
#products {}
#products .techs {text-align: center;}
#products .tech {margin-bottom:2rem; }
#products .techs img {margin-bottom:4rem; width:50%;}
#hero {position:relative; margin-bottom:0;}
#hero .container {min-height:80vh;}
#hero .overlay {background: rgb(27,53,93); background: linear-gradient(0deg, rgba(27,53,93,1) 23%, rgba(27,53,93,0) 100%);}
#hero .video-text {display:flex; flex-flow: column; width:100%; top:auto; bottom:60px;  transform: translateY(0);}
#hero h2 {color:#fff; font-weight: 300;}
#hero h2 span {font-weight:600; color:#fff;}
#hero .video-text .hero-collapse-zone {flex:1 1 100%; display:flex; flex-flow:column;  }
#hero .video-text .hero-collapse-zone .arrow {flex:0 0 80px; position:relative; background-image: url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/home24/arrowhead.png); background-repeat: no-repeat; background-position: bottom left;}
#hero .video-text .hero-collapse-zone .arrow::before {content:""; display:block; height:100%; width:2px; background-color:#fff; position:absolute; left:25px;}
#hero .hero-intro {padding:20px 0 0 0; position: relative;}
#hero .hero-intro::before {content:""; position:absolute; top:0; left:0; display:block; width:150px; height:2px; background-color:#fff; }
#hero .filtronic-advantage-carousel {position:absolute; bottom:0; left:0; right:0; display:block;}
#hero .filtronic-advantage-carousel .slide {position:relative; flex:1 1 31%; backdrop-filter: blur(20px) brightness(0.8); -webkit-backdrop-filter: blur(20px) brightness(0.8); transition: 0.5s all; margin: 0 10px;  color:#fff; border-radius: 5px; padding:20px 10px 20px 60px; background-image: url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/home24/rt-arrow.svg); background-repeat: no-repeat; background-position: 10px center; background-size:30px; }
#hero .filtronic-advantage-carousel .slide:hover {backdrop-filter: blur(0px) brightness(1); -webkit-backdrop-filter: blur(0px) brightness(1); background-color:var(--f-red);}
#hero .filtronic-advantage-carousel .slide p {margin:0; position: relative;top: 50%;transform: translateY(-50%);}
#hero .filtronic-advantage-carousel a {color:#fff; border:none; text-decoration: none;}
#hero .filtronic-advantage-carousel .slick-track {display: flex !important;}
#hero .filtronic-advantage-carousel .slick-slide {height: inherit !important;}
#home-intro {position:relative; background: rgb(27,53,93);background: linear-gradient(180deg, rgba(27,53,93,1) 20%, rgba(0,125,187,1) 100%); color:#fff; padding: 1rem 0;}
#home-intro .flex {gap:0; flex-flow:row wrap;}
#home-intro .l, #home-intro .r {flex:1 1 100%;}
#home-intro h1 {color:#fff; font-weight:400; position:relative;}
#home-intro .products-grid { align-items: stretch; flex-flow:row wrap; gap:2%;}
.products-grid .grid-item {flex:0 0 100%; position:relative; margin-bottom: 2%; background-color:transparent; border-radius: 5px; border:solid 1px #fff; color:#fff; display:block; text-align: left;}
.products-grid .grid-item:hover a.button-arrow-wt {right:10px;}
.products-grid .grid-item .icon { width: 80px; height: 80px; border:4px solid var(--l-blue); border-radius: 200px; margin-bottom: 10px; }
.products-grid .grid-item .icon img {width:100%; height:auto;}
.products-grid .grid-item h3 {color:#fff; margin-bottom: 10px;}
.products-grid .grid-item .top-row, .products-grid .grid-item .bottom-row {align-items: flex-end; justify-content: space-between; gap:10px !important;}
.products-grid .grid-item .top-row {margin-bottom:15px; }
.products-grid .grid-item .p-info {flex:0 0 70%; margin: 0;}
.products-grid .grid-item .button {flex:1 1 ;}
.products-grid .grid-item a.button-arrow-wt {position:absolute; bottom:10px; right:20px; transition: 0.5s all;}
.products-grid .investor-tile {border-color:rgba(255,255,255,0.1); background:rgba(255,255,255,0.1); }
.products-grid .investor-tile h6 { color:#fff;} .products-grid .investor-tile h6::before {background-color:transparent;}
.products-grid .investor-tile .share-price-tile {font-size:3rem; font-weight:100;}
.products-grid .investor-tile .share-price-tile span {color:white; font-weight:400;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
#intro .slider-nav {display: block; margin-bottom: 20px;}
#intro .slider-nav.ctas li {display: inline-block;}
.img {min-height:450px;}
.home-features { font-family: temeraire, serif; margin: 9rem 0 2rem 0;}
.home-features .pink {color:#EF003B;}
.service {margin-bottom:0rem;}
#products .techs img {margin-bottom:4rem; width:80%;}
#hero .video-text { bottom:60px;}
#hero .overlay {background: rgb(27,53,93); background: linear-gradient(58deg, rgba(27,53,93,1) 18%, rgba(27,53,93,0) 100%);}
#hero .video-text { width:50%;}
#hero .video-text .hero-collapse-zone {flex-flow:row; }
#hero .video-text .hero-collapse-zone .arrow {flex:0 0 52px; height:10vh; min-height: 130px; background-position: bottom center;}
#hero .hero-intro {padding:0px 0 0 0; position: relative;}
#hero .hero-intro::before {content:""; position:absolute; top:0; left:0; display:block; width:0; height:0; background-color:transparent; }
.products-grid .grid-item {flex:0 0 48%;}
#home-intro { padding: 6rem 0;}
#home-intro .indent-column {flex:0 0 150px;}
#home-intro .flex {gap:0; flex-flow:row;}
#home-intro .products-grid { flex-flow:row wrap; gap:2%;}
#home-intro .l, #home-intro .r {flex:1 1 49%;}
#hero .video-text .hero-collapse-zone {padding-bottom:10vh;}
#hero .video-text .hero-collapse-zone .arrow::before {content:""; display:block; height:100%; width:2px; background-color:#fff; position:absolute; left:25px;}  #hero .filtronic-advantage-carousel {position:absolute; bottom:20px; left: 100px; right:100px; display:block}
#hero .filtronic-advantage-carousel .slide {padding:10px 10px 10px 60px;}
} @media (min-width: 1000px) {
#intro .flex-intro {display: flex; flex-flow:row nowrap; align-items:flex-start; justify-content:space-between; width:100%;}
#intro .slider {flex:0 0 65%; width: 65%;}
#intro .slider-nav {flex:0 0 30%; width:30%; margin-top: 90px; display: block;}
#products .techs img {margin-bottom:4rem; width:auto;}
#hero .container {min-height:unset;}
} @media (min-width: 1200px) {
#hero {min-height:518px;}
.products-grid .grid-item {flex:0 0 31%;}
.products-grid .grid-item .top-row {margin-bottom:15px; flex-flow:column-reverse; align-items: flex-end; }
} @media (min-width: 1500px) {
.img {min-height:600px;}
#intro .slider-nav.ctas li {display:block;}
#hero {min-height:733px;}
#hero.product-hero {min-height:unset;}
#hero h2 {font-size:6rem;}
#hero .video-text {width:40%;}
#home-intro {padding:6rem 0; padding-bottom:20vh;}
#home-intro .indent {padding:0 100px;}
#home-intro h1 {font-size:4rem;}
.products-grid .grid-item .top-row {margin-bottom:15px; flex-flow:row; align-items: flex-end; }
.products-grid .grid-item .icon { width: 100px; height: 100px;}
}  .c-hero {margin-bottom: 0; color:#fff; height:70vh; min-height:700px !important;}
.c-intro {margin-top:0; color:#fff;}
.c-intro h2 {color:#fff;}
.c-intro p a {color:#fff; border-color:#fff;}
.c-intro ol.is-style-icon li:before, .c-intro ul.is-style-icon li:before {background-color:#fff;}
.c-intro .intro-text-block {border-left:1px solid #fff; padding-left: 5%;}
.c-hero .hd-creds {width:60px; height:auto; float:none; margin:0;}
.c-hero .hd-creds figure {margin: 0;}
.c-hero .wp-block-space {display:none;}
.c-hero .wp-block-columns {flex-flow:column-reverse;}
.c-hero .kings-award { margin: 5rem auto 0 auto ;}
.logo-divider-line {}
.accreds img {width:80%; height:auto;}
.wp-block-group.overlap-top {margin: 3rem auto 3rem auto; z-index: 9}
.wp-block-group.team-feature {margin-bottom:0;}
.wp-block-columns.history-key {width:100%; margin-bottom:5% !important;}
.wp-block-columns.history-key .info {display:flex; flex-flow:column;}
.v-flow {flex:1 1; position:relative;}
.v-flow::before {content:""; position:absolute; height:110%; width:1px; background-color: #fff;}
.v-flow.right::before {right:0;}
.culture-animation {width:80%; max-width:400px; margin:0 auto;}
.wp-block-columns.document-table {gap:0rem !important; }
.wp-block-columns.document-table .wp-block-column {display:flex; flex-flow:column; justify-content: space-between; padding: 1rem 1rem 1rem  0; }
.wp-block-columns.document-table .wp-block-column:last-child {border:none;}
.wp-block-columns.accreds {flex-flow: row wrap !important;}
.wp-block-columns.accreds .wp-block-column {flex:0 0 46%;}
.wp-block-columns.accreds .logo-divider-line {border:none;}
.wp-block-columns.reverse-mobile  {flex-direction: column-reverse; }
.wp-block-group.other-awards { background-size:cover; background-position:center; color:#fff;}
.wp-block-group.other-awards .swiper-slide {display:flex; flex-flow: column; justify-content: center; align-items: stretch;}
.wp-block-group.other-awards .ghostkit-carousel-arrow {background-color:transparent; width:60px; height:60px; bottom:0; top:unset;}
.wp-block-group.other-awards  svg.ghostkit-svg-icon {color:#fff; font-size: 50px;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.wp-block-group.overlap-top {margin: -3rem auto 3rem auto;}
.c-hero .hd-creds {width:100px; height:auto; float:right; margin:0;}
.c-hero .hd-creds figure {margin: 0;}
.c-hero .wp-block-spacer {display:block;}
.c-hero .wp-block-columns {flex-flow:row wrap;}
.wp-block-columns.accreds {flex-flow: row !important;}
.wp-block-columns.accreds .wp-block-column {flex:unset;}
.wp-block-columns.accreds .logo-divider-line {border-right:1px solid #707070; padding:3rem 0;}
.wp-block-columns.reverse-mobile  {flex-direction: row; }
.wp-block-columns.document-table {gap:2rem !important; margin-bottom: 4rem !important;}
.wp-block-columns.document-table .wp-block-column {padding: 2rem 2rem 2rem  0; border-right:1px solid #fff;}
} @media (min-width: 1000px) {
.wp-block-columns.history-key {width:80%;}
} @media (min-width: 1500px) {
.wp-block-group.overlap-top {margin: -200px auto 6rem auto;}
}  .news-flex, .news-flex .alm-reveal {display: flex; flex-flow: row wrap; align-items:stretch; justify-content:left; gap:2%; width:100%;}
.story {position:relative; margin: 0; border-bottom: 1px solid #010101; padding-bottom: 2rem;}
.story h2 {font-size:1.4rem;}
.story date {display: block; font-size:12px; font-weight:600; text-transform: uppercase; margin-bottom: 2rem;}
.story {margin-bottom:2rem; }
.story:hover h2 {color:#41A7FF;}
.article {position:relative; background:#24374D; color:#fff; padding: 2rem; min-height:100px; margin-bottom: 2rem;}
.article h2 {font-size:2rem; letter-spacing: normal; font-weight: 400; margin: 0 0 10px 0; color:#fff;}
.article date {display: block; font-size:12px; font-weight:600; text-transform: uppercase;}
.article i {position:absolute; bottom:2rem; right:2rem; font-size:3rem;}
hr.clear {flex:0 0 100%;}
.story.third-width {flex:0 0 100%;}
.story.quarter-width {flex:0 0 100%;}
.story.half-width {flex:0 0 40%;}
.news-image {height:400px; background-size: cover; background-position: center;}
.home-news .news-image {height:190px;}
.news-text {}
.date-archive-selector ul {list-style:none;}
.date-archive-selector li {display:inline-block; margin:0 5px 0 0;}
.date-archive-selector a {display:inline-block; background-color:#efefef; border: #efefef 1px solid; height: 45px; padding: 0 30px;color: var(--dark);text-align: center;font-size: 14px;font-weight: 400;line-height: 45px;text-transform: uppercase;text-decoration: none;white-space: nowrap;border-radius: 5px;cursor: pointer;box-sizing: border-box;}
.date-archive-selector a:hover {color:#101010; background:transparent;}
#news-single .feature-image {width:40%; height:215px; background-size:cover; background-position: center; background-repeat: no-repeat; float: right; margin: 0 0 15px 15px;}
ul.archive-list {margin: 0 0 20px 0; padding: 0; border-top: 1px solid #383838; list-style: none;}
ul.archive-list li {  color:#383838; margin: 0; font-size:1.4rem;}
ul.archive-list li a {display: block; border-bottom: 1px solid #383838; padding:9px 0 9px 0; color:#383838; }
ul.archive-list li a:hover {color:rgba(0,125,187,1); border-bottom: 1px solid rgba(0,125,187,1);}
#sidebar-news .video-grid {display:flex; flex-flow:row wrap; justify-content: space-between; align-items: flex-start; align-content: center;}
#sidebar-news .video-grid span {flex:0 1 45%; margin-bottom: 20px;}
#sidebar-news .video-image {background-size: cover; background-position: center; height: 140px;}
#sidebar-news h2.video-title {text-align: center; font-size:1.4rem; font-weight:normal; margin: 10px 0;}
#sidebar-news .video-lightbox {display: block; border-bottom: 1px solid #383838; padding:9px 0 9px 0; color:#383838;}
#sidebar-news .video-lightbox:hover {cursor: pointer; color:rgba(0,125,187,1); border-color:  rgba(0,125,187,1);}
#sidebar-news .list-image {display: inline-block; vertical-align: middle; width: 24%; height:60px; background-size: cover; background-position: center; margin-right: 2%;}
#sidebar-news h2.list-title {font-size:1.4rem; font-weight:normal; display:inline-block; width:74%; vertical-align: middle; margin: 0;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.news-flex, .news-flex .alm-reveal {display: flex; flex-flow: row wrap;}
.story {margin-bottom:4rem;}
.story.third-width {flex:0 0 47%;}
.story.quarter-width {flex:0 0 47%;}
.home-news .news-image {height:290px;}
.story date {display: block; font-size:14px; font-weight:600; text-transform: uppercase; margin-bottom: 2rem;}
.story h2 {font-size:2.5rem;}
#news-single .feature-image {width:40%; height:350px;}
} @media (min-width: 1000px) {
.story h2 { min-height: 90px;}
.story.quarter-width {flex:1 0 23%;}
.story {margin-bottom:6rem;}
.story.third-width {flex:1 0 30%;}
#news-single .feature-image {width:40%; height:400px;}
} @media (min-width: 1500px) {
}  #latest-report {background: rgb(10,74,85); background: linear-gradient(333deg, rgba(10,74,85,1) 0%, rgba(6,78,90,1) 100%); color:#fff; min-height: 300px;}
.why-invest-sectors {text-align:center; }
.why-invest-sectors img {width:100px; height:auto;}
.flex-wrap {display:flex; flex-flow:column wrap; justify-content: space-between; align-content: center;}
.flex-wrap.bottom {align-content: flex-end;}
.pdf-cover-image {background-size:100% auto; background-position: top; background-repeat: no-repeat; margin:4rem 0 0 0;}
.flex-50 {flex:0 0 48%;}
.flex-40 {flex:0 0 38%;}
.downloads-wrapper {display:flex; flex-flow:row wrap; justify-content: flex-start; align-items: center;}
.download.title {flex:0 0 100%;}
.download.tile {flex:0 0 30%; margin: 0 1.5% 2rem 1.5%; position: relative;}
.download.tile img {width:100%; height: auto;}
.download.tile a {border:none; display:block; position: relative;}
.download.tile a span {position: absolute; top:50%; left:0; width:100%; transform: translateY(-50%); display: inline-block; padding: 2rem 0; text-align: center; background-color:rgba(0,125,187,0.9); color:#fff;}
.download.tile a:hover span { background-color:rgba(27,53,93,0.9);} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.flex-wrap {display:flex; flex-flow:row wrap; }
} @media (min-width: 1000px) {
} @media (min-width: 1500px) {}  .products-msi .product.full-width{padding:2rem; background:#fff; display: flex; flex-flow:row wrap; align-items:center; justify-content: space-between; border-bottom:10px solid #24374D; margin-bottom: 2rem;}
.products-msi .product.msi-tile {flex:1 0 100%; align-items:flex-start;  }
.products-msi .product.msi-tile .details, .products-msi .product.msi-tile .downloads {flex:0 0 100%;}
.products-msi .find {display:flex; flex-flow:row wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start;}
.products-msi .find label {margin-bottom:0;}
.products-msi .find .screen-reader-text {clip:auto; -webkit-clip-path:none; height: auto; margin: auto; overflow: auto; position: relative!important; margin-bottom: 3rem; position: relative!important; display: inline-block; margin-bottom: 2rem; padding: unset; width:auto;}
.products-msi .find .filter, .products-msi .find .search {flex:0 0 100%;} .products-msi .products-flex {}
.beautiful-taxonomy-filters-select-wrap  {display:flex; flex-flow: row wrap;}
.beautiful-taxonomy-filters-select-wrap div {flex:0 0 46%; gap:2rem;  justify-content: flex-start; display:flex; flex-flow: row wrap;}
.beautiful-taxonomy-filters-select-wrap div label, .beautiful-taxonomy-filters-select-wrap div select {flex:0 0 auto;}
.msi-image {height:350px; background-position: center; background-size: contain; background-repeat: no-repeat;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.flex-wrap {display:flex; flex-flow:row wrap; }
.products-msi .product.msi-tile {flex:0 0 43%; margin: 1% 0; }
} @media (min-width: 1000px) {
.products-msi .product.msi-tile {flex:0 0 30%; align-items:flex-start;}
.products-msi .find .filter, .products-msi .find .search {flex:1 1 46%;}
.beautiful-taxonomy-filters-select-wrap div {flex:0 0 46%; gap:2rem;  justify-content: flex-start; display:flex; flex-flow: row wrap;}
} @media (min-width: 1500px) {}  iframe.rns-info {width: 100%; border: none; overflow: hidden;}
iframe.rns-info.prod-enq {height:900px;}  .aim26 {display:flex; justify-content: flex-start; align-items: stretch; align-content: flex-start; flex-flow: row wrap; color:#fff;}
.aim-desc {background-color: #1B355D; position: relative; }
.aim-info { background-color: #1B355D; position: relative; }
.aim-governance {background-color: #0A4A55; position: relative; }
.aim-share { background-color: #0A4A55; position: relative; }
.aim-share-info {background-color: #0A4A55; position: relative; }
.aim-docs {background-color: #0CA9A9; position: relative; }
.aim26 a {color:#fff; border-bottom: 1px solid #fff;}
.aim26 a:hover {border-bottom: 2px solid #fff; font-weight:600; color:#fff;}
.aim-box {flex:1 1 100%; margin-bottom: 2rem; position: relative;}
.aim26 .inner {padding:3rem; position: relative;}
.tile-bg-image {position:absolute; top:0; left:0; width:100%; height:100%;  background-size:cover; background-position: center; opacity: 0.1;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.aim-desc {flex:0 0 65%; margin-right: 2%; background-color: #1B355D; position: relative; }
.aim-desc h2 {width:60%; position: relative;}
.aim-desc::after {content:""; display: block; position:absolute; right:3rem; top:3rem; width:60px; height:60px; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/icons/icon-bus-dev.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
.aim-info {flex:0 0 33%; background-color: #1B355D; position: relative; }
.aim-governance {flex:0 0 100%; justify-content: space-between; display: flex; background-color: #0A4A55; position: relative; }
.aim-governance::after {content:""; display: block; position:absolute; left:3rem; bottom:3rem; width:60px; height:60px; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/icons/icon-governance.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
.inner.i-left {flex:0 0 30%;}
.inner.i-right {flex:0 0 50%; }
.aim-share {flex:0 0 40%; margin-right: 2%; background-color: #0A4A55; position: relative; }
.aim-share-info {flex:0 0 40%; margin-right: 2%; background-color: #0A4A55; position: relative; }
.aim-docs {flex:0 0 100%;    background-color: #0CA9A9; position: relative; }
.aim-docs a {border:none;}
.aim-docs .files {display:flex; flex-flow: row wrap; align-content: flex-end; align-items: flex-end;}
.aim-docs .media-file {flex:0 0 40%; margin:0 5% 5% 0; }
.aim-docs .media-file img {width:100%; height:auto}
.aim-docs::after {content:""; display: block; position:absolute; right:3rem; top:3rem; width:60px; height:60px; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/icons/icon-docs.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
.expand-wrap {flex:0 0 10%; position: relative;}
.expand-link {position:absolute; left:0rem; bottom:0rem; display: block; height: 60px; width:60px; border: none;}
.expand-link:hover {cursor:pointer; border: none;}
.expand-link::after {content:""; display: block; position:absolute; left:0rem; bottom:0rem; width:60px; height:60px; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/icons/icon-down.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
.hidden {display:none;}
} @media (min-width: 1000px) {
} @media (min-width: 1500px) {}  .whitepapers .download.tile a {border:1px solid #ccc;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1500px) {}    .grid-item {background-color:rgba(27,53,93,1);}
.bg-blue {background-color:rgba(33,49,61,1);}
.bg-blue {background-color:rgba(4,39,46,1);}
.bg-green {background-color:rgba(10,74,85,1);}
a.feature-link {background-color:rgba(27,53,93,1);}
#cta {background-color:rgba(10,74,85,1);}
.ctas a {background-color:rgba(27,53,93,1);} 
footer a:hover {color:rgba(0,125,187,1);}
footer a:hover {color:#fff; border-color:#fff;} 
.ctas a:hover, .ctas a.active, a.feature-link:hover {background-color:rgba(0,125,187,1); color:#fff;} 
#cta .action a:hover {color: inherit; border-bottom: solid 16px #fff; opacity: 0.3;}
.breadcrumbs a {border-bottom:none;}
.breadcrumbs a:hover {color:#fff; border-bottom:1px solid #fff;}
.wp-block-eedee-block-gutenslider.content-change {margin-bottom:2rem;}
.stocks-snapshot {background-color:rgba(0,125,187,1); color:#fff;}
.logout {text-align:right;}
#frontpage #intro {margin-top: 6rem;}   header.scroll-down {top:-80px; background-color: rgba(27,53,93,1);}
header.scroll-up {top:0px; background-color: rgba(27,53,93,1);}  #cta {background-color:#EAEAEA; color:#101010;}
#cta h2 {font-weight:200;}
#cta .action a {color:#101010; border-bottom:3px solid #101010}
#cta .action a:hover {border-bottom:3px solid #FD5D56; opacity: 1; color:#FD5D56;}  .article {background-color:rgba(27,53,93,1);}
#intro .slider-nav li {margin:0 0 15px 0;}
.story.half-width {flex:1 0 40%;}
.whitepaper-home .download.tile img {width:65%; margin-top: 1.5rem;}
.article-white-paper {background-color:#07a9a9;}  #user-reg-form {display:none;}
.form-toggle-wrapper a {border-radius:0; background-color:#eee; color:#222; border: 0; margin:0 20px 0 0; }
.form-toggle-wrapper a.active {background-color:rgba(0,125,187,1); color:#fff;}
.user-form-wrap {background-color:#eee; padding: 10%; margin-bottom: 4rem; border-top:3px solid rgba(0,125,187,1);}
.close {color:#004d90 !important;}
.um-center .um-button {min-width:0 !important;}
.msi-wrapper {position: relative; display:flex; flex-flow:row wrap; gap:2%; justify-content: space-between;}
.msi-filters {flex:0 0 100%; position: relative; top:0;}
.msi-filters .sticky {position:sticky; top:120px;}
.msi-filters .navigation { justify-content: flex-start; font-size:1.4rem;}
.msi-filters .navigation li {margin: 0 5px 0 0;}
.msi-filters .navigation li a {border-radius:5px; height:30px; width:30px; line-height: 30px; background-color:#e8e8e8; color:#666;margin-bottom: 15px;}
.msi-filters .navigation li a:hover, .msi-filters .navigation li.active a {background-color:#FD5D56; color:#fff;}
.msi-filters .navigation li.arrows a {width:auto; padding: 0 15px; background-color:#FD5D56; color:#fff; margin-bottom: 15px;}
.msi-filters .wpc-term-count {color:#FD5D56;}
.msi-products {flex:1 1 100%; justify-content: flex-start;}
.wpc-filters-section {padding:1.5rem; background-color:#E8E8E8; border-radius:10px; margin-bottom: 2rem;}
.wpc-filter-chips-list a, body .wpc-filter-chips-list li.wpc-filter-chip a {background-color:#FD5D56; color:#fff!important; font-size:1.4rem;}
body .wpc-filter-chips-list li.wpc-chip-reset-all a {background-color:#fff; color:#FD5D56 !important; border-color:#FD5D56;}
.wpc-filter-search-form .wpc-search-field {border-radius:10px;  font-size:1.4rem;}
.wpc-filters-main-wrap li.wpc-term-item a {color:#313131; border-bottom: none !important; text-transform: none;}
.products-msi .product.msi-tile .details, .products-msi .product.msi-tile .downloads {flex:none;}
.products-msi .product.msi-tile {margin: 0; padding: 0; margin-bottom: 20px; border: none; flex: 0 1 100%;}
.products-msi .product.msi-tile {border-radius: 10px; transition: 0.5s all;}
.products-msi .product.msi-tile:hover {box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);}
.msi-tile .content-wrapper {padding:2rem; display:flex; flex-flow:column; justify-content: flex-start; height: 100%;}
.msi-tile h2 {font-size:20px; font-weight: 600; min-height: 80px; color:#4EA6A7;}
.msi-tile .frequency {font-weight:1.4rem; font-weight: 500 !important;}
.msi-tile .details p {font-size:1.4rem;}
.msi-tile .details .content {min-height:50px;}
.products-msi .msi-tile .download, .products-msi .msi-tile .button.download {color:#FD5D56; border-color:#FD5D56; border-radius:0; background-color:transparent; border:none; border-bottom:2px solid #FD5D56; text-align: left; padding: 0; white-space: normal; height:auto; font-size: 13px; bottom: auto; line-height: normal; transform: none;}
.products-msi .msi-tile .download, .products-msi .msi-tile .button.download {transform: none;}
.products-msi .msi-tile .download:hover, .products-msi .msi-tile .button.download:hover {color:#4EA6A7; border-bottom:2px solid #4EA6A7;}
.msi-tile .download span, .products-msi .msi-tile .button.download span {width:90%;display:block; position: relative;}
.msi-tile .download span::after, .products-msi .msi-tile .button.download span::after {content:">"; position: absolute; right:-30px;}
.products-msi .msi-tile .download::before, .products-msi .msi-tile .button.download::before {content:""; width:0; height:0;}
.msi-tile .f-part {color:#4EA6A7;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.msi-filters {width:18%;  flex:0 0 23%;}
.msi-products {flex:1 1 70%; justify-content: flex-start; gap:2%;}
.products-msi .product.msi-tile {margin-bottom: 20px; border: none; flex: 0 1 49%;}
.um-center .um-button {min-width:250px;}
} @media (min-width: 1000px) {
.products-msi .product.msi-tile {margin-bottom: 20px; border: none; flex: 0 1 31%;}
} @media (min-width: 1500px) {}  .text-ctr {text-align:center;}
.sector h2.header {font-weight:600;  }
#feature-blocks {}
.sector-feature {background-color:#E6E6E6; padding: 2rem; display: flex; flex-flow:column wrap; justify-content: space-between; align-items: stretch; align-content: flex-start; margin-bottom: 4rem; }
.flex-text {flex:0 0 45%;}
.flex-image {flex:0 0 45%; min-height:200px;  background-size: cover; background-position: center;}
.sector-dragram-wrapper {background-color:#E6E6E6; padding: 2rem; margin-bottom: 4rem;}
img.sector-diagram {width:100%; height:100%;}
.applications-wrapper, .products-wrapper {display: flex; flex-flow:row wrap; gap:2%; justify-content: space-between; align-items: stretch; align-content: flex-start;}
.application {flex:0 0 48%;}
.application .flex-image {flex:0 0 100%; height:130px; min-height:130px; margin-bottom: 2rem;}
.application .flex-text {flex:0 0 100%; }
.applications-extra {border-bottom:1px solid #ccc; margin-bottom:2rem;}
#solutions {margin-bottom: 2rem;}
.solutions-wrapper {background-color:#E6E6E6; padding: 2rem; display: flex; flex-flow:column wrap; justify-content: space-between; align-items: stretch; align-content: flex-start;}
.solution {flex:0 0 45%; border-bottom: 1px solid #101010; margin-bottom: 3rem;}
.solution a {color:#101010; border:none; }
.solution a::after {font-family: 'Pe-icon-set-interface'; font-size:2.2rem; content: "\e67a"; color:#FD5D56; margin-left:10px;}
.product {flex:0 0 100%;}
.product .flex-image {flex:0 0 100%; height:250px; margin-bottom: 2rem;}
.product .flex-text {flex:0 0 100%; }
.product.sector .flex-text{min-height: 300px;}
.terms {margin:0; padding:0;}
.terms li {display:inline-block; margin: 0; margin:0 10px 10px 0;}
.terms li a {border:none; display:inline-block; padding:3px 16px; border-radius: 99px; background-color:#FD5D56; color:#fff;}
.sector-news article {border:none; padding-bottom:0; }
.sector-news article .news-image {height:300px;}
.sector-news article:hover h2 {color:#fff;}
.sector-news article:hover .overlay {background-color:rgba(0,0,0,0)}
.sector-news article h2 {color:#fff; font-size:2.2rem;}
.sector-news article a {border:none;}
.sector-news article date {color:#fff; font-weight:400; padding: 20px;}
.sector-news article .overlay {position: absolute; top:0; left:0; width:100%; height:100%; padding:0%; background-color:rgba(0,0,0,0.3); transition:0.5s all ease-out; }
.sector-news article .overlay .title {position:absolute; bottom:0; width:90%; padding: 20px;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.sector h2.header {font-size:4rem; }
.sector-feature {background-color:#E6E6E6; padding: 3rem; display: flex; flex-flow:row wrap; }
.sector-dragram-wrapper { padding: 3rem;}
.flex-rev {flex-flow:row-reverse wrap;}
.application {flex:0 0 48%;}
.application .flex-image {flex:0 0 100%; height:250px; margin-bottom: 2rem;}
.solutions-wrapper {background-color:#E6E6E6; padding: 6rem; display: flex; flex-flow:row wrap; justify-content: space-between; align-items: stretch; align-content: flex-start;}
.product {flex:0 0 48%;}
.sector-news article .news-image {height:400px;}
} @media (min-width: 1000px) {
.sector-feature { padding: 6rem; }
.sector-dragram-wrapper { padding: 6rem;}
.application {flex:1 0 23%;}
.product {flex:0 0 23%;}
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
}  .extranet-dlm-wrapper {display:flex; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: stretch; margin: 2rem 0;}
.extranet-dlm-wrapper h2, .extranet-dlm-wrapper h3, .extranet-dlm-wrapper h4 {flex:1 0 100%; margin: 2rem 0 1rem 0; }
.extranet-dlm {position: relative; flex:1 0 28%; border-radius:0; background-color:rgba(27,53,93,1); color:#fff; border: none;; margin:0 1% 2rem 1%; padding: 2rem; }
.extranet-dlm.row {position: relative; flex:1 0 96%; border-radius:0; background-color:rgba(27,53,93,1); color:#fff; border: none; margin:0 1% 2rem 1%; padding: 1rem 1%; }
.extranet-dlm h2 {font-size: 2rem; margin: 0 0 2rem; width:75%;}
.extranet-dlm .flex {}
.extranet-dlm .flex-wrapper {padding:0rem; display:flex; flex-flow:row wrap; justify-content: space-between; }
.extranet-dlm .download-text {flex:0 0 70%; margin-right: 4%; display:block !important;}
.extranet-dlm .download-image {flex:0 0 20%;}
.extranet-dlm .download-image img {width:100%; height:auto; border: 1px solid #fff;}
.extranet-dlm.row {}
.extranet-dlm.row h2 {font-size: 2rem; display:inline-block; width:30%; margin: 0;}
.extranet-dlm.row .dlm-content {display:inline-block; width:45%;}
.extranet-dlm.row .dlm-content p:last-child {margin:0;}
.extranet-dlm.row .download-link {display:inline-block; width:20%; margin: 0;}
.form-toggle-wrapper a.active {background-color:rgba(0,125,187,1); color:#fff;}
.user-form-wrap {background-color:#eee; padding: 10%; margin-bottom: 4rem; border-top:3px solid rgba(0,125,187,1);}
.close {color:#004d90 !important;}
.um-center .um-button {min-width:0 !important;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.um-center .um-button {min-width:250px;}
} @media (min-width: 1000px) {
} @media (min-width: 1500px) {
}  .section-careers #sub-menu {margin: 0;}
#hero.careers-hero {color:#fff; margin-bottom: 40px;}
.careers h2, .careers h3, .careers h4 {font-weight:200; letter-spacing: normal; color:#fff;}
.careers .wp-block-cover, .careers .has-background, .block-pad  { padding: 2rem;}
.careers-brochure-mockup a {border:none;}
.block-nopad {padding: 0 !important;}
.careers .connected-world  {background-size: 43%; background-position: bottom left; background-repeat:no-repeat; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/careers/connected-globe.png); }
.careers .bg-stars {background-size: contain; background-position: top center; background-repeat:no-repeat; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/careers/hd-stars.png); }
.section-careers #footer-action::after {background-color:#fff;}
.careers .life-filtronic {padding-top:3rem !important; }
.careers .life-filtronic figure {margin:0;}
.careers .life-filtronic .wp-block-columns {flex-flow:column-reverse;}
.careers .life-filtronic .wp-block-quote {border-left:0; position:relative; font-size: 2.1rem; margin-left:3rem;}
.careers .life-filtronic .wp-block-quote::before {content:""; position: absolute; left:-15px; width:15px; height:100%; border-radius: 30px; display: block; background-color:#fff;}
.careers .life-filtronic .wp-block-quote::after {content:""; position: absolute; left:-15px; width:15px; height:15px; background-image: url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/careers/icon-speech.png); background-size:100%; background-repeat:no-repeat; background-position: center;}
.careers-footer {margin-top: 0 !important;}
.col-bd-right {border-bottom:1px solid #707070; padding-top:1rem;  padding-right:0rem; text-align: center;}
.careers22 {margin-bottom:2rem;}
.careers22 article {flex:0 0 100%; background:#e6e6e6; border: none; color:#fff;}
.careers22 article .inner {padding:4rem; margin-bottom: 8rem;}
.careers22 article .inner .action {bottom:4rem;}
.perks {text-align: center;}
.stacked-cols {}
.sendcv {text-align: center;} .careers-api h3 {margin-top:100px; position: relative;}
.careers-api h3::before {content:""; position:absolute; top:-100px; width:80px; height:80px; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/icons/lone-white/filtronic-marque-w.png); background-size:80%; background-position: center;  background-repeat: no-repeat; border-radius: 100px; border:solid 2px #fff;}
.careers-api h2, .careers-api p  {text-align: center; color:var(--dark); margin-bottom:30px;}
.whr-items {display:flex; flex-flow:row wrap; gap:2%; align-items: stretch; align-content: flex-start; justify-content: flex-start;}
.whr-item {flex: 1 1 100%; padding:40px 20px; background-color:var(--f-green); color:#fff; margin:0 0 20px 0; }
.whr-item a {color:#fff; border-color:transparent;}
.whr-item a:hover {border-color:#fff;}
.whr-info {margin:20px 0;}
.whr-info li {margin: 0 0 10px 20px;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.careers .wp-block-cover, .careers .has-background, .block-pad  {margin: 4rem auto; padding: 4rem;}
.col-bd-right {border-right:1px solid #707070; border-bottom: none; padding-top:3rem; padding-bottom: 3rem; padding-right:2rem; text-align: left;}
.perks {text-align: left;}
.careers .life-filtronic .wp-block-columns {flex-flow:row wrap;}
.careers22 article {flex:0 0 30%;}
.whr-item {flex: 1 1 48%;}
} @media (min-width: 1000px) {
.whr-item {flex: 1 1 29%;}
} @media (min-width: 1500px) {
.careers .wp-block-cover, .careers .has-background, .block-pad  {margin: 0 auto 6rem auto; padding: 6rem;}
.block-nopad {padding: 0;}
}  .investors-22 {margin: 0 auto; padding: 0}
.investors-22 .wp-block-group {}
.investors-22 .wp-block-group.has-background {padding:2rem;}
.investors-22 h2 {font-weight:100;}
.investors-22 h3 {color:#007DBB;}
.investors-22 p {font-weight:200;}
.investors-22 .mission {padding: 3rem 0;}
.investors-22 .mission h3 {font-weight:100; color:#707070; margin: 0 0 2rem 0px; border-left: 1px solid #707070; padding-left: 20px;}
.investors-22 .has-white-color a {color:#fff; border-bottom-color: #fff;}
.investors-22 .su-spoiler-title:hover span {background-color:#fff; color:#0a4a55;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
} @media (min-width: 1000px) {
.investors-22 .wp-block-group {}
.investors-22 .wp-block-group.has-background {padding:2rem;}
} @media (min-width: 1500px) {
}  .stories-flex {display:flex; justify-content: flex-start;  flex-flow:row wrap; gap:2%; align-items: stretch; align-content: flex-start;}
.success-story {flex:0 1 100%; background-color:#e6e6e6; border: none; margin-bottom: 30px; position: relative;}
.success-story h2 {font-weight:400; font-size:2.4rem; margin: 0;}
.success-story .story-header {display:flex; justify-content: flex-start; flex-flow:row; align-content: center; align-items: center;}
.success-story .icon-container {flex:0 0 75px; position:relative; margin-right: 3%; height:auto; border-radius: 999px; background-color:transparent; border:#fff solid 1px;}
.success-story .icon-container::after {content: ""; display:block; padding-bottom:100%;}
.success-story .icon-container .stories-icon {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:auto; height:90%;}
.success-story .excerpt {min-height:90px;}
.success-story .story-image {height:200px; background-size:contain; background-position: center; background-repeat: no-repeat; margin: 4rem 0;}
.success-story .bg-image-cover {background-size:cover; background-position:center;}
.story-wrapper {padding:4rem; }
#story-single ul  {margin:3rem 0 3rem 2rem; padding: 0; list-style: disc; list-style-position: outside;}
#story-single ul li { margin: 2rem 0 2rem 0; font-size:2rem; line-height: 2.9rem; font-weight: 200;}
#story-single p {font-size:2rem; font-weight:200;} .success-story.alt-bg {border-radius: 5px;}
.alt-bg h2 {color:#fff;}
.alt-bg p {color:#fff;}
.button.story { color:#fff; border-color:#fff; }
.stories-wrapper .s-story {padding:0;}
.stories-wrapper .s-story h2 {color:#fff; margin: 0;}
.stories-wrapper .s-story .overlay {width:100%; height:100%; padding:0; transition: 0.5s all;}
.stories-wrapper .s-story:hover .overlay {opacity:0;}
.stories-wrapper .s-story .title {position:absolute; bottom:5%; left:5%; width:90%;} .ss-filter .wpc-filters-section {padding:1.5rem; background-color:#E8E8E8; border-radius:10px; margin-bottom: 2rem;}
.ss-filter .wpc-filters-main-wrap li.wpc-term-item a {color:#313131; border-bottom: none !important; text-transform: none;}
.ss-filter .wpc-filters-main-wrap ul {column-count:2;}
.ss-filter .wpc-filter-chips-list a, body .wpc-filter-chips-list li.wpc-filter-chip a {background-color:#FD5D56; color:#fff!important; font-size:1.4rem;}
.ss-filter .wpc-filter-chips-list li.wpc-chip-reset-all a {background-color:#fff; color:#FD5D56 !important; border-color:#FD5D56;}
.ss-filter .wpc-edit-filter-set {display:none;}
.ss-filter .navigation li {margin: 0 5px 0 0;}
.ss-filter .navigation li a {border-radius:5px; height:30px; width:30px; line-height: 30px; background-color:#e8e8e8; color:#666;margin-bottom: 15px;}
.ss-filter .navigation li a:hover, .msi-filters .navigation li.active a {background-color:#FD5D56; color:#fff;}
.ss-filter .navigation li.arrows a {width:auto; padding: 0 15px; background-color:#FD5D56; color:#fff; margin-bottom: 15px;}
.story-fact {position:absolute; display:flex; justify-content: center; align-items: center; align-content: center; flex-flow:row wrap; bottom:15px; right:15px; aspect-ratio:1/1; padding:5px; background-color:#fff; box-shadow:3px 0 6px rgba(0,0,0,0.2); border-radius: 100px; text-align: center; max-width: 140px;}
.story-fact p {margin: 0;}
.story-fact .fact {font-weight:600; font-size:5rem;}
.story-fact .fact span {font-size:1.6rem;}
.story-fact .fact-explainer { font-size:1.6rem; font-weight:500;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
.success-story {flex:0 1 48%;}
} @media (min-width: 1000px) {
.success-story {flex:0 1 32%;}
} @media (min-width: 1500px) {
}  .wp-block-pb-accordion-item {padding:2rem; background-color:#EFEFEF; margin-bottom: 3px;}
.wp-block-pb-accordion-item h3 {font-weight: 400; color:#222;}
.wp-block-pb-accordion-item.is-open h3 {color:#007DBB}  .ppc h2, .ppc h3 {font-weight:200; font-size: 3rem;}
.ppc h1 span {font-weight:200; color:#fff;}
.ppc p, .ppc li {font-size:1.7rem; font-weight:200;}
.page-template-template-ppc-products #hero.page-hero figure {width:100%;}
.responsive-show {display:block;}
.responsive-hide {display:none;}
ul.ppc-list {list-style: none;}
ul.ppc-list li {position:relative; margin: 1rem 0 1rem 5rem;}
ul.ppc-list li::before {content:""; position:absolute; left:-50px; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/ppc/bullet.svg); background-size:contain; width:30px; height:30px;}
.main {margin:3rem 0 0 0;}
#hero.ppc {height:inherit; min-height:inherit; background-color:#0A4A55;}
#hero.ppc .container {min-height:300px;}
.flex-col-reverse {flex-flow:column-reverse;}
.offset-column {position:relative; margin:-30% 0 0 0;}
.ppc form {width:70%; margin: 4rem auto; padding:3rem; border: 1px solid #707070; }
.ppc form input {width:100%; height:58px; line-height:58px; border-color:#707070; padding: 0 5%; font-size:2rem;}
.ppc form input::placeholder {color:#41A7FF;}
.ppc form input[type="submit"]{background-color:#41A7FF; border-color:#41A7FF; font-size:2.4rem;}
.wp-block-image .alignleft {float: none;}
.ppc .wp-block-image figcaption {display:none;}
.wpcf7-spinner {display:block;}
input[type="submit"].form-button-submit {background-color:#41A7FF; text-transform: none; font-weight:400;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
.offset-column {position:relative; margin:-50% 0 0 0;}
.flex-col-reverse {flex-flow:row;}
.page-template-template-ppc-products #hero.page-hero figure {width:70%;}
.wp-block-image .alignleft {float: left;}
#hero.ppc .container {min-height:450px;}
.responsive-show {display:none;}
.responsive-hide {display:block;}
} @media (min-width: 1000px) {
.ppc p, .ppc li {font-size:2rem; font-weight:200;}
.page-template-template-ppc-products #hero.page-hero figure {width:50%;}
} @media (min-width: 1500px) {
}  #search-results {}
.result-type ul {list-style:none; margin: 0; padding: 0;}
.result-type li {padding:10px 0; margin: 5px 0; border-bottom:solid #ccc 1px;}
.result-type .tag {float: right;}
.result-type a {border:none; display: block;}
.result-type a:hover .tag {background-color:#004d90;}
.results .result-item {position:relative; border-bottom:1px #ccc solid; padding:2rem 0; display:flex; flex-flow:row wrap; }
.results .desc {flex:1 1 80%; margin:0 5% 2rem 0;}
.results .type {flex:1 1 15%; text-transform: uppercase; text-align: right;}
.tag-item {background-color:#FD5D56; color:#fff; padding: 2px 10px; font-size:12px; border-radius:30px;}  .download-container {display:inline-block; margin-right:2rem;}
.download-cover {width:250px;} .download-cover img {width:100%; height:auto;}  .main-23 h2.header {font-weight:600; font-size:2.2rem; }
.main-23 h2 {font-weight:200; font-size:2.2rem; }
.main-23 h3 {font-weight:600; font-size:2.1rem; }
.main-23 .wp-block-group.has-background {padding: 2rem; margin-bottom: 4rem;}
.main-23 .button {background-color:transparent; color:#101010; border-color:#707070; padding-left:40px; position: relative; text-transform: none; transition:0.5s all;}
.main-23 .button::before {font-family: 'Pe-icon-set-interface'; font-size:2.2rem; content: "\e67a"; color:#FD5D56; position:absolute; left:10px; top:50%; transform:translateY(-50%); z-index: 9;}
.main-23 .button:hover {background-color:#FD5D56; border-color:#FD5D56; color:#fff;}
.main-23 .button:hover::before {color:#fff;}
.product {flex:0 0 100%;}
.product .flex-image {flex:0 0 100%; height:250px; margin-bottom: 2rem;}
.product .flex-text {flex:0 0 100%; }
.product.sector .flex-text{min-height: 300px;}
.terms {margin:0; padding:0;}
.terms li {display:inline-block; margin: 0; margin:0 10px 10px 0;}
.terms li a {border:none; display:inline-block; padding:3px 16px; border-radius: 99px; background-color:#FD5D56; color:#fff;}
.cta23 {background-color:#16355D; color:#fff; padding: 4rem 0; text-align: center;}
.cta23 label {display:inline-block; margin: 0 1rem;}
.cta23 input[type='submit'] {background-color:#FD5D56;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.main-23 h2.header {font-size:4rem; }
.main-23 .wp-block-group.has-background {padding: 3rem; }
.product {flex:0 0 48%;}
.sector-news article .news-image {height:400px;}
} @media (min-width: 1000px) {
.main-23 .wp-block-group.has-background {padding: 6rem; }
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
}  .icon-24 img {border-radius:99px; border:solid 2px var(--l-blue);}  .slick-prev:before, .slick-next:before {font-size:25px;}
.slick-prev, .slick-next {width:25px; height:25px;}
.slick-prev {left:-30px;}
.slick-next {right:-30px;}
#header-wrapper {position:fixed; top:0; left:0; width:100%; background:transparent; z-index: 99999; transition:1s all;}
header {top:0px; position:relative; z-index: auto;}
#site-menu {position:relative; width:100%; background-color:#222; }
#site-menu .mega-hide-on-mobile {display:none !important;}
#site-menu nav {margin:0 3%;}
#header.background-overide {background-color: rgba(22,53,93,0.95);} #mega-menu-wrap-primary2023 #mega-menu-primary2023 > li.mega-menu-megamenu > ul.mega-sub-menu {top:80px;}
#mega-menu-wrap-primary2023 #mega-menu-primary2023 li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {border-radius:0;}
#mega-menu-wrap-primary2023 h2 {font-size:12px; text-transform: uppercase; color:#41A7FF; letter-spacing: normal;}
#mega-menu-wrap-primary2023 .menu-header {font-size:5rem; color:#fff; margin-bottom: 3rem; text-transform: none;}
#mega-menu-wrap-primary2023 p {color:#fff;}
#mega-menu-wrap-primary2023 .feature-link a{background-color:#41A7FF !important;}
#mega-menu-wrap-primary2023 .feature-link a:hover {background-color:rgba(22,53,93,1) !important;}
#header-wrapper.scroll-down #mega-menu-wrap-primary2023 #mega-menu-primary2023 > li.mega-menu-item > a.mega-menu-link:hover, #header-wrapper.scroll-down #mega-menu-wrap-primary2023 #mega-menu-primary2023 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {background-color:#fff; color:#16355d;}
#mega-menu-wrap-primary2023 ul li {margin:0; vertical-align: middle; }
#mega-menu-wrap-primary2023 .menu-header-search {margin-right:10px;}
#mega-menu-wrap-primary2023 #mega-menu-primary2023 > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {color:#41A7FF;}
#mega-menu-wrap-primary2023 .column-heading a {color:#41A7FF !important; position:relative; text-transform: uppercase !important;}
#mega-menu-wrap-primary2023 .link-heading a { position:relative; text-transform: uppercase !important; font-weight: !important; } 
#mega-menu-wrap-primary2023 .link-heading a:hover {color:#41A7FF !important;}
#mega-menu-wrap-primary2023 .link-heading a::after {font-family: 'Pe-icon-set-interface'; font-size:3rem; content: "\e67a"; position:absolute; left:10px; top:50%; transform:translateY(-50%);}
#mega-menu-wrap-primary2023 .link-heading.disabled a:hover {color:#41A7FF !important; font-weight:normal !important;} 
#mega-menu-wrap-primary2023 .link-heading .mega-sub-menu .mega-menu-link { text-transform: none !important;}
#mega-menu-wrap-primary2023 .link-heading .mega-sub-menu .menu-related-link a {font-style: italic;}
#mega-menu-wrap-primary2023 .link-heading .mega-sub-menu .menu-related-link a::before {content: ">"; margin: 0 5px 0 0;}
#mega-menu-wrap-site #mega-menu-site li.site-menu-icon a.mega-menu-link:before {font-size:16px !important;}
#mega-menu-wrap-primary2023 hr {border-color:#fff;} 
#mega-menu-wrap-primary2023 #mega-menu-primary2023 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary2023 #mega-menu-primary2023 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {letter-spacing: normal;}
.menu-header-search form, .menu-header-search input, .menu-header-search label {margin: 0;}
.menu-header-search input[type="search"] { background-color: transparent; color:#fff;background-image: url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/icon-search.png); box-shadow: unset; background-position: 11px center; background-repeat: no-repeat; background-size: 20px 20px; border: none; cursor: pointer;height: 37px; margin: 3px 0 3px 5px; padding: 0 0 0 34px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease;width: 0; }
.menu-header-search input[type="search"]:focus {border: 1px solid #fff;cursor: text;outline: 0;width: 230px;}
.menu-header-search input[type="submit"] { display:none; }
#mega-menu-wrap-primary2023 .widget_media_image {}
#mega-menu-wrap-primary2023 .widget_media_image img {width:50px; height:50px; position: relative; margin: 0px 0 0px 0;}
#mega-menu-wrap-primary2023 .menu-intro {display:none !important;}   @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
#site-menu { display:block;}
#mega-menu-wrap-primary2023 #mega-menu-primary2023 li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {border-radius:100px;}
#mega-menu-wrap-primary2023 #mega-menu-primary2023 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu  {padding:10px 0 10px 10px;}
#mega-menu-wrap-primary2023 .menu-intro {display:inline-block!important;}
#site-menu .mega-hide-on-mobile {display:inline-block!important;}
} @media (min-width: 1000px) {
} @media (min-width: 1500px) {
}   @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1500px) {
}  .products-flex {gap: 2%:}
.product-grid {display:flex; flex-flow:row wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; gap:2%;}
.product {flex: 0 0 31%; background-color:#E3E3E3; }
.product h2,  {font-weight:200;}
.product .frequency {background-color:#4EA6A7; color:#fff; font-weight:200; padding: 0 5px; font-size: 1.5rem; margin: 1.5rem 0; display: inline-block; border-radius: 3px;}
.product .content-wrapper {padding: 2rem 2rem 7rem 2rem;}
.product .button {position:absolute; bottom:2rem; left:2rem; }
.product .product-image {height:300px; background-color:#E3E3E3; background-blend-mode: darken; background-size: contain; background-repeat: no-repeat; }
.product.sector {flex: 1 1 100%;}
.product.sector .product-image {height:200px;}
.products-wrapper .products-container {flex:1 1; }
.products-wrapper .wpc-filters-section {background-color: #fff;}
.product {flex: 0 0 100%; background-color:#f5f5f5; }
#hero .header-title {position:absolute; bottom:30px; width:100%; left:0; justify-content: space-between; align-content: flex-end; align-items:flex-end;}
#hero .header-title .breadcrumbs {display:block; position: relative; bottom: auto;}
.products-filters {border-right:1px solid #707070;}
.product {flex:1 1 100%; background-color:transparent; text-align: center;}
.product:hover {box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);}
.product .product-image {background-color:transparent; height:350px;}
.product h2 {padding: 0; font-weight: inherit; color:var(--primary2);}
.product .frequency {background-color:transparent; color:var(--dark); opacity:0.5; font-weight:400;}
.product .spoiler {width:80%; margin: 0 auto 2rem auto; }
.product .button {left:50%; transform:translateX(-50%);}
.go {position:absolute; bottom:20px; right:20px; border:none; transition:0.2s all ease-out;}
.go:hover {right:10px; border:none; } @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.product {flex:1 1 48%;}
.product.sector {flex: 1 1 48%;}
} @media (min-width: 1000px) {
.product .product-image {height:400px;}
.product.sector {flex: 1 1 23%;}
} @media (min-width: 1500px) {
.product .product-image {height:450px;}
}   .button {text-transform: none;}
#hero.product-hero {background-color:#fff; height: auto; border-bottom:1px solid #fff; margin-top:120px;}
#hero.product-hero .hero-container {min-height:495px; position: relative;width: 95%;margin-left: auto;margin-right: auto;max-width: 1400px;box-sizing: border-box;}
#hero.product-hero .product-image {position:relative; bottom:5%; height:220px; width: 100%; background-size:contain; background-color:#fff; background-blend-mode: darken;  background-repeat: no-repeat; background-position: center;}
#hero.product-hero figure {width:100%; position: relative; bottom: auto; top:3rem;}
#hero.product-hero h2 {font-size:2rem; color:#41A7FF; font-weight:200;}
#hero.product-hero h3 { font-weight:200;}
#hero.product-hero h4 {font-size:1.8rem; color:#222; font-weight:200;}
#hero.product-hero h1 {font-size:2.5rem; color:#222;}
#hero .slick-next {right:25px; } #hero .slick-next::before {color: var(--l-blue);}
#hero .product-image img { width:100%; height: auto; position: relative;  }
#hero .wr360_player {width:100% !important; position:relative; height:300px; margin-top: 30px; min-height: none; background-color:#fff;}
#hero .wr360_player img { margin-top: 0px !important;}
#hero .wr360_player .container {background-color:#fff; position: relative; width:100% !important; height:290px !important; min-height: auto;}
#hero .wr360_player .container .theme_panel { bottom: 0;}
#hero .wr360_player .fullscreenon_button {display:none !important;}
#hero .wr360_player .zoomin_button {display:none !important;} #hero .wr360_player a {border:none;}
#product .direct-contact {padding: 2rem; border: solid 1px #e3e3e3; background-color:#e3e3e3;}
#product .direct-contact label {}
#product hr {border-color:#e3e3e3;}
.product-description {background:#e3e3e3; padding: 2rem; }
.product-description .flex-wrapper {display: flex; flex-flow: row-reverse wrap; align-content: flex-start; align-items: flex-start;}
.product-description .feature-image {flex:0 0 100%; margin-right: 0%; margin-bottom: 5%; background-size:cover; background-position: center;}
.product-description .product-content {flex:0 0 100%;}
.product-key-features {background:#e3e3e3; padding: 2rem; margin-bottom: 3rem; }
.product-key-features .flex-wrapper {display: block; }
.product-key-features .feature-image {width: 100%; margin-right: 0%; margin-bottom: 5%; }
.product-key-features .feature-image .slide { width:100%; background-size:contain; background-repeat: no-repeat; background-position: center; background-color: #fff; }
.product-key-features .feature-image .slide::before {content:""; display:block; padding-bottom:100%;}
.product-key-features .product-content {flex:0 0 100%;}
.stories {display:flex; flex-flow: row wrap; align-content: stretch; align-items: stretch; gap:4%;}
.stories .success-stories-tiles {width:100%;}
.related-products {flex:0 0 100%; }
ul.related-list {list-style: none; }
ul.related-list li {margin:3px 0; display: block; width:100%;}
ul.related-list li a {color:#222; border-bottom:solid 1px #222; padding: 5px 0; display: block; position: relative; background-image: url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/red-arrow.svg); background-position: center right; background-repeat:no-repeat; background-size:20px;}
.download-wrapper {display:inline-block; width:45%; margin-right:2%;}
.download-covers {}
.download-container, .dlm_cs_form_v3 {display:inline-block; width:46%; margin-right:2%;}
.dlm_cs_form_v3 .download-container {width:100%;}
.download-cover {width:100%;}
.download-cover a {border:none; display:block;}
.download-cover img {width:100%; height:auto;}
.download-cover .dlm-xhr-loading-gif {width:auto; }
.download-text {display:none;}
{display: inline-block;width: 15%;margin-right: 4%;}
.success-stories-tiles .story-tiles {display:flex; flex-flow:row wrap; justify-content: flex-start; align-content: stretch; align-items:stretch; gap: 2%;}
.success-stories-tiles .story-tile {flex:0 0 100%; border-radius:20px; margin:0 0 2rem 0; }
.success-stories-tiles .story-tile .icon {flex:0 0 100px; width: 100px; height:100px; border-radius: 100px; border:1px solid #fff; margin:0 20px 0 0; display: flex; align-content: center; justify-content: center; align-items: center;}
.success-stories-tiles .story-tile .story-content-wrapper {padding:20px; display:flex; flex-flow:row wrap; border-radius: 15px;}
.success-stories-tiles .story-tile .icon img {height:55%; width:auto;}
.success-stories-tiles .story-tile .content {flex: 1 1; color:#fff;}
.video-wrapper {position: relative; width:100%; height:auto;}
.video-wrapper::before {display:block; content:""; padding-bottom:56.25%;}
.video-wrapper iframe {position: absolute; width:100%; height:100%; top:0; left:0;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.success-stories-tiles .story-tile {flex:0 0 48%; }
#hero.product-hero { margin-top:140px;}
#hero.product-hero .hero-container {min-height:500px;}
#hero.product-hero h1 {font-size:3rem; color:#222;}
#hero.product-hero h2 {font-size:3rem; color:#41A7FF; font-weight:500;}
#hero.product-hero h4 {font-size:2rem; color:#222; font-weight:200;}
#hero.product-hero figure {width:100%; position: absolute; top: 50%; transform:translateY(-50%);}
#hero.product-hero figure {width:50%;}
#hero.product-hero .product-image {position:absolute; right: 0; height:auto; width: 40%; background-size:contain; background-color:#fff; background-blend-mode: darken;  background-repeat: no-repeat; background-position: center 90%;}
#hero .wr360_player {width:40% !important; position:absolute; right:0; bottom:2rem; height:80%; min-height:365px !important; background-color:#fff;}
#hero .wr360_player .container {background-color:#fff; position:absolute; top:50%; transform:translateY(-50%); width:100% !important; height: 100% !important;}
.product-description .flex-wrapper {display: flex; flex-flow: row wrap; align-content: stretch; align-items: stretch;}
.product-description .feature-image {flex:0 0 35%; margin-left: 5%; margin-bottom: 0; background-size:cover; background-position: center;}
.product-description .product-content {flex:0 0 60%;}
.product-key-features .flex-wrapper {display: flex; flex-flow: row wrap; align-content: stretch; align-items: stretch;}
.product-key-features .feature-image {flex:0 0 35%; width:35%; margin-right: 5%; margin-bottom: 0; background-size:cover; background-position: center;}
.product-key-features .product-content {flex:0 0 60%;}
.download-covers {}
.download-container, .dlm_cs_form_v3 {display:inline-block; width:15%; margin-right: 4%;}
.download-cover {width:100%;}
.download-cover a {border:none;}
.download-cover img {width:100%; height:auto;}
.download-text {display:none;}
.stories .success-stories-tiles {width:66%;}
.related-products {flex:0 0 30%; }
.video-wrapper {position: relative; width:48%; height:auto; margin: 0 1%;}
} @media (min-width: 1000px) {
#hero.product-hero h1 {font-size:4rem; color:#222;}
.product-description, .product-key-features {background:#e3e3e3; padding: 4rem;}
#product .direct-contact {padding: 2rem 4rem;}
.download-wrapper {display:inline-block; width:23%; margin-right:2%;}
.video-wrapper {position: relative; width:31%; height:auto; margin: 0 1%;}
} @media (min-width: 1500px) {
}
.products-msi .downloads {margin-top:20px;}
.products-msi .downloads a {display:block; margin-bottom: 10px; position: relative; top:auto; left:auto;}  .interactive-map {display:flex; justify-content: space-between; flex-flow:row wrap; gap:5%;}
.interactive-map .map, .interactive-map .map-detail {flex:0 1 100%;}
.interactive-map ul.regions {display:flex; flex-flow: row wrap; justify-content: flex-start; align-content: center; align-items: center; list-style: none; margin: 3rem 0;}
ul.regions li { margin: 0 10px 0 0; }
ul.regions li span {display:block; padding: 3px 8px; font-size:2rem; border: none; border-radius: 5px; transition:0.3s all;}
ul.regions li span:hover, ul.regions li span:active, ul.regions li span.region-active {background-color:#FD5D56; color:#fff; cursor: pointer;}
.region-table .info-wrapper {display:flex; flex-flow: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; border-top:1px solid #ddd;}
.region-table .agent.info-wrapper {padding: 1rem 0; border-bottom:1px solid #ddd;}
.region-table .agent.info-wrapper .location {flex:0 0 15%; margin-right: 15px;}
.region-table .agent.info-wrapper .company-name {flex:0 0 20%; margin-right: 15px;}
.region-table .agent.info-wrapper .company-logo {flex:0 0 15%; margin-right: 15px;}
.region-table .agent.info-wrapper .company-logo img {object-fit: contain; min-height: 80px; max-width: 100%;}
.region-table .agent.info-wrapper .company-address {} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
} @media (min-width: 1200px) {
.interactive-map .map, .interactive-map .map-detail {flex:0 1 47%;}
} @media (min-width: 1500px) {
}
.esg-objectives .wp-block-column { align-self: stretch;}  .wp-block-group.pop-exit-24 {background:linear-gradient(135deg, rgb(22, 52, 93) 0%, rgb(65, 167, 255) 100%);  padding:0;}
.pop-exit-24 .wp-block-group__inner-container {padding:3rem; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/popups/loz-bg.png); background-size:40%; background-position: right bottom; background-repeat: no-repeat;}
.wp-block-group.pop-exit-24 .wp-block-columns {padding: 0; grid-gap:1rem;}
.wp-block-group.pop-exit-24 .wp-block-button__link {background-color:var(--f-red); color:#fff;}
.wp-block-group.pop-exit-24 .wp-block-button__link::before {color:#fff;}
.wp-block-group.pop-exit-24 p {font-size:1.8rem;}
.pum-theme-12325 .pum-content + .pum-close, .pum-theme-12325 .pum-content + .pum-close {padding:0 35px 0 15px !important;}
.pum-theme-filtronic-before-you-go h2 {color:#fff;}  .container, .alignwide {position: relative; width: 95%; margin-left: auto; margin-right: auto; max-width: 1400px !important; box-sizing: border-box; }
#site-menu {display:flex; flex-flow:row wrap; justify-content: space-between; align-content: center; align-items: center;}
#site-menu .theme {margin: 0 3%; color:#fff;}
.temp3-sub-menu  {display:none;}
.border-right {border-right:0;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
.border-right {border-right:solid 1px #fff;}
.no-border {border:none !important;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
.container, .alignwide  {width: 100%; }
} #hero.sector-diagram {height:auto; position: relative; min-height: 400px;}
#hero.sector-diagram::after {content:""; display:block; padding-bottom:65.25%;}
#hero.sector-diagram .container {position:absolute; left:50%; transform:translateX(-50%);}
#hero.sector-diagram figure { width:100%; display:flex; flex-flow:row wrap; justify-content: space-between;}
#hero.sector-diagram h1 {flex:0 1 80%;}
#hero.sector-diagram .sector-icon {flex:0 0 80px; height:80px; border:solid 2px #fff; border-radius: 200px;}
#hero.sector-diagram .sector-icon img {width:100%; height: auto;}
#hero.sector {height:auto; min-height: unset;}
#hero.sector .container {padding-top:150px; padding-bottom: 40px; min-height: unset;}
#hero .flex {align-content:center; align-items: center; flex-flow: row wrap;}
#hero .hero-left, #hero .hero-right {flex:0 0 100%;}
#hero .hero-left .sector-icon {width:100px; height:100px; border:solid 2px #fff; border-radius: 200px; margin-bottom: 2rem;}
#hero .hero-left .sector-icon img {width:100%; height: auto;}
#hero .hero-right figure {position:relative; top:0; left:0; width:100%; height:auto;}
#hero .hero-right figure img {width:100%; height: auto;}
.wp-block-group.sector-help {margin-bottom:0; background-image:url(//filtronic.com/wp-content/themes/filtronic2025-v2/assets/images/bg-mosaic.png); background-position: right; background-size:contain; background-repeat:no-repeat;}
.wp-block-group.sector-benefits {margin-top:0; border-top:solid 1px #fff;}
.wp-block-group.sector-help h3, .wp-block-group.sector-benefits h3 {font-size:2rem; font-weight: bold; color:var(--l-blue); margin: 0 0 1rem 0;}
.wp-block-group.sector-help.use-white h3, .wp-block-group.sector-benefits.use-white h3 { color:#fff;}
.use-white .icon-24 img {border-color:#fff;}
.wp-block-group.sector-benefits.all-benefits .wp-block-image{ text-align: center;}
.wp-block-group.sector-benefits.all-benefits .wp-block-image img {width:110px; height: auto;}
.sector-tiles {font-size:1.6rem; color:#fff; }
.wp-block-group.sector-tiles .wp-block-columns.mkt-row {gap:2rem; margin-bottom: 2rem;}
.mkt-block .content-wrapper {padding:2rem;}
.mkt-block .content-wrapper div {margin:0.5rem 0;}
.sector-tiles .wp-block-column {}
.sector-tiles .wp-block-image {margin:0;}
.wp-block-group.sector-tiles .wp-block-columns {padding-top:0;}
.sector-tiles h2 {font-weight:bold; font-size:28px; color:#fff; margin: 0;}
.sector-tiles p {font-size:1.4rem; margin-bottom: 0;}
.sector-tiles .icon-24 img {border: solid 4px #fff;}
.sector-tiles ul {list-style: none; margin-bottom: 0;}
.sector-tiles li {margin:0 0 10px 0; }
.sector-tiles ul a {display:inline-block; font-size:1.4rem; color:#fff; border-bottom: solid 1px transparent; margin-left:20px; position:relative; opacity: 0.4; transition:0.3s all;}
.sector-tiles ul a::before {font-family: 'Pe-icon-set-interface'; font-size:14px; content: "\e67a"; color:#fff; position:absolute; left:-20px; top:50%; transform:translateY(-50%);}
.sector-tiles a:hover {border-bottom: solid 1px #fff; opacity: 1;}
.wp-block-group.sector-tiles .adjacent .wp-block-columns {padding-top:2rem;}
.wp-block-group.sector-tiles .adjacent .icon-24 img {padding:5px; }
.wp-block-group.sector-tiles .adjacent .icon-24 {margin-bottom:10px; }
.sector-tiles .adjacent h2 {margin-bottom:3rem;}
#mega-menu-wrap-primary2023 .widget_media_image img {width: auto !important; height: 50px !important;position: relative; margin: 0px 0 0px 0;}
#mega-menu-wrap-primary2023 #mega-menu-primary2023 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.lg-menu-item > a.mega-menu-link {font-size: 18px;}
#mega-menu-wrap-primary2023 #mega-menu-primary2023 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link .lg-menu-item a.mega-menu-link > a.mega-menu-link {font-size:14px;}
.wp-block-atbs-tabs .tabs-titles {background-color:transparent; gap:1px !important;}
.wp-block-atbs-tabs .tabs-titles .tab-title {margin: 0;}
.wp-block-atbs-tabs .tabs-content {min-height: 400px;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
#hero .flex {flex-flow: row ;}
#hero .hero-left, #hero .hero-right {flex:1 1 50%;}
.wp-block-columns.mkt-row {gap:2rem;}
.wp-block-atbs-tabs .tabs-titles {background-color:transparent; gap:9px !important;}
} @media (min-width: 1000px) {
#hero.sector-diagram .sector-icon {flex:0 0 120px; height:120px;}
#hero.sector-diagram::after {content:""; display:block; padding-bottom:56.25%;}
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
#hero.sector-diagram .sector-icon {flex:0 0 160px; height:160px;}
} .tf-container {height:98vh; margin-top:30px; margin-bottom: 2rem; position:relative; background: rgb(22,52,93); background: linear-gradient(130deg, rgba(22,52,93,1) 0%, rgba(65,167,255,1) 100%);}
.tf-container .tf-v1-widget {position:absolute;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
.tf-container { margin-bottom: 4rem;}
} @media (min-width: 1500px) {
.tf-container { margin-bottom: 4rem;}
}
.wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-next {right:-50px;}