body{
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #fff;
  font-family: 'Ubuntu', sans;
  font-weight: 300;
  line-height: 1.45;
  color: #333;
 
 }


html {font-size: 0.813em !important;}

p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-family: "industry", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  text-align:center;
}


h1 {
  margin-top: 0;
  font-size: 3.157em;
}

h2 {font-size: 2.369em;}

h3 {font-size: 1.777em;}

h4 {font-size: 1.333em;}

small, .font_small {font-size: 0.75em;}


a {
  color: #212121;
  text-decoration: none; /* no underline */

}

#links{
  position:absolute;
  width: 250px;
  height:700px;
  top:15%;
  left:50%;
  margin-left:-125px;


}



#logo{
  position:fixed;
  width: 300px;
  overflow:hidden;
  height: 75px;
  left:0px;
  top:10px;
  z-index:2;


}

#logo_tagline{
  position:fixed;
  width: 300px;
  overflow:hidden;
  height: 75px;
  left:0px;
  top:10px;
  z-index:2;


}

#nav{
  position:absolute;
  width: 1010px;
  overflow:hidden;
  height: 95px;
  right:0px;
  top:0px;
  z-index:2;
  background: url(../imgs/nav.png) no-repeat center center; 
 
}

#nav_sticky{
  position:fixed;
  width: 1050px;
  overflow:hidden;
  height: 60px;
  right:0px;
  top:0px;
  z-index:2;
  background: url(../imgs/nav.png) no-repeat center center; 
  display:none;
 
}
 
 #header{
  position:absolute;
  width: 100%;
  overflow:hidden;
  height: 100px;
  top:0;
  left:0;
  z-index:2;
 

}

 #sticky_header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow:hidden;
  height: 60px;
  background-color:#fff;
  z-index:2;
  display:none;
   border-bottom: 1px solid #c9c9c9;

}



 #section1{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 300vh;
  min-height:500px;
  background: url(../imgs/hero_bg1.jpg) no-repeat center top fixed; 


}

 #section1_content{
  position:fixed;
  top:0;
  left:0;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
 

}


#bolt_animation{
  position:absolute;
  width: 600px;
  top:50%;
  left:50%;
  margin-left:-300px;
  margin-top:-160px;

}


#bolt_image{
  position:absolute;
  width: 600px;
  top:50%;
  left:50%;
  margin-left:-300px;
  margin-top:-160px;

  
}

#intro{
  position:absolute;
  width: 100%;
  height: 150px;
  top:85%;
  left:0px;
  margin-top:-145px;
  padding-top:65px;
  background-color:#fff;
  color:#212121;
  font-family: "industry",sans-serif;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.377em;
  display:none;
}

#button_hero{
  position:absolute;
  width: 210px;
  height: 55px;
  top:50%;
  left:50%;
  margin-left:-105px;
  margin-top:100px;
  font-family: "industry", sans-serif;
 
 

}


#button_1{
  position:absolute;
  width: 200px;
  height: 70px;
  top:1175px;
  left:50%;
  margin-left:65px;
  margin-top:90px;

  


  
}
#button_2{
  position:absolute;
  width: 200px;
  height: 70px;
  top:2650px;
  left:50%;
  margin-left:-85px;
  margin-top:90px;

  
}

.move1{
pointer-events: none;

  
}

.move2{
pointer-events: none;
  
}

.move3{
pointer-events: none;
  
}

#section1_messaging1{
  position:absolute;
  width: 100%;
  height: 100px;
  top:50%;
  margin-top:-205px;
  text-align:center;
 
  pointer-events: none;
  opacity:0;
}

#section1_messaging2 p{
 margin-top:-20px;
}

#section1_messaging2{
  position:absolute;
  width: 100%;
  height: 100px;
  top:50%;
  margin-top:-205px;
  text-align:center;
  
  pointer-events: none;
  
}




 #section2{
  position:fixed;
  width:0;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  top:0;
  background:#0e0e0e url(../imgs/map1.jpg) no-repeat center center fixed; 
  pointer-events: none;

}
 #section2_content{
  position:fixed;
  left:0;
  top:0;
  width:100vh;
  height: 100vh;
  pointer-events: none;
 display:none;

}

#section2_messaging{
  position:fixed;
  width: 100%;
  height: 100px;
  top:50%;
  margin-top:-225px;
  text-align:center;
  color:#fff;
  display:none;
}

.tagline{

  
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.222em;
}



 #map_svg{
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-235px;
  width:870px;
  overflow:hidden;
  height: 800px;
  margin-top:-135px;
 

}

.trigger_map_svg {
  position:absolute;
  left:50%;
  margin-left:-500px;
  width:430px;
  height:1px;
  top: 1300px ;
  z-index:50;

}


 #section3{
  position:relative;
  width: 100%;
  overflow:hidden;
  height:800px;
  background-color:#fff;
  top:0;
  text-align:center;
  color:#212121;
  padding-top:20px;
  background:#607D8B url(../imgs/p4  .png); 
}

