body{
    margin:0;
  }

  .preloader-background{
    display:block;
    position:fixed;
    width:100%;
    height:100%;
    background-color: #f3f3f3;
    z-index: 5;
  }



  .wrapper {
    display:block;
    position:fixed;
    top:50%;
    left:50%;
    width: 250px;
    height:250px;
    /* margin-left:-17vh;
    margin-top:-17vh;   */

    margin-left: -125px;
    margin-top: -125px;

    overflow:hidden;
   z-index: 7;
   
  }
  
  .loader {
    display:block;
    position:fixed;
    top:50%;
    left:50%;
    width: 250px;
    height: 250px;
    /*
    margin-left:-17vh;
    margin-top:-17vh;   */

    margin-left: -125px;
    margin-top: -125px;

    
    overflow:hidden;
    border: 15px solid #005346;
    border-radius: 50%;
    border-top: 14px solid #C3A000;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 9;
    
  }
  
  .wrapper {
   /* background: url('/web2021/wp-content/uploads/2021/04/favicon.png') center no-repeat;*/
   background: url('/wp-content/uploads/banners-img/preloader_v1.png') center no-repeat;
    background-size:230px;
    
    
  }
  
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {  
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }




  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {  
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }