.spinner_hol{
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 100000;
}


.sslider {
  width: 140px;
  height: 140px;
  position: absolute;
border-radius: 50%;
top: 50%;
left: 50%;
margin-top: -70px;
margin-left: -70px;

}
.sslider img{
  height: 56px;
}


.sslider:before{
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
 
    content: "";
    z-index: -1;
border-radius: 50%;

}
.sslider:after{
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
 
    content: "";
    z-index: -1;
border-radius: 50%;

}

.sslider:before{
    -webkit-animation: mymove .5s infinite linear; /* Chrome, Safari, Opera */
    animation: mymove .5s infinite linear;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);

    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}





.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 1;
}
.slide1:before,
.slide2:before,
.slide3:before,
.slide4:before{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    content: "";
    border-radius: 50%;
}

.slide1 {
  background: url("../images/spineer/1.jpg") no-repeat center;
      background-size: cover;
    animation:fade 1s infinite;
-webkit-animation:fade 1s infinite;

} 
.slide2 {
 background: url("../images/spineer/2.jpg") no-repeat center;
      background-size: cover;
    animation:fade2 1s infinite;
-webkit-animation:fade2 1s infinite;
}
.slide3 {
   background: url("../images/spineer/3.jpg") no-repeat center;
      background-size: cover;
    animation:fade3 1s infinite;
-webkit-animation:fade3 1s infinite;
}

.sp_logo{
   position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -42px;
  margin-top: -28px;
  z-index: 1;


}
.sp_logo img {
  width:650px;
}
@-webkit-keyframes fade
{
  0%   {opacity:1;filter: alpha(opacity=100)}
  33.333% { opacity: 0; filter: alpha(opacity=0)}
  66.666% { opacity: 0; filter: alpha(opacity=0)}
  100% { opacity: 1; filter: alpha(opacity=100)}
}
@keyframes fade
{
  0%   {opacity:1;filter: alpha(opacity=100)}
  33.333% { opacity: 0; filter: alpha(opacity=0)}
  66.666% { opacity: 0; filter: alpha(opacity=0)}
  100% { opacity: 1; filter: alpha(opacity=100)}
}


@-webkit-keyframes fade2
{
  0%   {opacity:0;filter: alpha(opacity=0)}
  33.333% { opacity: 1; filter: alpha(opacity=100)}
  66.666% { opacity: 0; filter: alpha(opacity=0) }
  100% { opacity: 0; filter: alpha(opacity=0)}
}
@keyframes fade2
{
  0%   {opacity:0;filter: alpha(opacity=0)}
  33.333% { opacity: 1; filter: alpha(opacity=100)}
  66.666% { opacity: 0; filter: alpha(opacity=0) }
  100% { opacity: 0; filter: alpha(opacity=0)}
}
@-webkit-keyframes fade3
{
  0%   {opacity:0;filter: alpha(opacity=0)}
  33.333% { opacity: 0; filter: alpha(opacity=0)}
  66.666% { opacity: 1; filter: alpha(opacity=100)}
  100% { opacity: 0; filter: alpha(opacity=0)}
}
@keyframes fade3
{
  0%   {opacity:0;filter: alpha(opacity=0)}
  33.333% { opacity: 0; filter: alpha(opacity=0)}
  66.666% { opacity: 1; filter: alpha(opacity=100)}
  100% { opacity: 0; filter: alpha(opacity=0)}
}