.ecm-init-loading {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  /* background: url(../spinning.gif) no-repeat;
  background-size: 150px 150px;
  background-position: center; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-warp {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: relative;
  top: -26px;
}

.loading-warp > span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ab54db;
  position: absolute;
  -webkit-animation: load 1s ease infinite;
  animation: load 1s ease infinite;
  opacity: 0;
}

@keyframes load {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0.5;
  }
}

.ms-spinning {
  position: relative;
  top: -25px;
  background-image: url('../loading.png');
  width: 56px;
  height: 56px;
  -webkit-animation: myAnimation 3.6s steps(1) infinite;
  -moz-animation: myAnimation 3.6s steps(1) infinite;
  -ms-animation: myAnimation 3.6s steps(1) infinite;
  -o-animation: myAnimation 3.6s steps(1) infinite;
  animation: myAnimation 3.6s steps(1) infinite;
}
@-webkit-keyframes myAnimation {
  0% { background-position: -616px 0px; }
	2.56% { background-position: -672px 0px; }
	5.13% { background-position: -728px 0px; }
	7.69% { background-position: -784px 0px; }
	10.26% { background-position: -840px 0px; }
	12.82% { background-position: -896px 0px; }
	15.38% { background-position: -952px 0px; }
	17.95% { background-position: -1008px 0px; }
	20.51% { background-position: -1064px 0px; }
	23.08% { background-position: -1120px 0px; }
	25.64% { background-position: -1176px 0px; }
	28.21% { background-position: -1232px 0px; }
	30.77% { background-position: -1288px 0px; }
	33.33% { background-position: -1344px 0px; }
	35.90% { background-position: -1400px 0px; }
	38.46% { background-position: -1456px 0px; }
	41.03% { background-position: -1512px 0px; }
	43.59% { background-position: -1568px 0px; }
	46.15% { background-position: -1624px 0px; }
	48.72% { background-position: -1680px 0px; }
	51.28% { background-position: -1736px 0px; }
	53.85% { background-position: -1792px 0px; }
	56.41% { background-position: -1848px 0px; }
	58.97% { background-position: -1904px 0px; }
	61.54% { background-position: -1960px 0px; }
	64.10% { background-position: -2016px 0px; }
	66.67% { background-position: -2072px 0px; }
	69.23% { background-position: -2128px 0px; }
	71.79% { background-position: -2184px 0px; }
	74.36% { background-position: -2240px 0px; }
	76.92% { background-position: -2296px 0px; }
	79.49% { background-position: -2352px 0px; }
	82.05% { background-position: -2408px 0px; }
	84.62% { background-position: -2464px 0px; }
	87.18% { background-position: -2520px 0px; }
	89.74% { background-position: -2576px 0px; }
	92.31% { background-position: -2632px 0px; }
	94.87% { background-position: -2688px 0px; }
	97.44% { background-position: -2744px 0px; }
	100% { background-position: -2800px 0px; }
}
@-moz-keyframes myAnimation {
  0% { background-position: -616px 0px; }
	2.56% { background-position: -672px 0px; }
	5.13% { background-position: -728px 0px; }
	7.69% { background-position: -784px 0px; }
	10.26% { background-position: -840px 0px; }
	12.82% { background-position: -896px 0px; }
	15.38% { background-position: -952px 0px; }
	17.95% { background-position: -1008px 0px; }
	20.51% { background-position: -1064px 0px; }
	23.08% { background-position: -1120px 0px; }
	25.64% { background-position: -1176px 0px; }
	28.21% { background-position: -1232px 0px; }
	30.77% { background-position: -1288px 0px; }
	33.33% { background-position: -1344px 0px; }
	35.90% { background-position: -1400px 0px; }
	38.46% { background-position: -1456px 0px; }
	41.03% { background-position: -1512px 0px; }
	43.59% { background-position: -1568px 0px; }
	46.15% { background-position: -1624px 0px; }
	48.72% { background-position: -1680px 0px; }
	51.28% { background-position: -1736px 0px; }
	53.85% { background-position: -1792px 0px; }
	56.41% { background-position: -1848px 0px; }
	58.97% { background-position: -1904px 0px; }
	61.54% { background-position: -1960px 0px; }
	64.10% { background-position: -2016px 0px; }
	66.67% { background-position: -2072px 0px; }
	69.23% { background-position: -2128px 0px; }
	71.79% { background-position: -2184px 0px; }
	74.36% { background-position: -2240px 0px; }
	76.92% { background-position: -2296px 0px; }
	79.49% { background-position: -2352px 0px; }
	82.05% { background-position: -2408px 0px; }
	84.62% { background-position: -2464px 0px; }
	87.18% { background-position: -2520px 0px; }
	89.74% { background-position: -2576px 0px; }
	92.31% { background-position: -2632px 0px; }
	94.87% { background-position: -2688px 0px; }
	97.44% { background-position: -2744px 0px; }
	100% { background-position: -2800px 0px; }
}
@-ms-keyframes myAnimation {
  0% { background-position: -616px 0px; }
	2.56% { background-position: -672px 0px; }
	5.13% { background-position: -728px 0px; }
	7.69% { background-position: -784px 0px; }
	10.26% { background-position: -840px 0px; }
	12.82% { background-position: -896px 0px; }
	15.38% { background-position: -952px 0px; }
	17.95% { background-position: -1008px 0px; }
	20.51% { background-position: -1064px 0px; }
	23.08% { background-position: -1120px 0px; }
	25.64% { background-position: -1176px 0px; }
	28.21% { background-position: -1232px 0px; }
	30.77% { background-position: -1288px 0px; }
	33.33% { background-position: -1344px 0px; }
	35.90% { background-position: -1400px 0px; }
	38.46% { background-position: -1456px 0px; }
	41.03% { background-position: -1512px 0px; }
	43.59% { background-position: -1568px 0px; }
	46.15% { background-position: -1624px 0px; }
	48.72% { background-position: -1680px 0px; }
	51.28% { background-position: -1736px 0px; }
	53.85% { background-position: -1792px 0px; }
	56.41% { background-position: -1848px 0px; }
	58.97% { background-position: -1904px 0px; }
	61.54% { background-position: -1960px 0px; }
	64.10% { background-position: -2016px 0px; }
	66.67% { background-position: -2072px 0px; }
	69.23% { background-position: -2128px 0px; }
	71.79% { background-position: -2184px 0px; }
	74.36% { background-position: -2240px 0px; }
	76.92% { background-position: -2296px 0px; }
	79.49% { background-position: -2352px 0px; }
	82.05% { background-position: -2408px 0px; }
	84.62% { background-position: -2464px 0px; }
	87.18% { background-position: -2520px 0px; }
	89.74% { background-position: -2576px 0px; }
	92.31% { background-position: -2632px 0px; }
	94.87% { background-position: -2688px 0px; }
	97.44% { background-position: -2744px 0px; }
	100% { background-position: -2800px 0px; }
}
@-o-keyframes myAnimation {
  0% { background-position: -616px 0px; }
	2.56% { background-position: -672px 0px; }
	5.13% { background-position: -728px 0px; }
	7.69% { background-position: -784px 0px; }
	10.26% { background-position: -840px 0px; }
	12.82% { background-position: -896px 0px; }
	15.38% { background-position: -952px 0px; }
	17.95% { background-position: -1008px 0px; }
	20.51% { background-position: -1064px 0px; }
	23.08% { background-position: -1120px 0px; }
	25.64% { background-position: -1176px 0px; }
	28.21% { background-position: -1232px 0px; }
	30.77% { background-position: -1288px 0px; }
	33.33% { background-position: -1344px 0px; }
	35.90% { background-position: -1400px 0px; }
	38.46% { background-position: -1456px 0px; }
	41.03% { background-position: -1512px 0px; }
	43.59% { background-position: -1568px 0px; }
	46.15% { background-position: -1624px 0px; }
	48.72% { background-position: -1680px 0px; }
	51.28% { background-position: -1736px 0px; }
	53.85% { background-position: -1792px 0px; }
	56.41% { background-position: -1848px 0px; }
	58.97% { background-position: -1904px 0px; }
	61.54% { background-position: -1960px 0px; }
	64.10% { background-position: -2016px 0px; }
	66.67% { background-position: -2072px 0px; }
	69.23% { background-position: -2128px 0px; }
	71.79% { background-position: -2184px 0px; }
	74.36% { background-position: -2240px 0px; }
	76.92% { background-position: -2296px 0px; }
	79.49% { background-position: -2352px 0px; }
	82.05% { background-position: -2408px 0px; }
	84.62% { background-position: -2464px 0px; }
	87.18% { background-position: -2520px 0px; }
	89.74% { background-position: -2576px 0px; }
	92.31% { background-position: -2632px 0px; }
	94.87% { background-position: -2688px 0px; }
	97.44% { background-position: -2744px 0px; }
	100% { background-position: -2800px 0px; }
}
@keyframes myAnimation {
  0% { background-position: -616px 0px; }
	2.56% { background-position: -672px 0px; }
	5.13% { background-position: -728px 0px; }
	7.69% { background-position: -784px 0px; }
	10.26% { background-position: -840px 0px; }
	12.82% { background-position: -896px 0px; }
	15.38% { background-position: -952px 0px; }
	17.95% { background-position: -1008px 0px; }
	20.51% { background-position: -1064px 0px; }
	23.08% { background-position: -1120px 0px; }
	25.64% { background-position: -1176px 0px; }
	28.21% { background-position: -1232px 0px; }
	30.77% { background-position: -1288px 0px; }
	33.33% { background-position: -1344px 0px; }
	35.90% { background-position: -1400px 0px; }
	38.46% { background-position: -1456px 0px; }
	41.03% { background-position: -1512px 0px; }
	43.59% { background-position: -1568px 0px; }
	46.15% { background-position: -1624px 0px; }
	48.72% { background-position: -1680px 0px; }
	51.28% { background-position: -1736px 0px; }
	53.85% { background-position: -1792px 0px; }
	56.41% { background-position: -1848px 0px; }
	58.97% { background-position: -1904px 0px; }
	61.54% { background-position: -1960px 0px; }
	64.10% { background-position: -2016px 0px; }
	66.67% { background-position: -2072px 0px; }
	69.23% { background-position: -2128px 0px; }
	71.79% { background-position: -2184px 0px; }
	74.36% { background-position: -2240px 0px; }
	76.92% { background-position: -2296px 0px; }
	79.49% { background-position: -2352px 0px; }
	82.05% { background-position: -2408px 0px; }
	84.62% { background-position: -2464px 0px; }
	87.18% { background-position: -2520px 0px; }
	89.74% { background-position: -2576px 0px; }
	92.31% { background-position: -2632px 0px; }
	94.87% { background-position: -2688px 0px; }
	97.44% { background-position: -2744px 0px; }
	100% { background-position: -2800px 0px; }
}