* {
    margin: 0;
    padding: 0;
}
textarea {
    font-family: "Source Sans Pro", sans-serif
}
nav {
  display: none;
}
body {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
    position:relative;
    background: url('/images/957.jpg') repeat;
}

a.anchor {
  top: -120px;
  position: relative;
  display: block;
  visibility: hidden;
}

.home_slide {
  color: #fff;
  text-align: center;
  position: absolute;
  height: 300px;
  top:150px;
  width: 60%;
  margin-left:250px;
  border-top: 1px solid #9B0000;
  border-bottom: 1px solid #9B0000;
}
/* ----- Applications Grid ------*/

.applications-grid-ul {
    border-left: 1px solid #aaa   
}
.applications-grid-1 {
    box-sizing: border-box;
    display: inline-block;
    float:left;
    height:150px;
    width:25%;
    text-align: center;
    font-size: 1.5em;
    color: rgba(26, 27, 33, 0.75);
    font-weight: 500;
    position: relative;
    background-size: cover;
    background-position: center;
}
.applications-grid-first-row .applications-grid-1 {
    width: 33.33%;
}
.applications-grid-1 a {
    height: 100%;
    position: absolute;
    width: 100%;
    display: block;
    background-color: rgba(666,666,666,0.8);
    transition: all linear 0.15s;
}
.applications-grid-1 a:hover {
    background-color: rgba(0,0,0,0.0);
    color: #fff;
    text-shadow: 0 0 2px #000;
}
.applications-grid-1 p {
    position: absolute;
    top:50%;
    transform: translateY(-50%) translateX(-50%);
    left:50%;
}
.applications-grid-2 {
    padding: 32px 20px;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height:150px;
    width:75%;
    background: #005078;
    text-align: center;
    position: relative;
}

.applications-grid-2 input, .applications-grid-2 textarea {
    vertical-align: middle;
    resize: none;
    height: 80px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 3.8em;
    width: 18%;
}
.applications-grid-2 textarea, .applications-grid-2 input.text {
    width: 78%;
}

.dry-dust-collection_li {background-image: url('/images/498.jpg')}.grinding-dust_li {background-image: url('/images/563.jpg')}.industrial-vacuum_li {background-image: url('/images/720.jpg')}
.oil-mist-and-smoke_li {background-image: url('/images/698.jpg')}.paper-scrap-handling-systems_li {background-image: url('/images/602.jpg')}.plasma-laser-torch-cutting-tables_li {background-image: url('/images/623.jpg')}.school-dust-collection_li {background-image: url('/images/475.jpg')}.scrap-yards_li {background-image: url('/images/610.jpg')}.vehicle-exhaust_li {background-image: url('/images/745.jpg')}.weld-smoke_li {background-image: url('/images/661.jpg')}.wet-dust-collection_li {background-image: url('/images/548.jpg')}.woodworking-dust-collection_li {background-image: url('/images/598.jpg')}



/* --------- Products Grid -------- */

