/*! ------------------------------------------------
 * Aully website: loader.css
 * ------------------------------------------------ */
/*! File name: loader.css
 * ------------------------------------------------
 *
 * ------------------------------------------------
 * Table of Contents
 * ------------------------------------------------
 *  01. Loader
 * ------------------------------------------------
 * Table of Contents End
 * ------------------------------------------------ */
/* ------------------------------------------------*/
/* Loader Start */
/* ------------------------------------------------*/
.mxd-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 101;
  pointer-events: none;
}

.mxd-loader__row {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.mxd-loader__row.loader-row-1 .mxd-loader__block {
  -webkit-transform-origin: top;
     -moz-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}
.mxd-loader__row.loader-row-2 .mxd-loader__block {
  -webkit-transform-origin: bottom;
     -moz-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}

.mxd-loader__block {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #7543F2;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  will-change: transform;
}

/* ------------------------------------------------*/
/* Loader End */
/* ------------------------------------------------*/