.loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  
  .loader__circle {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin: 11px 2px;
    background: #000000;
  }
  .circle-animantion{
    animation: loader_901 1s ease-in-out infinite;
  }
  

  .loader__circle--1 {
    background-color: #007aff;
    animation-delay: 0s;
  }
  
  .loader__circle--2 {
    background-color: #ff2d55;
    animation-delay: 0.25s;
  }
  
  .loader__circle--3 {
    background-color: #34c759;
    animation-delay: 0.5s;
  }
  
  .loader__circle--4 {
    background-color: #ff9500;
    animation-delay: 0.75s;
  }
  
  @keyframes loader_901 {
    0% {
      transform: scale(1);
    }
  
    20% {
      transform: scale(1.2);
    }
  
    40% {
      transform: scale(1);
    }
  }
  
        
  

.boxNotify{
    left: 45%;
    display: none;
    position: absolute;
    width: 80px;
    height: 30px;
    background: rgba(33, 146, 77, 0.9);
    z-index: 1;
}
.boxNotify p{
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 11px;
}
.boxNotify-animate{
    display: block;
    -webkit-animation: boxNotify-animate 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: boxNotify-animate 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: boxNotify-animate 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both, boxNotify-hide 1s ease-in-out 1s forwards;
}
@-webkit-keyframes boxNotify-animate {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-100px);
              transform: translateY(-100px);
    }
  }
  @keyframes boxNotify-animate {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-100px);
              transform: translateY(-100px);
    }
  }
  @keyframes boxNotify-hide {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      display: none;
    }
  }