#products-grid-ul {
    border-left: 1px solid #aaa   
}
.products-grid-1 {
    box-sizing: border-box;
    display: inline-block;
    float:left;
    height:150px;
    width:33.3333333%;
    text-align: center;
    font-size: 1.5em;
    color: rgba(26, 27, 33, 0.75);
    font-weight: 500;
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.products-grid-1 a {
    height: 100%;
    position: absolute;
    width: 100%;
    display: block;
    background-color: rgba(666,666,666,0.8);
    transition: all linear 0.15s;
}
.products-grid-1 a:hover {
    background-color: rgba(0,0,0,0.0);
    color: #fff;
    text-shadow: 0 0 2px #000;
}
.products-grid-1 p {
    position: absolute;
    top:50%;
    transform: translateY(-50%) translateX(-50%);
    left:50%;
}
.products-grid-2 {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height:150px;
    width:66.6666666%;
    background: #005078;
    text-align: center;
    font-size: 5em;
    color: #fff;
    position: relative;
}

.products-grid-2 p {
    position: absolute;
    top:50%;
    transform: translateY(-50%) translateX(-50%);
    left:50%;
}

#product1 {background-image: url('/images/818.jpg')}
#product2 {background-image: url('/images/834.jpg')}
#product3 {background-image: url('/images/958.jpg')}
#product4 {background-image: url('/images/851.jpg')}
#product5 {background-image: url('/images/852.gif')}
#product6 {background-image: url('/images/857.jpg')}
#product7 {background-image: url('/images/948.gif')}

/* ----------------- end Products Grid -------------------*/

footer {
    clear: both;
}
div.clear {
    clear: both;
}
div.right {
  float: right;
}
div.left {
  float: left;
}
a {
    text-decoration: none; 
    color: inherit;
}
#center a {
  color: #00517A;
}
#center a:hover {
  text-decoration: underline;
}
.big-button {  
    background-color: #00517A;
    padding: 10px 20px;
    color: white;
    border-radius:3px;
}
.big-button:hover {  
    background-color: #9B0000;
    color: #fff;
}
.big-button-hollow {  
    border: 2px solid #fff;
    padding: 10px 20px;
    color: white;
    border-radius:3px;
}
.big-button-hollow:hover {  
    border: 2px solid rgba(61, 100, 153, 1);
    color: #fff;
}
body {
}
.bold {
    font-size:1.1em;
    position: relative;
}
#bottom-footer {
    width: 100%;
    background-color: #005078;
    color: #fff;
}
#bottom-footer p {
    padding:20px;
}
#contact-home {
    background-color: #9B0000;
    height: 20px;
    width: 100%;
    text-align: center;
    color: #fff;
}
#contact-home a {
    position: relative;
    top: 25px;
    margin:20px;
}
#navbar-links li#contact-link {  
    background-color: #00517A;
    padding: 10px !important;
    color: white;
    border-radius:3px;
    float: right;
    margin: 24px 50px 24px 0px;
    line-height: 20px;
}
#navbar-links li#contact-link a {
    padding: 20px;
}
#navbar-links li#contact-link:hover a {
    background: transparent;
}
#navbar-links li#contact-link:hover {
    background-color: #9B0000;
    color: #fff;
}
#container {
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 90px;
    position: relative;
    /*border-left: 1px solid rgba(198, 198, 198, 0.7);
    border-right: 1px solid rgba(198, 198, 198, 0.7);*/
    z-index: 100;
    box-shadow: 0 0 30px black;
    background-color: #fff;
}
.cta1{
    margin-left:20% !important;
    display:inline;
    font-size: 1.2em;
}
.cta2{
    display:inline;
    font-size: 1.2em;
    margin-left:3%;
}
#dark-layer {
    background: url(/images/937.jpg);
    background-size:cover;
    text-align: center;
    font-weight:300;
    padding: 30px;
    position: relative;
    clear:both;
}
#dark-layer p {
    padding:50px;
    font-size: 2em;
    color: white;
}
.full-4 {
    display: inline-block;
}
#info {
    float:left;
    width:60%;
}
#info p {
    padding: 7% 10% 10% 10%; 
    font-size: 1.2em;
}
#info p:first-child {
    padding: 9% 10% 0% 10%; 
    font-size: 1.2em;
}
.logo-box img {
    margin: 20px 30px 20px 0px;
    top: 70px;
    max-height: 50px;
}
.logo-box img.squareish {
    margin: 10px 30px 10px 0px;
    max-height: 70px;
}
.logo-box img.extrawide {
    margin: 30px 30px 30px 0px;
    max-height: 30px;
}
.logo-box img.wide {
    margin: 30px 30px 30px 0px;
    max-height: 40px;
}
#manufacturers-title {
    padding:0 0 5% 0;  
    font-weight: 200;
    font-size: 4em; 
}
#navbar {
    position: fixed;
    top: 0;
    left: 0;
    margin-left: -1px;
    right: auto;
    width: 100%;
    height: 90px;
    background: rgba(255,255,255,1);
    z-index: 1000;
    border-left: 1px solid rgba(198, 198, 198, 1);
    border-right: 1px solid rgba(198, 198, 198, 1);
    border-bottom: 2px solid;
    /*box-shadow: 0px 0px 5px rgba(0,0,0,0.5);*/
    color: #00517A;
    opacity:0.99;
}
#navbar-inner {
    max-width: 1200px;
    margin: 0 auto;
}
#navbar-links {
    margin-left: 25%;
}
#navbar-links > li {
    display: block;
    float: left;
    line-height: 90px;
}
#navbar-links > li > a {
    padding: 34px 20px;
}
#navbar-links > li:hover > a {
    color: white;
    background: #00517A;
}
#navbar #logo {
    float:left;
    height: 90px;
}
#quote {
    width:39%;
    float:right;
    top:70px;
    position: relative;
    border-left: 1px solid black;
}
#quote p:first-child {
        padding: 5% 20% 0% 20%; 
}
#search-link {  
    background-color: #00517A;
    padding: 10px !important;
    color: white;
    border-radius:3px;
}
#search-link:hover {  
    background-color: #9B0000;
    color: #fff;
}
#section-one {
    min-height: 450px; 
    position: relative; 
    background-color: white; 
}
#section-one p {
    font-size: 1.2em;
}
#section-one-cutout {
    position: absolute; 
    bottom: 0px; 
    right: 0px
}
#section-two {
    padding:70px;
    text-align: center; 
    position: relative;  
    background-color: #fff;
    clear:both;
}
#signature {
    padding: 10px 0px 0px 20% !important;
}
#sig-company {
    padding: 0px 0px 8% 20%!important;
    color: #9B0000 !important;
}
#top-footer {
    width: 100%;
    height: 10px;
    background: #9B0000;
}

