.loaderleft,
.loaderright {
   position: absolute;
    top: 44px;
    left: 27px;
   right: 20px;
   bottom: 150px;
   z-index: 8888;
   display: none;
}
[class*=spoke] {
    position: absolute;
    top: 28%;
    left: 23%;
    width: 50%;
}

[class*=spoke--right] {
  /*left: 246px; */
}

[class*=indicator] {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 4px;
  background: #ccc;
  opacity: 0;
  border-radius: 2px;
}

[class*=indicator--right] {
  left: 0;
}

.spoke--left-0 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.spoke--left-1 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

.spoke--left-2 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}

.spoke--left-3 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.spoke--left-4 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}

.spoke--left-5 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
}

.spoke--left-6 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.spoke--left-7 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  transform: rotate(210deg);
}

.spoke--left-8 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  transform: rotate(240deg);
}

.spoke--left-9 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.spoke--left-10 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  transform: rotate(300deg);
}

.spoke--left-11 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  transform: rotate(330deg);
}

.spoke--right-0 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.spoke--right-1 {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.spoke--right-2 {
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.spoke--right-3 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.spoke--right-4 {
  -webkit-transform: rotate(-120deg);
  -moz-transform: rotate(-120deg);
  -o-transform: rotate(-120deg);
  transform: rotate(-120deg);
}

.spoke--right-5 {
  -webkit-transform: rotate(-150deg);
  -moz-transform: rotate(-150deg);
  -o-transform: rotate(-150deg);
  transform: rotate(-150deg);
}

.spoke--right-6 {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.spoke--right-7 {
  -webkit-transform: rotate(-210deg);
  -moz-transform: rotate(-210deg);
  -o-transform: rotate(-210deg);
  transform: rotate(-210deg);
}

.spoke--right-8 {
  -webkit-transform: rotate(-240deg);
  -moz-transform: rotate(-240deg);
  -o-transform: rotate(-240deg);
  transform: rotate(-240deg);
}

.spoke--right-9 {
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg);
}

.spoke--right-10 {
  -webkit-transform: rotate(-300deg);
  -moz-transform: rotate(-300deg);
  -o-transform: rotate(-300deg);
  transform: rotate(-300deg);
}

.spoke--right-11 {
  -webkit-transform: rotate(-330deg);
  -moz-transform: rotate(-330deg);
  -o-transform: rotate(-330deg);
  transform: rotate(-330deg);
}

[class*=indicator] {
  -webkit-animation: highlight 2440ms infinite;
  -moz-animation: highlight 2440ms infinite;
  -o-animation: highlight 2440ms infinite;
  animation: highlight 2440ms infinite;
}

.indicator--left-0 {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}

.indicator--left-1 {
  -webkit-animation-delay: 101.66667ms;
  -moz-animation-delay: 101.66667ms;
  -o-animation-delay: 101.66667ms;
  animation-delay: 101.66667ms;
}

.indicator--left-2 {
  -webkit-animation-delay: 203.33333ms;
  -moz-animation-delay: 203.33333ms;
  -o-animation-delay: 203.33333ms;
  animation-delay: 203.33333ms;
}

.indicator--left-3 {
  -webkit-animation-delay: 305ms;
  -moz-animation-delay: 305ms;
  -o-animation-delay: 305ms;
  animation-delay: 305ms;
}

.indicator--left-4 {
  -webkit-animation-delay: 406.66667ms;
  -moz-animation-delay: 406.66667ms;
  -o-animation-delay: 406.66667ms;
  animation-delay: 406.66667ms;
}

.indicator--left-5 {
  -webkit-animation-delay: 508.33333ms;
  -moz-animation-delay: 508.33333ms;
  -o-animation-delay: 508.33333ms;
  animation-delay: 508.33333ms;
}

.indicator--left-6 {
  -webkit-animation-delay: 610ms;
  -moz-animation-delay: 610ms;
  -o-animation-delay: 610ms;
  animation-delay: 610ms;
}

.indicator--left-7 {
  -webkit-animation-delay: 711.66667ms;
  -moz-animation-delay: 711.66667ms;
  -o-animation-delay: 711.66667ms;
  animation-delay: 711.66667ms;
}

.indicator--left-8 {
  -webkit-animation-delay: 813.33333ms;
  -moz-animation-delay: 813.33333ms;
  -o-animation-delay: 813.33333ms;
  animation-delay: 813.33333ms;
}

.indicator--left-9 {
  -webkit-animation-delay: 915ms;
  -moz-animation-delay: 915ms;
  -o-animation-delay: 915ms;
  animation-delay: 915ms;
}

.indicator--left-10 {
  -webkit-animation-delay: 1016.66667ms;
  -moz-animation-delay: 1016.66667ms;
  -o-animation-delay: 1016.66667ms;
  animation-delay: 1016.66667ms;
}

.indicator--left-11 {
  -webkit-animation-delay: 1118.33333ms;
  -moz-animation-delay: 1118.33333ms;
  -o-animation-delay: 1118.33333ms;
  animation-delay: 1118.33333ms;
}

.indicator--right-0 {
  -webkit-animation-delay: 1220ms;
  -moz-animation-delay: 1220ms;
  -o-animation-delay: 1220ms;
  animation-delay: 1220ms;
}

.indicator--right-1 {
  -webkit-animation-delay: 1321.66667ms;
  -moz-animation-delay: 1321.66667ms;
  -o-animation-delay: 1321.66667ms;
  animation-delay: 1321.66667ms;
}

.indicator--right-2 {
  -webkit-animation-delay: 1423.33333ms;
  -moz-animation-delay: 1423.33333ms;
  -o-animation-delay: 1423.33333ms;
  animation-delay: 1423.33333ms;
}

.indicator--right-3 {
  -webkit-animation-delay: 1525ms;
  -moz-animation-delay: 1525ms;
  -o-animation-delay: 1525ms;
  animation-delay: 1525ms;
}

.indicator--right-4 {
  -webkit-animation-delay: 1626.66667ms;
  -moz-animation-delay: 1626.66667ms;
  -o-animation-delay: 1626.66667ms;
  animation-delay: 1626.66667ms;
}

.indicator--right-5 {
  -webkit-animation-delay: 1728.33333ms;
  -moz-animation-delay: 1728.33333ms;
  -o-animation-delay: 1728.33333ms;
  animation-delay: 1728.33333ms;
}

.indicator--right-6 {
  -webkit-animation-delay: 1830ms;
  -moz-animation-delay: 1830ms;
  -o-animation-delay: 1830ms;
  animation-delay: 1830ms;
}

.indicator--right-7 {
  -webkit-animation-delay: 1931.66667ms;
  -moz-animation-delay: 1931.66667ms;
  -o-animation-delay: 1931.66667ms;
  animation-delay: 1931.66667ms;
}

.indicator--right-8 {
  -webkit-animation-delay: 2033.33333ms;
  -moz-animation-delay: 2033.33333ms;
  -o-animation-delay: 2033.33333ms;
  animation-delay: 2033.33333ms;
}

.indicator--right-9 {
  -webkit-animation-delay: 2135ms;
  -moz-animation-delay: 2135ms;
  -o-animation-delay: 2135ms;
  animation-delay: 2135ms;
}

.indicator--right-10 {
  -webkit-animation-delay: 2236.66667ms;
  -moz-animation-delay: 2236.66667ms;
  -o-animation-delay: 2236.66667ms;
  animation-delay: 2236.66667ms;
}

.indicator--right-11 {
  -webkit-animation-delay: 2338.33333ms;
  -moz-animation-delay: 2338.33333ms;
  -o-animation-delay: 2338.33333ms;
  animation-delay: 2338.33333ms;
}

@-webkit-keyframes highlight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes highlight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media screen and (min-width: 960px) {
	.loaderleft, .loaderright {
		top: 50px;
	}
}