#section3 p{
 margin-top:20px;
}
#brands{
 opacity:.1;
}
#title1{
 opacity:.00;
}

#bottom_cta_icon{
  position:absolute;
  width: 300px;
  height: 50px;
  top:1720px;
  left:50%;
  margin-left:-140px;
 
 
}


#brands{
 padding-left:20px;
  padding-right:20px;
}

 .box{
  position:relative;
  width: 24%;
  overflow:hidden;
  height: 300px;
  background-color:#000;
  float:left;
  margin-left:.5%;
  margin-right:.5%;
  margin-top:20px;
  border-bottom: 15px solid #f0392c;


}
 .box1img{
  background: url(../imgs/brands/panduit_black.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
 .box2img{
  background: url(../imgs/brands/pem_black.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
 .box3img{
  background: url(../imgs/brands/southco_black.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
 .box4img{
  background: url(../imgs/brands/stanley_black.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
 .box5img{
  background: url(../imgs/brands/accuride_black.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
 .box6img{
  background: url(../imgs/brands/dti_black.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
 .box7img{
  background: url(../imgs/brands/essentra_black.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
 .box8img{
  background: url(../imgs/brands/pentair_black.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

#line_draw{
  position:absolute;
  width: 100px;
  height: 50px;
  top:115px;
  left:50%;
  margin-left:95px;
  
 
}

#news_title{
  position:absolute;
  width: 119px;
  height: 49px;
  top:635px;
  left:50%;
  margin-left:-745px;
  background:#f5f5f5 url(../imgs/news_title.jpg) no-repeat center top; 

 
}

#card1{
  position:absolute;
  width: 716px;
  height: 690px;
  top:700px;
  left:50%;
  margin-left:30px;
  background:#fff url(../imgs/card1.png) no-repeat center top; 
  -webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);
 
}
#card2{
  position:absolute;
  width: 716px;
  height: 690px;
  top:700px;
  left:50%;
  margin-left:-740px;
  background:#fff url(../imgs/card2.png) no-repeat center top; 
 -webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);


}
#card1_hover{
  position:absolute;
  width: 716px;
  height: 690px;
  background:#fff url(../imgs/card1.png) no-repeat center top; 
-webkit-box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
-moz-box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
 display:none;
}
#card2_hover{
  position:absolute;
  width: 716px;
  height: 690px;
  background:#fff url(../imgs/card2.png) no-repeat center top; 
-webkit-box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
-moz-box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
display:none;

}

 #section4{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 2371px;
  background:#0e0e0e url(../imgs/bottom.jpg) no-repeat center top; 


}
 #section5{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 80vh;
  min-height:500px;
  background-color:#F8F8F8;


}
 #section6{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 80vh;
  min-height:500px;
  background-color:#fff;


}

#getsticky_waypoint{
 position:absolute;
 top:200%;
 width: 100%;
 height:50px;

}

.getsticky{
 position:fixed;
 top:85%;
 width: 100%;

}

.getunsticky {
 position:absolute;
 width: 100%;
 top:285%;


}

#set_height {
 position:absolute;
 width: 100%;
 top:285%;
 height:320vh;
 pointer-events: none;

}

.remove {
display:none;

}

#cover{
  position:fixed;
  width: 100%;
  height: 100%;
  top:0px;
  left:0px;
  background:#fff; 
  z-index:200;
 
}


@media only screen and (max-width: 2000px) {

#card1{
  position:absolute;
  width: 600px;
  height: 690px;
  top:700px;
  left:50%;
  margin-left:25px;
  background:#f5f5f5 url(../imgs/card1.png) no-repeat left top; 
  -webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);
 
}
#card2{
  position:absolute;
  width: 600px;
  height: 690px;
  top:700px;
  left:50%;
  margin-left:-620px;
  background:#f5f5f5 url(../imgs/card2.png) no-repeat left top; 
 -webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.2);


}
#card1_hover{
  position:absolute;
  width: 600px;
  height: 690px;
  background:#f5f5f5 url(../imgs/card1.png) no-repeat left top; 
-webkit-box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
-moz-box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
 display:none;
}
#card2_hover{
  position:absolute;
  width: 600px;
  height: 690px;
  background:#f5f5f5 url(../imgs/card2.png) no-repeat left top; 
-webkit-box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
-moz-box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
box-shadow: -1px 10px 32px 1px rgba(163,163,163,1);
display:none;

}
#news_title{
  position:absolute;
  width: 119px;
  height: 49px;
  top:635px;
  left:50%;
  margin-left:-620px;
  background:#f5f5f5 url(../imgs/news_title.jpg) no-repeat center top; 

 
}


}