/* Locomotive CSS
*********************************************/


/* container sticky  the-sticky-div  / the-overflow-hidden-mask / *****************/
.the-sticky-div {
  position: absolute;
  top: 0;
    height: 100vh;
   min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
  background: #fff;
  z-index: 1;
}
.the-overflow-hidden-mask {
  position: relative;
  z-index: 200;
  overflow: hidden;
  width: 100%;
  height: 100vh;
    min-height: 100vh;
  background: #ff7e00;
}
.the-height-400vh-section {
  position: relative;
  display: flex;
  height: 400vh;
  margin-left: 0px;
  justify-content: center;
  align-items: center;
  border-top: 60px none rgba(36, 36, 36, 0.09);
  background-color: #fff;
}


.the-content {
  display: flex;
  width: 100%;
  height: 100%;
  padding-bottom: 0vh;
  justify-content: flex-start;
  align-items: flex-end;
    }
  .a-block {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    left:0;
    margin-right: 0px;
    margin-left: 0px;
    flex: 0 0 auto;

  }



.the-width-400vh-scrollable-div_v1 {
  display: flex;
  width: 400vh;
  position:relative;
  height: 100%;
  flex-wrap: wrap;
  align-items: center;
  will-change: transform; border: 5px solid #0000;
}

/* container scrollable *****************/
.the-width-400vh-scrollable-div {
  display: flex;
  width: 400vh;
  position:relative;
  height: 100%;
  flex-wrap: wrap;
  align-items: top;
  will-change: transform; border: 5px solid #0000;
}


/* <div data-scroll-container id="scroll-container">
  ...
  <div class="fixed" data-scroll data-scroll-sticky data-scroll-target="#scroll-container">
    // Fixed content
*********************************************/