#preloader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    position: fixed;
    background-color: #122E46;
}

#loading-animation {
      top: 50%;
      left: 50%;
      width: 200px;
      height: 200px;
      position: absolute;
      margin: -100px 0 0 -100px;
}


/* =========================================== */


#loader2 {
    height: 50px;
    width:50px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
  }

  #corners {
    fill: none;
    stroke-width: 7;
    stroke: #FDB740;
    stroke-dasharray: 25;
    animation: dash infinite 1.5s ease;
    -webkit-animation: dash infinite 1.5s ease;
  }

  #L {
    fill: none;
    stroke: white;
    stroke-width: 4;
    stroke-dasharray: 50;
    animation: L 1.5s infinite ease;
    -webkit-animation: L infinite 1.5s ease;
  }

  @keyframes dash {
    100% {
      stroke-dashoffset: -50;
    }
  }

  @keyframes L {
    100% {
      stroke-dashoffset: 100;
    }
  }