#qx-section-18162 { padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-18162-background-overlay {  } #qx-section-18162:hover .qx-section-18162-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-18162 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-18162 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-14165 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-14165-background-overlay {  } #qx-row-14165:hover .qx-row-14165-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-14165 {  }  } @media (max-width: 767px) { #qx-row-14165 {  }  } #qx-column-72166 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-72166 { flex: 100%; max-width: 100%; } .qx-column-72166-background-overlay {  } #qx-column-72166:hover .qx-column-72166-background-overlay {  } #qx-column-72166 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-72166 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-72166 > .qx-col-wrap {  } #qx-column-72166 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-72166 > .qx-col-wrap {  } #qx-column-72166 { flex: 100%; max-width: 100%; }  } #qx-joomla-module-96183 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-joomla-module-96183 {  }  } @media (max-width: 767px) { #qx-joomla-module-96183 {  }  } #qx-section-83230 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(29 ,  49,  83, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-83230-background-overlay {  } #qx-section-83230:hover .qx-section-83230-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-83230 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-83230 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-35233 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-35233-background-overlay {  } #qx-row-35233:hover .qx-row-35233-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-35233 {  }  } @media (max-width: 767px) { #qx-row-35233 {  }  } #qx-column-75234 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-75234 { flex: 33.33%; max-width: 33.33%; } .qx-column-75234-background-overlay {  } #qx-column-75234:hover .qx-column-75234-background-overlay {  } #qx-column-75234 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-75234 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-75234 > .qx-col-wrap {  } #qx-column-75234 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-75234 > .qx-col-wrap {  } #qx-column-75234 { flex: 100%; max-width: 100%; }  } #qx-image-12242 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-12242 img,#qx-image-12242 svg { display : inline-block; border-top-width : undefinedpx; border-right-width : undefinedpx; border-bottom-width : undefinedpx; border-left-width : undefinedpx; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-12242 img,#qx-image-12242 svg,#qx-image-12242 i {  } #qx-image-12242 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); color : rgba(0, 0, 0, 0.8); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-12242 svg,#qx-image-12242 i {  } #qx-image-12242 svg,#qx-image-12242 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-12242 {  } #qx-image-12242 svg,#qx-image-12242 i {  } #qx-image-12242 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-12242 {  } #qx-image-12242 svg,#qx-image-12242 i {  } #qx-image-12242 .qx-figure-caption {  }  } #qx-column-66236 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-66236 { flex: 66.67%; max-width: 66.67%; } .qx-column-66236-background-overlay {  } #qx-column-66236:hover .qx-column-66236-background-overlay {  } #qx-column-66236 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-66236 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-66236 > .qx-col-wrap {  } #qx-column-66236 { flex: 66.67%; max-width: 66.67%; }  } @media (max-width: 767px) { #qx-column-66236 > .qx-col-wrap {  } #qx-column-66236 { flex: 100%; max-width: 100%; }  } #qx-text-14267 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-size : 23px; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-14267 {  }  } @media (max-width: 767px) { #qx-text-14267 {  }  } #qx-section-1966 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(248 ,  248,  248, 1); background-image : url("http://superiorfilterco.com/images//slideshow/3.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-1966-background-overlay { background-color : rgba(0 ,  0,  0, 1); opacity : 0.7;  } #qx-section-1966:hover .qx-section-1966-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-1966 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-1966 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-37212 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-37212-background-overlay {  } #qx-row-37212:hover .qx-row-37212-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-37212 {  }  } @media (max-width: 767px) { #qx-row-37212 {  }  } #qx-column-44213 > .qx-col-wrap { margin-right : 8px; margin-left : 8px; padding-top : 30px; padding-right : 30px; padding-bottom : 30px; padding-left : 30px; background-color : rgba(255, 255, 255, 0); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-44213 { flex: 25%; max-width: 25%; } #qx-column-44213:hover .qx-column-44213-background-overlay {  } #qx-column-44213 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-44213 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-44213 > .qx-col-wrap {  } #qx-column-44213 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-44213 > .qx-col-wrap {  } #qx-column-44213 { flex: 100%; max-width: 100%; }  } #qx-counter-98162 { margin-top : -10px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-counter-98162 .counter-count { color : rgba(252 ,  252,  252, 1); font-family : Roboto; font-weight : 500; font-size : 60px; line-height : 1.5em;  } #qx-counter-98162 .counter-count span {  } #qx-counter-98162 .counter-title { color : rgba(250 ,  250,  250, 1); font-family : Roboto; font-weight : 400; font-size : 16px; text-transform : uppercase; line-height : 1.4em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-counter-98162 {  } #qx-counter-98162 .counter-count { font-size : 38px; line-height : 1.2em;  } #qx-counter-98162 .counter-count span {  } #qx-counter-98162 .counter-title { font-size : 18px; line-height : 1.2em;  }  } @media (max-width: 767px) { #qx-counter-98162 {  } #qx-counter-98162 .counter-count { font-size : 38px; line-height : 1.2em;  } #qx-counter-98162 .counter-count span {  } #qx-counter-98162 .counter-title { font-size : 18px; line-height : 1.2em;  }  } #qx-column-93216 > .qx-col-wrap { margin-right : 8px; margin-left : 8px; padding-top : 30px; padding-right : 30px; padding-bottom : 30px; padding-left : 30px; background-color : rgba(255, 255, 255, 0); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-93216 { flex: 25%; max-width: 25%; } .qx-column-93216-background-overlay {  } #qx-column-93216:hover .qx-column-93216-background-overlay {  } #qx-column-93216 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-93216 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-93216 > .qx-col-wrap {  } #qx-column-93216 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-93216 > .qx-col-wrap {  } #qx-column-93216 { flex: 100%; max-width: 100%; }  } #qx-counter-92161 { margin-top : -10px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-counter-92161 .counter-count { color : rgba(252 ,  252,  252, 1); font-family : Roboto; font-weight : 500; font-size : 60px; line-height : 1.5em;  } #qx-counter-92161 .counter-count span {  } #qx-counter-92161 .counter-title { color : rgba(250 ,  250,  250, 1); font-family : Roboto; font-weight : 400; font-size : 16px; text-transform : uppercase; line-height : 1.4em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-counter-92161 {  } #qx-counter-92161 .counter-count { font-size : 38px; line-height : 1.2em;  } #qx-counter-92161 .counter-count span {  } #qx-counter-92161 .counter-title { font-size : 18px; line-height : 1.2em;  }  } @media (max-width: 767px) { #qx-counter-92161 {  } #qx-counter-92161 .counter-count { font-size : 38px; line-height : 1.2em;  } #qx-counter-92161 .counter-count span {  } #qx-counter-92161 .counter-title { font-size : 18px; line-height : 1.2em;  }  } #qx-column-47219 > .qx-col-wrap { margin-right : 8px; margin-left : 8px; padding-top : 30px; padding-right : 30px; padding-bottom : 30px; padding-left : 30px; background-color : rgba(255, 255, 255, 0); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-47219 { flex: 25%; max-width: 25%; } .qx-column-47219-background-overlay {  } #qx-column-47219:hover .qx-column-47219-background-overlay {  } #qx-column-47219 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-47219 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-47219 > .qx-col-wrap {  } #qx-column-47219 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-47219 > .qx-col-wrap { margin-bottom : 10px;  } #qx-column-47219 { flex: 100%; max-width: 100%; }  } #qx-counter-19160 { margin-top : -10px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-counter-19160 .counter-count { color : rgba(252 ,  252,  252, 1); font-family : Roboto; font-weight : 500; font-size : 60px; line-height : 1.5em;  } #qx-counter-19160 .counter-count span {  } #qx-counter-19160 .counter-title { color : rgba(250 ,  250,  250, 1); font-family : Roboto; font-weight : 400; font-size : 16px; text-transform : uppercase; line-height : 1.4em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-counter-19160 {  } #qx-counter-19160 .counter-count { font-size : 38px; line-height : 1.2em;  } #qx-counter-19160 .counter-count span {  } #qx-counter-19160 .counter-title { font-size : 18px; line-height : 1.2em;  }  } @media (max-width: 767px) { #qx-counter-19160 {  } #qx-counter-19160 .counter-count { font-size : 38px; line-height : 1.2em;  } #qx-counter-19160 .counter-count span {  } #qx-counter-19160 .counter-title { font-size : 18px; line-height : 1.2em;  }  } #qx-column-76222 > .qx-col-wrap { margin-right : 8px; margin-left : 8px; padding-top : 30px; padding-right : 30px; padding-bottom : 30px; padding-left : 30px; background-color : rgba(255, 255, 255, 0); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-76222 { flex: 25%; max-width: 25%; } .qx-column-76222-background-overlay {  } #qx-column-76222:hover .qx-column-76222-background-overlay {  } #qx-column-76222 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-76222 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-76222 > .qx-col-wrap {  } #qx-column-76222 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-76222 > .qx-col-wrap {  } #qx-column-76222 { flex: 100%; max-width: 100%; }  } #qx-counter-2224 { margin-top : -10px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-counter-2224 .counter-count { color : rgba(252 ,  252,  252, 1); font-family : Roboto; font-weight : 500; font-size : 60px; line-height : 1.5em;  } #qx-counter-2224 .counter-count span {  } #qx-counter-2224 .counter-title { color : rgba(250 ,  250,  250, 1); font-family : Roboto; font-weight : 400; font-size : 16px; text-transform : uppercase; line-height : 1.4em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-counter-2224 {  } #qx-counter-2224 .counter-count { font-size : 38px; line-height : 1.2em;  } #qx-counter-2224 .counter-count span {  } #qx-counter-2224 .counter-title { font-size : 18px; line-height : 1.2em;  }  } @media (max-width: 767px) { #qx-counter-2224 {  } #qx-counter-2224 .counter-count { font-size : 38px; line-height : 1.2em;  } #qx-counter-2224 .counter-count span {  } #qx-counter-2224 .counter-title { font-size : 18px; line-height : 1.2em;  }  } #qx-section-25422 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(0 ,  0,  0, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-25422-background-overlay {  } #qx-section-25422:hover .qx-section-25422-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-25422 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-25422 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-4423 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-4423-background-overlay {  } #qx-row-4423:hover .qx-row-4423-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-4423 {  }  } @media (max-width: 767px) { #qx-row-4423 {  }  } #qx-column-19424 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-19424 { flex: 70%; max-width: 70%; } .qx-column-19424-background-overlay {  } #qx-column-19424:hover .qx-column-19424-background-overlay {  } #qx-column-19424 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-19424 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-19424 > .qx-col-wrap {  } #qx-column-19424 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-19424 > .qx-col-wrap {  } #qx-column-19424 { flex: 100%; max-width: 100%; }  } #qx-heading-15425 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-heading-15425 h2 { font-weight : 700; font-size : 45px; line-height : 1.2em; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-15425 {  } #qx-heading-15425 h2 { font-size : 36px;  }  } @media (max-width: 767px) { #qx-heading-15425 { text-align : center;  } #qx-heading-15425 h2 { font-size : 30px;  }  } #qx-text-76426 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-weight : 400; font-size : 16px; text-transform : uppercase; line-height : 1.2em; color : rgba(221 ,  221,  221, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-76426 {  }  } @media (max-width: 767px) { #qx-text-76426 { font-size : 15px; text-align : center;  }  } #qx-column-1427 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-1427 { flex: 30%; max-width: 30%; } .qx-column-1427-background-overlay {  } #qx-column-1427:hover .qx-column-1427-background-overlay {  } #qx-column-1427 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-1427 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-1427 > .qx-col-wrap {  } #qx-column-1427 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-1427 > .qx-col-wrap {  } #qx-column-1427 { flex: 100%; max-width: 100%; }  } #qx-button-97428 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : right;  } #qx-button-97428 .qx-btn { background-color : rgba(29 ,  49,  83, 1); transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; color : rgba(255 ,  255,  255, 1); white-space : initial; padding-top : 15px; padding-right : 35px; padding-bottom : 15px; padding-left : 35px; border-style : solid; border-color : rgba(255, 255, 255, 0);  } #qx-button-97428 .qx-btn:hover { background-color : rgba(0 ,  168,  255, 1); color : rgba(255 ,  255,  255, 1);  } #qx-button-97428 .qx-btn:hover i { color : rgba(218 ,  191,  12, 1);  } #qx-button-97428 * { font-weight : 500; font-size : 15px; text-transform : uppercase;  } #qx-button-97428 a svg,#qx-button-97428 a i { margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-97428 {  } #qx-button-97428 * {  } #qx-button-97428 .qx-btn { padding-top : 12px; padding-right : 30px; padding-bottom : 12px; padding-left : 30px;  }  } @media (max-width: 767px) { #qx-button-97428 { text-align : center;  } #qx-button-97428 * { font-size : 14px;  } #qx-button-97428 .qx-btn { padding-top : 12px; padding-right : 30px; padding-bottom : 12px; padding-left : 30px;  }  }