#ner-scroller {
  position: relative;
  width: 100%;
  height: 800px;
  /* Info bubbles */ }
  #ner-scroller .nav-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.5% 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100; }
    #ner-scroller .nav-bar #btn-wrapper {
      position: relative; }
      #ner-scroller .nav-bar #btn-wrapper .nav-btn {
        display: inline-block;
        border-radius: 50%;
        padding: 0.5%;
        margin-right: 5px;
        background: #fff; }
  #ner-scroller #parallax-wrapper {
    height: inherit;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden; }
    #ner-scroller #parallax-wrapper #scene-one {
      height: 100%;
      position: relative;
      display: inline; }
      #ner-scroller #parallax-wrapper #scene-one #sky {
        background: url("images/Sky.png");
        background: contain;
        height: inherit;
        width: 10256px;
        z-index: 0; }
      #ner-scroller #parallax-wrapper #scene-one #main-banner-1 {
        background: url("images/main-banner-1.png");
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 10px;
        z-index: 11; }
      #ner-scroller #parallax-wrapper #scene-one #main-banner-2 {
        background: url("images/main-banner-2.png");
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 11px;
        z-index: 10; }
      #ner-scroller #parallax-wrapper #scene-one #factory {
        background: url("images/Factory.png");
        background-repeat: no-repeat;
        height: 400px;
        width: 3178px;
        position: absolute;
        bottom: 0px;
        z-index: 3; }
      #ner-scroller #parallax-wrapper #scene-one #ground {
        background: url("images/Ground.png");
        background-repeat: no-repeat;
        height: 600px;
        width: 6356px;
        position: absolute;
        bottom: 0;
        z-index: 2; }
      #ner-scroller #parallax-wrapper #scene-one #clouds {
        position: absolute;
        bottom: 360px;
        left: 270px;
        z-index: 2; }
      #ner-scroller #parallax-wrapper #scene-one #oil {
        position: absolute;
        bottom: 29px;
        left: 1248px;
        z-index: 2; }
      #ner-scroller #parallax-wrapper #scene-one #excavator {
        position: absolute;
        bottom: 42px;
        left: 950px;
        z-index: 1; }
      #ner-scroller #parallax-wrapper #scene-one .oil {
        fill: #231F20; }
      #ner-scroller #parallax-wrapper #scene-one #loader {
        position: absolute;
        bottom: 155px;
        left: 2400px;
        z-index: 3; }
      #ner-scroller #parallax-wrapper #scene-one #loader3 {
        position: absolute;
        left: 9843px;
        bottom: 35px;
        z-index: 10; }
    #ner-scroller #parallax-wrapper .trigger {
      height: 100%;
      position: absolute; }
      #ner-scroller #parallax-wrapper .trigger#oil-spill-trigger {
        left: 1220px; }
      #ner-scroller #parallax-wrapper .trigger#after-excavate-trigger {
        left: 1780px; }
      #ner-scroller #parallax-wrapper .trigger#loader-trigger {
        left: 2300px; }
      #ner-scroller #parallax-wrapper .trigger#scene-two-trigger {
        left: 3250px; }
      #ner-scroller #parallax-wrapper .trigger#part-two-trigger {
        left: 1800px; }
      #ner-scroller #parallax-wrapper .trigger#part-three-trigger {
        left: 2000px; }
      #ner-scroller #parallax-wrapper .trigger#info-nine-trigger {
        left: 9450px; }
    #ner-scroller #parallax-wrapper #scene-two {
      display: inline;
      background: url("images/scene2.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: left bottom;
      height: 255px;
      width: 3000px;
      position: absolute;
      left: 3257px;
      z-index: 4; }
      #ner-scroller #parallax-wrapper #scene-two #screened-dirt {
        position: absolute;
        bottom: 8px; }
      #ner-scroller #parallax-wrapper #scene-two #loader2 {
        position: absolute;
        left: 710px;
        bottom: 9px;
        z-index: 6; }
      #ner-scroller #parallax-wrapper #scene-two #TDU-loader {
        position: absolute;
        left: 1000px;
        bottom: 9px;
        z-index: 7; }
      #ner-scroller #parallax-wrapper #scene-two #gas-in-tube {
        position: absolute;
        left: 1450px;
        bottom: 201px; }
      #ner-scroller #parallax-wrapper #scene-two .arrow {
        position: absolute;
        z-index: 0; }
        #ner-scroller #parallax-wrapper #scene-two .arrow#top-arrow {
          left: 1542px;
          bottom: 159px; }
        #ner-scroller #parallax-wrapper #scene-two .arrow#bottom-arrow {
          left: 1545px;
          bottom: 21px; }
      #ner-scroller #parallax-wrapper #scene-two #flame-1 {
        position: absolute;
        left: 1696px;
        bottom: 167px; }
      #ner-scroller #parallax-wrapper #scene-two #flame-2 {
        position: absolute;
        left: 2079px;
        bottom: 141px;
        transform: rotate(180deg); }
      #ner-scroller #parallax-wrapper #scene-two #heat-lines {
        position: absolute;
        left: 1470px;
        bottom: 129px;
        z-index: 1; }
      #ner-scroller #parallax-wrapper #scene-two #gas-in-TDU {
        position: absolute;
        left: 1470px;
        bottom: 49px;
        z-index: 2; }
      #ner-scroller #parallax-wrapper #scene-two #conveyor-dirt {
        position: absolute;
        left: 1152px;
        bottom: 61px; }
      #ner-scroller #parallax-wrapper #scene-two #TDU-dirt {
        position: absolute;
        left: 1470px;
        bottom: 47px; }
      #ner-scroller #parallax-wrapper #scene-two #quencher {
        position: absolute;
        left: 1834px;
        bottom: 43px; }
      #ner-scroller #parallax-wrapper #scene-two #baghouse-gas {
        position: absolute;
        left: 1826px;
        bottom: 149px; }
      #ner-scroller #parallax-wrapper #scene-two #baghouse-gas2 {
        position: absolute;
        left: 2079px;
        bottom: 147px; }
      #ner-scroller #parallax-wrapper #scene-two #purified-air {
        position: absolute;
        left: 2316px;
        bottom: 182px; }
      #ner-scroller #parallax-wrapper #scene-two #baghouse-dirt {
        position: absolute;
        left: 1838px;
        bottom: 50px; }
      #ner-scroller #parallax-wrapper #scene-two #dirt-pile-expansion {
        position: absolute;
        left: 2031px;
        bottom: 10px; }
      #ner-scroller #parallax-wrapper #scene-two #plant {
        position: absolute;
        left: 2781px;
        bottom: 22px; }
      #ner-scroller #parallax-wrapper #scene-two #final-banner {
        position: absolute;
        background: url('images/final-banner.png');
        background-position: right;
        background-size: contain;
        background-repeat: no-repeat;
        right: 0px;
        top: 0px;
      }
      #ner-scroller #parallax-wrapper #scene-two .fan {
        background: url("images/fan.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute; }
      #ner-scroller #parallax-wrapper #scene-two .fan#fan-one {
        width: 20px;
        height: 20px;
        left: 2038px;
        bottom: 159px; }
      #ner-scroller #parallax-wrapper #scene-two .fan#fan-two {
        width: 30px;
        height: 30px;
        left: 1785px;
        bottom: 165px; }
      #ner-scroller #parallax-wrapper #scene-two #weigh-scale-value {
        position: absolute;
        z-index: 20;
        font-family: 'Orbitron', sans-serif;
        font-size: 8px;
        left: 1336px;
        bottom: 63px;
        color: #fff;
        text-shadow: 0 0 2px #fff, 0 0 6px #1040a5, 0 0 14px #1040a5, 0 0 26px #1040a5, 0 0 30px #1040a5; }
      #ner-scroller #parallax-wrapper #scene-two #temperature-label {
        position: absolute;
        color: #426d34;
        left: 1850px;
        bottom: 40px;
        z-index: 20;
        line-height: 9px !important;
        font-size: 13px;}
        #ner-scroller #parallax-wrapper #scene-two #temperature-label .text-box {
          font-size: 8px;
          padding: 6px;
          background-color: #426d34;
          color: #fff;
          font-family: 'Orbitron';}
  #ner-scroller .info-bubble {
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
    text-align: center;
    padding: 20px;
    z-index: 10;
    width: 250px;
    height: 270px; }
    #ner-scroller .info-bubble.left {
      background-image: url("images/info-bubble-left.png"); }
    #ner-scroller .info-bubble.right {
      background-image: url("images/info-bubble-right.png"); }
    #ner-scroller .info-bubble.top {
      background-image: url("images/info-bubble-top.png"); }
    #ner-scroller .info-bubble.contaminated {
      background-image: url("images/info-contaminated.png"); }
    #ner-scroller .info-bubble h4, #ner-scroller .info-bubble p {
      margin-top: 0px;
      color: #426d34;
      font-family: 'Montserrat';
      font-weight: 800;
      font-size: 13px;
      line-height: 24px;}
    #ner-scroller .info-bubble h4 {
      font-size: 25px;
      margin-bottom: 0px;
      text-transform: uppercase; 
      font-size: 20px;
      line-height: 20px;}
    #ner-scroller .info-bubble#info-one {
      bottom: 250px;
      left: 1350px;
      padding-top: 50px; }
    #ner-scroller .info-bubble#info-two {
      padding-top: 40px;
      left: 3100px;
      bottom: 300px; }
    #ner-scroller .info-bubble#info-three {
      padding-top: 40px;
      left: 5900px;
      bottom: 320px; }
    #ner-scroller .info-bubble#info-four {
      padding-top: 50px;
      left: 6800px;
      bottom: 150px; }
    #ner-scroller .info-bubble#info-five {
      left: 7400px;
      bottom: 150px; }
      #ner-scroller .info-bubble#info-five p {
        padding-top: 40px; }
    #ner-scroller .info-bubble#info-six {
      padding-top: 30px;
      left: 7700px; 
      bottom: 400px;}
    #ner-scroller .info-bubble#info-seven {
      padding-top: 40px;
      left: 8200px;
      bottom: 190px; }
    #ner-scroller .info-bubble#info-eight {
      padding-top: 80px;
      left: 8800px;
      bottom: 170px; 
      width: 290px;
      height: 310px; }
    #ner-scroller .info-bubble#info-nine {
      padding-top: 60px;
      left: 9540px;
      bottom: 190px;
      width: 310px;
      height: 330px;}
    #ner-scroller .info-bubble#info-ten {
      padding-top: 90px;
      left: 10250px;
      bottom: 90px;
      width: 340px;
      height: 360px; }
    #ner-scroller .info-bubble#info-eleven {
      left: 6400px;
      bottom: 150px;
      width: 400px;
      height: 420px; }