.loader {border: 16px solid #ccc; border-top: 16px solid #fff; border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; margin-left:auto; margin-right:auto;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

.shake777 {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  border:1px solid #cc0000 !important;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(20px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-40px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(40px, 0, 0);
  }
}

.buttonLoader
{
    background-image:url('/https/www.corny.ee/svg-loaders/spinning-circles.svg');
    background-size: 20px 20px;
    background-repeat:no-repeat;
    background-position: center;
    min-width:57px;
	text-indent: -9999px;
}
.search .c-btn.buttonLoader {min-width: 0; width: 48px;}