/* LOADER */

.load-container{
      position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background: white;
}

.loader-hide{
 display: none!important;
}
    
.loader-2 {
  position: absolute;
    width: 75px;
    height: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
 .loader_bar {
   position: absolute;
   bottom: 0;
   width: 10px;
   height: 50%;
   background: #fff;
   transform-origin: center bottom;
   box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
}
 .loader_bar:nth-child(1) {
   left: 0px;
   transform: scale(1, 0.2);
   animation: bar_animate_upward1 4s infinite;
}
 .loader_bar:nth-child(2) {
   left: 15px;
   transform: scale(1, 0.4);
   animation: bar_animate_upward2 4s infinite;
}
 .loader_bar:nth-child(3) {
   left: 30px;
   transform: scale(1, 0.6);
   animation: bar_animate_upward3 4s infinite;
}
 .loader_bar:nth-child(4) {
   left: 45px;
   transform: scale(1, 0.8);
   animation: bar_animate_upward4 4s infinite;
}
 .loader_bar:nth-child(5) {
   left: 60px;
   transform: scale(1, 1);
   animation: bar_animate_upward5 4s infinite;
}
 .loader_ball {
   position: absolute;
   bottom: 10px;
   left: 0;
   width: 10px;
   height: 10px;
   background: #fff;
   border-radius: 50%;
   animation: ball_animate 4s infinite;
}
 @keyframes ball_animate {
   0% {
     transform: translate(0, 0);
  }
   5% {
     transform: translate(8px, -14px);
  }
   10% {
     transform: translate(15px, -10px);
  }
   17% {
     transform: translate(23px, -24px);
  }
   20% {
     transform: translate(30px, -20px);
  }
   27% {
     transform: translate(38px, -34px);
  }
   30% {
     transform: translate(45px, -30px);
  }
   37% {
     transform: translate(53px, -44px);
  }
   40% {
     transform: translate(60px, -40px);
  }
   50% {
     transform: translate(60px, 0);
  }
   57% {
     transform: translate(53px, -14px);
  }
   60% {
     transform: translate(45px, -10px);
  }
   67% {
     transform: translate(37px, -24px);
  }
   70% {
     transform: translate(30px, -20px);
  }
   77% {
     transform: translate(22px, -34px);
  }
   80% {
     transform: translate(15px, -30px);
  }
   87% {
     transform: translate(7px, -44px);
  }
   90% {
     transform: translate(0, -40px);
  }
   100% {
     transform: translate(0, 0);
  }
}
 @keyframes bar_animate_upward1 {
   0% {
     transform: scale(1, 0.2);
  }
   40% {
     transform: scale(1, 0.2);
  }
   50% {
     transform: scale(1, 1);
  }
   90% {
     transform: scale(1, 1);
  }
   100% {
     transform: scale(1, 0.2);
  }
}
 @keyframes bar_animate_upward2 {
   0% {
     transform: scale(1, 0.4);
  }
   40% {
     transform: scale(1, 0.4);
  }
   50% {
     transform: scale(1, 0.8);
  }
   90% {
     transform: scale(1, 0.8);
  }
   100% {
     transform: scale(1, 0.4);
  }
}
 @keyframes bar_animate_upward3 {
   0% {
     transform: scale(1, 0.6);
  }
   100% {
     transform: scale(1, 0.6);
  }
}
 @keyframes bar_animate_upward4 {
   0% {
     transform: scale(1, 0.8);
  }
   40% {
     transform: scale(1, 0.8);
  }
   50% {
     transform: scale(1, 0.4);
  }
   90% {
     transform: scale(1, 0.4);
  }
   100% {
     transform: scale(1, 0.8);
  }
}
 @keyframes bar_animate_upward5 {
   0% {
     transform: scale(1, 1);
  }
   40% {
     transform: scale(1, 1);
  }
   50% {
     transform: scale(1, 0.2);
  }
   90% {
     transform: scale(1, 0.2);
  }
   100% {
     transform: scale(1, 1);
  }
}

/* LOADER END */