@keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0px; }
  30% {
    left: 110%;
    margin-left: 80px; }
  100% {
    left: 110%;
    margin-left: 80px; } }

@keyframes shine {
  0% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@keyframes shine2 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes blink {
  from {
    transform: scale(0);
    opacity: 1; }
  50% {
    transform: scale(1);
    opacity: 0.8; }
  to {
    transform: scale(2);
    opacity: 0; } }

@keyframes nxt {
  from {
    transform: translateX(-0.1rem); }
  to {
    transform: translateX(0.1rem); } }

@keyframes pulsation {
  0% {
    opacity: 1;
    transform: scale(0); }
  75% {
    opacity: 0.6;
    transform: scale(0.75); }
  100% {
    opacity: 0;
    transform: scale(1); } }

@keyframes floating {
  0% {
    transform: translateY(0em); }
  100% {
    transform: translateY(0.8em); } }

@keyframes roll {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes pulse1 {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--main-color), 0.6); }
  70% {
    box-shadow: 0 0 0 1rem rgba(var(--main-color), 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--main-color), 0); } }

@keyframes pulse3 {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 146, 255, 0.6); }
  70% {
    box-shadow: 0 0 0 0.7rem rgba(0, 146, 255, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 146, 255, 0); } }

@keyframes progres {
  from {
    background-position: 0 0, 0 0; }
  to {
    background-position: 2000px 0, 0 0; } }

@keyframes moveIt {
  from {
    background-position: 0 center; }
  to {
    background-position: 2.49rem center; } }

@keyframes scale {
  from {
    transform: scale(1.3); }
  to {
    transform: scale(1); } }

@keyframes scale2 {
  from {
    transform: scale(1.1); }
  to {
    transform: scale(1); } 
}








@-webkit-keyframes progress_bar {
0% {
background-position: -52.0833333333vw center;
}
50% {
background-position: 0 center;
}
100% {
background-position: 52.0833333333vw center;
}
}
@keyframes progress_bar {
0% {
background-position: -52.0833333333vw center;
}
50% {
background-position: 0 center;
}
100% {
background-position: 52.0833333333vw center;
}
}
@-webkit-keyframes pulse_1 {
0% {
-webkit-transform: translateY(-50%) scale(0.8);
transform: translateY(-50%) scale(0.8);
opacity: 0.8;
}
100% {
-webkit-transform: translateY(-50%) scale(3.5);
transform: translateY(-50%) scale(3.5);
opacity: 0;
}
}
@keyframes pulse_1 {
0% {
-webkit-transform: translateY(-50%) scale(0.8);
transform: translateY(-50%) scale(0.8);
opacity: 0.8;
}
100% {
-webkit-transform: translateY(-50%) scale(3.5);
transform: translateY(-50%) scale(3.5);
opacity: 0;
}
}
@-webkit-keyframes pulse_2 {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
}
100% {
-webkit-transform: scale(3.5);
transform: scale(3.5);
opacity: 0;
}
}
@keyframes pulse_2 {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
}
100% {
-webkit-transform: scale(3.5);
transform: scale(3.5);
opacity: 0;
}
}
@-webkit-keyframes pulse_2_small {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
}
100% {
-webkit-transform: scale(1.7);
transform: scale(1.7);
opacity: 0;
}
}
@keyframes pulse_2_small {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
}
100% {
-webkit-transform: scale(1.7);
transform: scale(1.7);
opacity: 0;
}
}
@-webkit-keyframes video_pulse_big {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
}
100% {
-webkit-transform: scale(1.7);
transform: scale(1.7);
opacity: 0;
}
}
@keyframes video_pulse_big {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
}
100% {
-webkit-transform: scale(1.7);
transform: scale(1.7);
opacity: 0;
}
}
@-webkit-keyframes video_pulse_small {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
opacity: 0.8;
}
100% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}
}
@keyframes video_pulse_small {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
opacity: 0.8;
}
100% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}
}
@-webkit-keyframes pulse_3 {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes pulse_3 {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes wave_1 {
0% {
opacity: 1;
}
25% {
opacity: 0.75;
}
50% {
opacity: 0.25;
}
75% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@keyframes wave_1 {
0% {
opacity: 1;
}
25% {
opacity: 0.75;
}
50% {
opacity: 0.25;
}
75% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes wave_2 {
0% {
opacity: 0.75;
}
25% {
opacity: 1;
}
50% {
opacity: 0.75;
}
75% {
opacity: 0.5;
}
100% {
opacity: 0.75;
}
}
@keyframes wave_2 {
0% {
opacity: 0.75;
}
25% {
opacity: 1;
}
50% {
opacity: 0.75;
}
75% {
opacity: 0.5;
}
100% {
opacity: 0.75;
}
}
@-webkit-keyframes wave_3 {
0% {
opacity: 0.5;
}
25% {
opacity: 0.75;
}
50% {
opacity: 1;
}
75% {
opacity: 0.75;
}
100% {
opacity: 0.5;
}
}
@keyframes wave_3 {
0% {
opacity: 0.5;
}
25% {
opacity: 0.75;
}
50% {
opacity: 1;
}
75% {
opacity: 0.75;
}
100% {
opacity: 0.5;
}
}
@-webkit-keyframes wave_4 {
0% {
opacity: 0.5;
}
25% {
opacity: 0.75;
}
50% {
opacity: 1;
}
75% {
opacity: 0.75;
}
100% {
opacity: 0.5;
}
}
@keyframes wave_4 {
0% {
opacity: 0.5;
}
25% {
opacity: 0.75;
}
50% {
opacity: 1;
}
75% {
opacity: 0.75;
}
100% {
opacity: 0.5;
}
}
@-webkit-keyframes blick {
0% {
left: -80%;
}
100% {
left: 160%;
}
}
@keyframes blick {
0% {
left: -80%;
}
100% {
left: 160%;
}
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}