body{background:#000;
margin:0;
 max-width: 100%;
    overflow-x: hidden;
zoom: 100%;
}

#logo{
    opacity:0;
    height:34px;
    width:203px;
    background: url(../img/logo.png) no-repeat center center; 
    top:50px;
    left:50px;
    position:absolute;
}




#scroll{

    height:90px;
    width:100%;
    background: url(../img/scroll.png) no-repeat center center; 
    bottom:0px;
    right:0px;
    position:absolute;
    display:none;
}

#sticky_logo{
  
    height:100%;
    width:100%;
    background: url(../img/sticky_logo.png) no-repeat center left; 
    position:absolute;
}

#graphic{

    height:450%;
    width:450%;
    top:-150%;
    left:-150%;
    position:absolute;
    opacity:.09;

}


#navigation_hero{

    height:99px;
    width:100%;
    background: #fff url(../img/nav.png) no-repeat center center; 
    top:0px;
    z-index:100;
    display:none;
    position:fixed;
}

#hero_text{

    height:100%;
    width:100%;
    background: url(../img/hero_text.png) no-repeat center center; 
    top:50px;
   left:0px;
    position:absolute;
    display:none;
}

#video_cover {
  position:fixed;
  height:100%;
  width:100%;
  
  background: rgba(0,0,0,.5) url(../img/spot.png) no-repeat center center; 
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  
}


.v2 {
  position:fixed;
  min-width: 100%;
  min-height: 100%;
  opacity:.6;
  
}

#section1{
 top:0;
  height:100vh;
  width:100%;
 
  position:relative;
}

#section2{
top:0;
   height:800px;
    width:100%;
   z-index:1;
   position:relative;
}

#section2_wrapper{
    height:700px;
    width:80%;
    background: url(../img/replace.png) no-repeat center right; 
    top:400px;
    left:10%;
    position:absolute;
    display:none;
}
   
#section2_image{
    height:100%;
    width:50%;
    background: url(../img/1000636056.jpg) no-repeat center center;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    top:0px;
    left:50%;
    position:absolute;
}

#section2_chart{
    
    width:500px;
    bottom:50px;
    left:50%;
    margin-left:-250px;
    position:absolute;
}

#section2_line{
    
    width:500px;
    bottom:50px;
    left:50%;
    margin-left:-250px;
    position:absolute;
}

#section2_text{
    height:100%;
    width:50%;
    background: rgba(0,0,0,1) url(../img/section2_text_new.png) no-repeat center center;
    top:0px;
    left:0px;
    position:absolute;
}
#section3_title{

    height:100px;
    width:80%;
    background: rgba(37,53,95,.99) url(../img/section3_title.png) no-repeat center left; 
    top:99px;
    left:10%;
    position:fixed;
    display:none;
}



#section3{
top:150px;
   height:950px;
    width:100%;
   overflow:hidden;
   position:relative;
}

#section4{
top:150px;
   height:700px;
    width:100%;
    background:rgba(0,174,239,0.9) url(../img/section4_text.png) no-repeat center center; 
   position:relative;
}

#section5{
top:150px;
   height:1200px;
    width:100%;
    background:#fff url(../img/replace.png) no-repeat center center; 
   position:relative;
}

#section6{
   top:-150px;
   height:300px;
   width:80%;
   left:10%;
   background:#233a76  url(../img/section6_text.png) no-repeat center center; 
   position:relative;
}

#section6_arrow{
   top:0px;
   height:300px;
   width:70px;
   right:0px;
   
   background: url(../img/arrow_link.png) no-repeat center center; 
   position:absolute;
}  

#section7{
top:150px;
   height:600px;
    width:100%;
    background:rgba(0,0,0,0.75)  url(../img/footer_text.png) no-repeat center center; 
   position:relative;
}

#section5_text{

   height:100%;
    width:100%;
    background:#fff url(../img/section5_text.png) no-repeat center center; 
   position:absolute;
}


#section2_text_color{
    height:100%;
    width:50%;
    background: url(../img/section2_text_color.png) no-repeat left top; 
    top:-100px;
    left:10%;
    position:absolute;
}


#info1{
   top:600px;
   height:900px;
    width:33.33333%;
    background: rgba(56,84,159,1) url(../img/info1.png) no-repeat center top;
    left:0px;
    position:absolute;



}

#info2{
  top:600px;
   height:900px;
    width:33.33333%;
    background: rgba(35,58,118,1) url(../img/info2.png) no-repeat center top;
    left:33.33333%;
    position:absolute;



}


#info3{
   top:600px;
   height:900px;
    width:33.33333%;
    background: rgba(56,84,159,1) url(../img/info3.png) no-repeat center top;
    left:66.666666%;
    position:absolute;



}
#waypoint{
 height:12px;
 width:100%;
 top:650px;
 position:absolute;
 z-index:500;

}


#title_scroll{
 height:100px;
 width:100%;
 bottom:0px;
 position:fixed;
 left:0px;
 background:  url(../img/title_scroll.png) no-repeat center center;

}

   .cover {
   opacity:0;
   top:0;
   height:100%;
   width:100%;
   background: #333 url(../img/cover.png) no-repeat center center fixed; 
   position:fixed;
        
    }

  #hideAll
 {
   position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: #ffffff;
   z-index: 99999; /* Higher than anything else in the document */

 }


@media only screen and (max-width: 1800px) {
    body{
        zoom: 80%;
}

#hero_text{

  height:100%;
    width:100%;
    background: url(../img/hero_text.png) no-repeat center center; 
    top:150px;
   left:0px;
    position:absolute;
    display:none;
}


}


@media only screen and (max-width: 1500px) {
    .cover {
 opacity:1;
   top:0;
   height:100%;
    width:100%;
    z-index:10000;
    background: #333 url(../img/cover.png) no-repeat center center fixed; 

  position:fixed;
        
    }
}