#page-loader2 {

  background: rgba(0, 0, 0, .6);
  position: fixed;
  z-index:  9999;
  display:  none;
  height:   100%;
  width:    100%;
  top:    0;

}

#page-loader {

  background-color: #FFFFFF;
  position:         fixed;
  z-index:          9999;
/*  display:          none;*/
  height:           100%;
  width:            100%;
  top:              0;

}


#livelo-spinner {

  position:   fixed;
  width:      100%;
  height:     100%;
  left:       0;
  top:        0;
  background: rgba(255, 255, 255, 0.45);;
  z-index:    1100;
  display:    none;

}


#livelo-spinner .loader {
  
  position:            absolute;
  top:                 50%;
  left:                50%;
  width:               120px;
  height:              120px;
  border-radius:       50%;
  -webkit-perspective: 800px;
  perspective:         800px;
  -webkit-transform:   translate(-50%, -50%) rotate(25deg);
  transform:           translate(-50%, -50%) rotate(25deg);

}


#livelo-spinner .loader::before {

  content:           "";
  position:          absolute;
  left:              50%;
  top:               50%;
  -webkit-transform: translate(-50%, -50%) rotate(-25deg);
  transform:         translate(-50%, -50%) rotate(-25deg);
  width:             70px;
  height:            100%;
  background:        url(../images/favicon.livelop.png) center center no-repeat;
  background-size:   contain;

}


#livelo-spinner .inner {

  position:           absolute;
  -webkit-box-sizing: border-box;
  box-sizing:         border-box;
  width:              100%;
  height:             100%;
  border-radius:      50%;

}


#livelo-spinner .inner.one {

  left:              0%;
  top:               0%;
  -webkit-animation: rotate-one 1s linear infinite;
  animation:         rotate-one 1s linear infinite;
  border-bottom:     3px solid #ea0480;

}

#livelo-spinner .inner.two {
  right: 0%;
  top: 0%;
  -webkit-animation: rotate-two 1s linear infinite;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid #242284;
}

#livelo-spinner .inner.three {
  right: 0%;
  bottom: 0%;
  -webkit-animation: rotate-three 1s linear infinite;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid #751682;
}

@-webkit-keyframes rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@-webkit-keyframes rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@-webkit-keyframes rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

@keyframes rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}