.seperator .inner {
	position: absolute;
	width: 100vw;
	top: 200px;
}

.seperator .animated .container {
	text-align:center;
}

/* Question Separator Reaction Animtion */
/* Gears */
.machine {
  width: 350px;
  fill: #ffffff;
}

.small {
  -webkit-animation: counter-rotation 2.5s infinite linear;
          animation: counter-rotation 2.5s infinite linear;
  -webkit-transform-origin: 100.136px 225.345px;
          transform-origin: 100.136px 225.345px;
}

.medium {
  -webkit-animation: rotation 3.75s infinite linear;
          animation: rotation 3.75s infinite linear;
  -webkit-transform-origin: 254.675px 379.447px;
          transform-origin: 254.675px 379.447px;
}

.large {
  -webkit-animation: counter-rotation 5s infinite linear;
          animation: counter-rotation 5s infinite linear;
  -webkit-transform-origin: 461.37px 173.694px;
          transform-origin: 461.37px 173.694px;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@-webkit-keyframes counter-rotation {
  from {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes counter-rotation {
  from {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes anim2FadeIn {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes anim2FadeIn {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes anim2FadeOut {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim2FadeOut {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scaling {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes scaling {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes pos {
  from {
	top:auto;
  }
  to {
   top:-100%;
  }
}



.lds-roller {
  display: inline-block;
  position: relative;
  width: calc(80px * var(--roller-dot-scale));
  height: calc(80px * var(--roller-dot-scale));
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: calc(40px * var(--roller-dot-scale)) calc(40px * var(--roller-dot-scale));
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: calc(7px * var(--roller-dot-scale));
  height: calc(7px * var(--roller-dot-scale));
  border-radius: 50%;
  background: var(--color1);
  margin: calc(-4px * var(--roller-dot-scale)) 0 0 calc(-4px * var(--roller-dot-scale));
  
	background-image:url(../img/question-count-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	background-color:transparent;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: calc(63px * var(--roller-dot-scale));
  left: calc(63px * var(--roller-dot-scale));
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: calc(68px * var(--roller-dot-scale));
  left: calc(56px * var(--roller-dot-scale));
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: calc(71px * var(--roller-dot-scale));
  left: calc(48px * var(--roller-dot-scale));
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: calc(72px * var(--roller-dot-scale));
  left: calc(40px * var(--roller-dot-scale));
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: calc(71px * var(--roller-dot-scale));
  left: calc(32px * var(--roller-dot-scale));
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: calc(68px * var(--roller-dot-scale));
  left: calc(24px * var(--roller-dot-scale));
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: calc(63px * var(--roller-dot-scale));
  left: calc(17px * var(--roller-dot-scale));
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: calc(56px * var(--roller-dot-scale));
  left: calc(12px * var(--roller-dot-scale));
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}