.square-2 {
  background-color: #db9e36;
  .site-loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -75px;
    margin-left: -75px;
    .rotate(45deg);
  }
  .spinner {
    width: 20px;
    height: 20px;
    background-color:#FFF;
    position: absolute;
    left: 65px;
    top: 65px;
  }
  .spinner:nth-child(2n+0) {
    margin-right: 0;
  }
  #spinner_one {
    .animation(square-2-one 2s infinite);
    .animation-delay(0.2s);
  }

  #spinner_two {
    .animation(square-2-two 2s infinite);
    .animation-delay(0.3s);
  }

  #spinner_three {
    .animation(square-2-three 2s infinite);
    .animation-delay(0.4s);
  }

  #spinner_four {
    .animation(square-2-four 2s infinite);
    .animation-delay(0.5s);
  }

  #spinner_five {
    .animation(square-2-five 2s infinite);
    .animation-delay (0.6s);
  }

  #spinner_six {
    .animation(square-2-six 2s infinite);
    .animation-delay(0.7s);
  }

  #spinner_seven {
    .animation(square-2-seven 2s infinite);
    .animation-delay(0.8s);
  }

  #spinner_eight {
    .animation(square-2-eight 2s infinite);
    .animation-delay(0.9s);
  }

  #spinner_big{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50px;
    top: 50px;
    .animation(square-2-big 2s infinite);
    .animation-delay(0.5s);
  }

}

@-webkit-keyframes square-2-one {
  50% { -webkit-transform: translate(-65px,-65px)  ; }

}

@keyframes square-2-one {
  50% {
    transform: translate(-65px,-65px) ;
    -webkit-transform: translate(-65px,-65px) ;
  }

}

@-webkit-keyframes square-2-two {
  50% { -webkit-transform: translate(0,-65px) ; }
}

@keyframes square-2-two {
  50% {
    transform: translate(0,-65px) ;
    -webkit-transform: translate(0,-65px) ;
  }

}


@-webkit-keyframes square-2-three {
  50% { -webkit-transform: translate(65px,-65px) ; }
}

@keyframes square-2-three {
  50% {
    transform: translate(65px,-65px) ;
    -webkit-transform: translate(65px,-65px) ;
  }
}



@-webkit-keyframes square-2-four {

  50% { -webkit-transform: translate(65px,0) ; }

}

@keyframes square-2-four {
  50% {
    transform: translate(65px,0) ;
    -webkit-transform: translate(65px,0) ;
  }
}


@-webkit-keyframes square-2-five {

  50% { -webkit-transform: translate(65px,65px) ; }

}

@keyframes square-2-five {
  50% {
    transform: translate(65px,65px) ;
    -webkit-transform: translate(65px,65px) ;
  }
}


@-webkit-keyframes square-2-six {

  50% { -webkit-transform: translate(0,65px) ; }

}

@keyframes square-2-six {
  50% {
    transform:  translate(0,65px) ;
    -webkit-transform:  translate(0,65px) ;
  }

}

@-webkit-keyframes square-2-seven {

  50% { -webkit-transform: translate(-65px,65px) ; }

}

@keyframes square-2-seven {
  50% {
    transform: translate(-65px,65px) ;
    -webkit-transform: translate(-65px,65px) ;
  }

}

@-webkit-keyframes square-2-eight {

  50% { -webkit-transform: translate(-65px,0) ; }

}

@keyframes square-2-eight {
  50% {
    transform: translate(-65px,0) ;
    -webkit-transform: translate(-65px,0) ;
  }

}

@-webkit-keyframes square-2-big {
  50% { -webkit-transform: scale(0.5); }

}

@keyframes square-2-big {
  50% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }

}