.loader-wrapper {
    --curtain-color: #D3CCC5;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
  }

  .loader {
    display:block;
    position: relative;
    top:40%;
    left: calc(50% - 115px);
    width:230px;
    height:102px;
    z-index:1001;
  }
  
  
  .loader-wrapper .loader-section {
    position:fixed;
    top:0;
    background:var(--curtain-color);
    width:51%;
    height:100vh;
    z-index:1000;
  }
  
  .loader-wrapper .loader-section.section-left {
    left:0
  }
  .loader-wrapper .loader-section.section-right {
    right:0;
  }
  
  /* Loaded Styles */ 
  .loaded .loader-wrapper .loader-section.section-left {
    transform: translateX(-100%);
    transition: all 1s 0.6s cubic-bezier(0.645,0.045,0.355,1.000);
  }
  .loaded .loader-wrapper .loader-section.section-right {
    transform: translateX(100%);
    transition: all 1s 0.6s cubic-bezier(0.645,0.045,0.355,1.000);
  }
  .loaded .loader {
    opacity: 0;
    transition: all 1s ease-out;
  }
  .loaded .loader-wrapper {
    visibility: hidden;
    transition: all .6s 1s ease-out;
  }