#loader-wrapper{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:9999;
    background-color: #0f0a33;
  }

  #loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: 250px;
    background: url('../images/icon2.png') no-repeat center center;
    background-size: contain;
  }
  

  #loader:before{
    content:"";
    position:absolute;
    top:20px;
    left:20px;
    bottom:20px;
    right:20px;
    border-top: 3px solid #201844;
    border-radius:50%;
    
    -webkit-animation: spin 2.5s linear infinite; 
            animation: spin 2.5s linear infinite;
  }
  
  #loader:after{
    content:"";
    position:absolute;
    top:15px;
    left:15px;
    bottom:15px;
    right:15px;
    border-top: 3px solid #0f0a33;
    border-radius:50%;
    
    -webkit-animation: spin 1.5s linear infinite; 
            animation: spin 1.5s linear infinite;
  }
  
  @-webkit-keyframes spin {
    0%   {
      -webkit-transform: rotate(0deg);  
        -ms-transform: rotate(0deg);  
            transform: rotate(0deg);  
      }
    100% {
      -webkit-transform: rotate(360deg);  
        -ms-transform: rotate(360deg); 
            transform: rotate(360deg);  
    }
  }
  @keyframes spin {
    0%   {
      -webkit-transform: rotate(0deg);  
        -ms-transform: rotate(0deg);  
            transform: rotate(0deg);  
      }
    100% {
      -webkit-transform: rotate(360deg);  
        -ms-transform: rotate(360deg); 
            transform: rotate(360deg);  
    }
  }