.OTCXN-Loader {
  position: absolute;
  width: 0;
  z-index: 1050;
  left: 50%;
  top: 50%; }
.OTCXN-Loader .blade {
  position: absolute;
  width: 10em;
  height: 2em;
  transform-origin: left center 0px;
  border-radius: 2em; }
.OTCXN-Loader.otcxn-rotate {
  animation-name: otcxn-rotate;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }
.OTCXN-Loader.otcxn-fade {
  animation-name: otcxn-fade;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }
.OTCXN-Loader.otcxn-spin {
  animation-name: otcxn-spin;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }
.OTCXN-Loader.otcxn-spin3d {
  animation-name: otcxn-spin3d;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.OTCXN-Loader .blade:nth-child(1) {
  transform: rotate(-90deg) translateX(2em);
  background: -moz-linear-gradient(top, #bdbdbd 0%, #bdbdbd 50%, #3BB7BF 50%, #3BB7BF 100%);
  background: -webkit-linear-gradient(top, #bdbdbd 0%, #bdbdbd 50%, #3BB7BF 50%, #3BB7BF 100%);
  background: linear-gradient(to bottom, #bdbdbd 0%, #bdbdbd 50%, #3BB7BF 50%, #3BB7BF 100%); }

.OTCXN-Loader .blade:nth-child(2) {
  transform: rotate(-30deg) translateX(2em);
  background: -moz-linear-gradient(top, #bdbdbd 0%, #bdbdbd 50%, #3BB7BF 50%, #3BB7BF 100%);
  background: -webkit-linear-gradient(top, #bdbdbd 0%, #bdbdbd 50%, #3BB7BF 50%, #3BB7BF 100%);
  background: linear-gradient(to bottom, #bdbdbd 0%, #bdbdbd 50%, #3BB7BF 50%, #3BB7BF 100%); }

.OTCXN-Loader .blade:nth-child(3) {
  transform: rotate(30deg) translateX(2em);
  background: -moz-linear-gradient(top, #3BB7BF 0%, #3BB7BF 50%, #36969E 50%, #36969E 100%);
  background: -webkit-linear-gradient(top, #3BB7BF 0%, #3BB7BF 50%, #36969E 50%, #36969E 100%);
  background: linear-gradient(to bottom, #3BB7BF 0%, #3BB7BF 50%, #36969E 50%, #36969E 100%); }

.OTCXN-Loader .blade:nth-child(4) {
  transform: rotate(90deg) translateX(2em);
  background: -moz-linear-gradient(top, #3BB7BF 0%, #3BB7BF 50%, #36969E 50%, #36969E 100%);
  background: -webkit-linear-gradient(top, #3BB7BF 0%, #3BB7BF 50%, #36969E 50%, #36969E 100%);
  background: linear-gradient(to bottom, #3BB7BF 0%, #3BB7BF 50%, #36969E 50%, #36969E 100%); }

.OTCXN-Loader .blade:nth-child(5) {
  transform: rotate(150deg) translateX(2em);
  background: -moz-linear-gradient(top, #36969E 0%, #36969E 50%, #2C7179 50%, #2C7179 100%);
  background: -webkit-linear-gradient(top, #36969E 0%, #36969E 50%, #2C7179 50%, #2C7179 100%);
  background: linear-gradient(to bottom, #36969E 0%, #36969E 50%, #2C7179 50%, #2C7179 100%); }

.OTCXN-Loader .blade:nth-child(6) {
  transform: rotate(210deg) translateX(2em);
  background: -moz-linear-gradient(top, #36969E 0%, #36969E 50%, #2C7179 50%, #2C7179 100%);
  background: -webkit-linear-gradient(top, #36969E 0%, #36969E 50%, #2C7179 50%, #2C7179 100%);
  background: linear-gradient(to bottom, #36969E 0%, #36969E 50%, #2C7179 50%, #2C7179 100%); }

@keyframes otcxn-fade {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes otcxn-rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes otcxn-spin {
  from {
    transform: rotateY(0deg); }
  to {
    transform: rotateY(360deg); } }

@keyframes otcxn-spin3d {
  from {
    transform: rotateX(0deg) rotateY(0deg); }
  to {
    transform: rotateX(360deg) rotateY(360deg); } }

.otcxn-loader div div {
  width: 100px !important;
  height: 30px !important;
  border-radius: 30px !important;
  background: -moz-linear-gradient(top, #bdbdbd 0%, #3BB7BF 20%, #36969E 60%, #2C7179 100%) !important;
  background: -webkit-linear-gradient(top, #bdbdbd 0%, #3BB7BF 20%, #36969E 60%, #2C7179 100%) !important;
  background: linear-gradient(to bottom, #bdbdbd 0%, #3BB7BF 20%, #36969E 60%, #2C7179 100%) !important; }