/*-----For Dropdown Menu-----*/

.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
 
#navbar a {
    transition:all linear 0.15s;
}
#navbar li ul li a {
    transition: none;
}
 
/*----- Bottom Level -----*/
#navbar li:hover > .sub-menu {
    z-index:1;
    opacity:1;
    display: block;
}
#navbar li ul li a:hover {
    color: #9B0000;
}
#navbar ul li ul li {
    padding:10px !important;;
    margin:0;
    display: block;
    border-bottom: 1px solid #00517A;
}
#navbar ul li ul li ul {
    padding-top:10px;
}
#navbar ul li ul li ul li {
    padding:0;
    padding-left: 15px !important;
    margin:0;
    border-bottom:0px;
}
#navbar ul li ul li:last-child {
    border-bottom: 0px;   
}
.sub-menu {
    position: absolute;
    display: none;
    width:250px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#fff;
}
 
.sub-menu li {
    display:block;
    font-size:16px;
    line-height: 1em !important;
    margin: 0px !important;
    padding: 0px !important
}

/* ----- Arrows for Slider ------- */

/* jssor slider arrow navigator skin 14 css */
/*
.jssora14l                  (normal)
.jssora14r                  (normal)
.jssora14l:hover            (normal mouseover)
.jssora14r:hover            (normal mouseover)
.jssora14l.jssora14ldn      (mousedown)
.jssora14r.jssora14rdn      (mousedown)
*/
.jssora14l, .jssora14r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 50px;
    cursor: pointer;
    background: url(/images/932.png) no-repeat;
    overflow: hidden;
}
.jssora14l { background-position: -15px -35px; }
.jssora14r { background-position: -75px -35px; }
.jssora14l:hover { background-position: -135px -35px; }
.jssora14r:hover { background-position: -195px -35px; }
.jssora14l.jssora14ldn { background-position: -255px -35px; }
.jssora14r.jssora14rdn { background-position: -315px -35px; }

nav {
    background: rgba(26, 27, 33, 0.75);
    width: 9em;
    margin: 0 auto;
    height: 100%;
    position: fixed;
    top: 52px;
    right: -9em;
    border-left: 1px solid #1a1b21;
    text-align: right;
    font-family: 'Oswald', sans-serif;
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav li {
    margin: 0;
    padding: 0;
    float: left;
}

nav a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #e8e9f2;
    padding: 20px 5px 0px 5px;
    margin-left: 5px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
}

nav a:hover {
    color: #91baf3;
}

nav li.selected a {
    border-bottom: 2px solid #e38c1b;
}

