/* ADAM LOADER */
.loader-backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.55);
  z-index: 2000;
}

.loader-container {
  position: relative;
  width: auto;
  top: 25vh;
}

.loader-icon-container {
  /*position: relative;*/
  width: 20vh;
  height: 20vh;
  padding: 4vh;
  margin: 1.75em auto 0;
}

.loader-icon-container > span {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #f8f9fa;
}

.loader-icon-container > span.center-icon {
  font-size: 14vh;
  margin: -7vh;
}

.loader-icon-container > span.animated-icon {
  font-size: 4vh;
  margin: -2vh;
  animation: loader_slide 3s infinite linear;
  -webkit-animation: loader_slide 3s infinite linear;
}

@keyframes loader_slide {
  0%   { transform: rotate(   0deg ) translate( 10vh ) rotate( 35deg ); }
  13%  { transform: rotate(  45deg ) translate( 10vh ) rotate( 35deg ); }
  25%  { transform: rotate(  90deg ) translate( 10vh ) rotate( 35deg ); }
  38%  { transform: rotate( 135deg ) translate( 10vh ) rotate( 35deg ); }
  50%  { transform: rotate( 180deg ) translate( 10vh ) rotate( 35deg ); }
  63%  { transform: rotate( 225deg ) translate( 10vh ) rotate( 35deg ); }
  75%  { transform: rotate( 270deg ) translate( 10vh ) rotate( 35deg ); }
  88%  { transform: rotate( 315deg ) translate( 10vh ) rotate( 35deg ); }
  100% { transform: rotate( 359deg ) translate( 10vh ) rotate( 35deg ); }
}

@-webkit-keyframes loader_slide {
  0%   { transform: rotate(   0deg ) translate( 10vh ) rotate( 35deg ); }
  13%  { transform: rotate(  45deg ) translate( 10vh ) rotate( 35deg ); }
  25%  { transform: rotate(  90deg ) translate( 10vh ) rotate( 35deg ); }
  38%  { transform: rotate( 135deg ) translate( 10vh ) rotate( 35deg ); }
  50%  { transform: rotate( 180deg ) translate( 10vh ) rotate( 35deg ); }
  63%  { transform: rotate( 225deg ) translate( 10vh ) rotate( 35deg ); }
  75%  { transform: rotate( 270deg ) translate( 10vh ) rotate( 35deg ); }
  88%  { transform: rotate( 315deg ) translate( 10vh ) rotate( 35deg ); }
  100% { transform: rotate( 359deg ) translate( 10vh ) rotate( 35deg ); }
}
/* ######################  */
