/* ##############################################################################

    LOADING

############################################################################## */
  @keyframes load_fade_out {
    0% {
      opacity: 1;
    }
    100% {
      transform: scale(1.15);
      opacity: 0;
    }
  }
  #loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    pointer-events: none;
  }
  #loading .layers {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
  }
  #loading .layers .layer,
  #loading .layers .layer::before {
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(0.55,0.08,0.68,0.53);
    transition-delay: 0s;
  }
  #loading .layers .layer {
    position: absolute;
    left: -50vw;
    top: -50vh;
    width: 200vw;
    height: 200vh;
  }
  #loading .layers .layer::before {
    filter: blur(100px);
  }
  #loading .loading--cont {
    z-index: 10;
  }
  #loading .loading--cont svg,
  #loading .loading--cont img {
    opacity: 0;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.22,0.61,0.36,1);
    transform: translate(0px, 15%) scale(1, 1.1);
  }
  body.mov_in #loading .layers .layer {
    opacity: 0;
    transform: translateX(-50vw);
  }
  body.mov_in #loading .layers .layer::before {
    filter: blur(500px);
  }
  body:not(.min).mov_in #loading .layers .layer { transition-delay: 2.8s; }
  body.loaded #loading .loading--cont {
    animation-duration: .4s;
    animation-delay: 2s;
    animation-timing-function: cubic-bezier(0.22,0.61,0.36,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-name: load_fade_out;
    clip-path:inset(0 0 0);
  }
  body.loaded #loading .loading--cont svg,
  body.loaded #loading .loading--cont img {
    opacity: 1;
    transform: translate(0px, 0%);
  }
  @media screen and (max-width: 1280px) {
    #loading .loading--cont_in {
      transform: scale(.9);
    }
  }
  @media screen and (max-width: 560px) {
    #loading .loading--cont_in {
      transform: scale(.75);
    }
  }