.preloader{padding:0 24px;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#003fb0;z-index:1011;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.5s;transition:.5s}@media screen and (max-width: 350px){.preloader{padding:0 15px}}.preloader canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.preloader .svg-wrap{max-width:65%}.preloader .svg-wrap svg{opacity:0;height:auto;width:108.6319551%;-webkit-transform:translateX(-8.6319551%);transform:translateX(-8.6319551%)}.preloader #svg-final{pointer-events:none}.preloader.hidden{-webkit-transition:0;transition:0;opacity:0;visibility:hidden}.preloader.loaded{-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;visibility:hidden}.preloader.loaded #svg-final{opacity:1}

.ml1 {
    font-weight: 900;
    font-size: 3.5em;
  }
  
  .ml1 .letter {
    display: inline-block;
    line-height: 1em;
  }
  
  .ml1 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.1em;
    padding-right: 0.05em;
    padding-bottom: 0.15em;
  }
  
  .ml1 .line {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #fff;
    transform-origin: 0 0;
  }
  
  .ml1 .line1 { top: 0; }
  .ml1 .line2 { bottom: 0; }