@media screen and (min-width: 934px) and (max-width: 1086px) {
    nav { display: block; }
    #navbar-links li {
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 933px) {
.home_slide {
  position: absolute;
  width: 100%;
  margin: 0;
  font-size: 200%;
}
.slide div {
  font-size: 200%;
}
    .slide {
        font-size: 1.2em;
    }
    .applications-grid-1 {
        width: 50%;
        font-size: 1.2em;
    }
    .applications-grid-2 {
        width: 50%;
        font-size: 1.5em;
        padding: 46px 10px;
    }
    .applications-grid-2 input, .applications-grid-2 textarea {
        height: 65px;
        font-size: 0.9em;
    }
    .applications-grid-2 p {
        position: absolute;
        top:50%;
        transform: translateY(-50%) translateX(-50%);
        left:50%;
    }
        
    .cta1 {
        display: inline-block;
        margin: 0 0 0 0 !important;
    }
    
    .cta2 {
        display: inline-block; 
        margin: 0% 0 10% 0 !important;
    } 
     #container {
        padding-top: 52px;   
    }
    
    #dark-layer p {
        padding: 20px;
        font-size: 1.5em;
    }

    .hidden {
        display: none;
    }
    .hamburger-menu
    {
        width:30px;
        height:5px;
        background-color:#111;
        border-radius:5px;
        position:relative;
        float: right;
        top:12px;
        right: 20px;
    }

    .hamburger-menu:after, .hamburger-menu:before
    {
        content: '';
        width: 100%;
        height:5px;
        background-color:#111;
        position:absolute;
        border-radius:5px;
    }

    .hamburger-menu:after
    {
        top:10px;
    }

    .hamburger-menu:before
    {
        top:20px;
    }
    #info {
        width: 100%;  
        text-align: center;
    }
    #info p {
        text-align: left;
    }
    .logo-box img {
        margin: 10px;
        max-height: 40px;
    }
    .logo-box img.squareish {
        margin: 5px 10px;
        max-height: 50px;
    }
    .logo-box img.extrawide {
        margin: 15px 10px;
        max-height: 30px;
    }
        
    #logo {
         height: 50px !important;  
    }
    #navbar {
        height: 50px;   
    }
    #manufacturers-title {
        top: -5px;
        position: relative;
        padding: 8px;  
        font-size: 2em;
    }
    nav { display: block; }
    #navbar-links li {
        display: none;
    }
    .product div.image {
        text-align: center;
        float: none;
        
    }
    .product div.image img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
    }
    .products-grid-1 {
        width: 50%;
        font-size: 1.2em;
    }
    .products-grid-2 {
        width: 50%;
        font-size: 1.5em;
        padding: 0 0 0 0;
    }
    .products-grid-2 p {
        position: absolute;
        top:50%;
        transform: translateY(-50%) translateX(-50%);
        left:50%;
    }
    #section1 {
        text-align: center;
    }
    
    #section1 img {
        display: none;   
    }
    
    #section1 p {
        padding: 10% 10% 0 10% !important;   
    }
    
    #section-two {
        padding: 30px !important;   
    }
    #quote {
        display:none;      
    }
}

@media screen and (max-width: 514px) {
    .applications-grid-1 {
        width: 50%;
        font-size: 1.2em;
    }
    .applications-grid-2 {
        width: 50%;
        font-size: 1.5em;
        padding: 46px 10px;
    }
    .applications-grid-2 input, .applications-grid-2 textarea {
        height: 65px;
        font-size: 0.9em;
    }
    .applications-grid-2 p {
        position: absolute;
        top:50%;
        transform: translateY(-50%) translateX(-50%);
        left:50%;
    }
}

@media screen and (min-width: 515px) and (max-width: 933px) {
    .applications-grid-1 {
        width: 50%;
        font-size: 1.2em;
    }
    .applications-grid-2 {
        width: 50%;
        font-size: 1.5em;
        padding: 60px 10px;
    }
    .applications-grid-2 input, .applications-grid-2 textarea {
        height: 1.4em;
        font-size: 0.9em;
    }
    .applications-grid-2 p {
        position: absolute;
        top:50%;
        transform: translateY(-50%) translateX(-50%);
        left:50%;
    }
}

.product-link {
    min-width: 100%;
    height: 100px;
    list-style: none;
    border-bottom: 1px solid #000;
    position:relative;
}
.product-link img {
    float: right;
    height: 90%;
    margin-top:1%;
    margin-right:5%;
}

.product-link span {
    padding-left: 7%;
    top: 18px;
    font-size: 2em;
    text-shadow: 0px 0px 2px #fff;
    color: #000;
    position:absolute;
    z-index:100;
    margin-right:25%;
    line-height: 1em;
}
.product-link a {
    padding: 15px 170px 20px 27px;
    position: absolute;
    font-size: 2em;
    z-index: 100;
    width: 65%;
    line-height: 1em;
}
#air-cleaners img {
}
#air-cleaners a {
    padding: 30px 170px 37px 27px;
}
#dust-collectors img {
}
#dust-collectors a {
    padding: 30px 170px 37px 27px
}
#vehicle-exhaust img {
}
#vehicle-exhaust span {
}
#industrial-vacuums img {
}
#industrial-vacuums span {
}
#quality-components img {
}
#quality-components span {
}
#accessories img {
}
#accessories span {
}
#energy-management img {
    padding-top: 10px;
    height: 60px;
}
#energy-management a {
    padding: 1px 170px 20px 27px;
}