/* ------------------------------------------------------ */
/* anim */
/* ------------------------------------------------------ */
@-webkit-keyframes anim-blink {
  0% {
    transform: scale(2,2);
    opacity: .8;
  }
  100% {
    transform: scale(.5,.5);
    opacity: 0;
  }
}
@keyframes anim-blink {
  0% {
    transform: scale(2,2);
    opacity: .8;
  }
  100% {
    transform: scale(.5,.5);
    opacity: 0;
  }
}
.anim-blink {
  opacity: .8;
  -webkit-animation: anim-blink 1s linear infinite;
  -moz-animation: anim-blink 1s linear infinite;
  animation: anim-blink 1s linear infinite;
}

@-webkit-keyframes anim-spin{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  100%{
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg)
  }
}

@keyframes anim-spin{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
.anim-spin{
  -webkit-animation:anim-spin 1s linear infinite;
  -moz-animation: anim-spin 1s linear infinite;
  animation:anim-spin 1s linear infinite;
}
/* ------------------------------------------------------ */

/* ------------------------------------------------------ */
/* loader */
/* ------------------------------------------------------ */

.loader-container {
  position: relative;
}

.loader {
  background: transparent;
  color: rgba(0,0,0,.6);
}

.loader.dark {
  background: rgba(0,0,0,.6);
  color: rgba(255,255,255,1);
}


.loader-container.loading .loader,
.loader-container.fading-loader .loader {
  display: block;
}

.loader-container.loading .loader {
  opacity: 1;
}

.loader-container .loader {
  transition: opacity .5s;
  display: none;
  opacity: 0;
}


.loader-container .loader {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
}

.loader .loader-img {
  position: absolute;
  width: 100px;
  height: 100px;
  left: calc(50% - 50px/* -w/2 */);
  top: calc(50% - 50px/* -h/2 */);
}

.loader-img.loader-blink {
  animation: anim-blink 1s linear infinite ;
}

.loader-img.loader-spin {
  animation: anim-spin 1s linear infinite ;
}
/* ------------------------------------------------------ */