/*animation: */

.loader {border: 8px solid #f3f3f3;border-top: 8px solid #3498db;border-radius: 50%;width: 100px;height: 100px;animation: spin 1s linear infinite;}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

@keyframes fadeSwap {
0% { opacity: 0; }
25% { opacity: 1; }
50% { opacity: 1; }
75% { opacity: 0; }
100% { opacity: 0; }
}

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

@keyframes blinkingText{
0%{color:#ff8c00}
25%{color:#f53065}
100%{color:#ff8c00}
}

@keyframes pulse{
0%{-moz-box-shadow:0 0 0 0 rgba(11,41,83,.4);box-shadow:0 0 0 0 rgba(11,41,83,.4);-webkit-transform:scaleX(1) translateY(-50%);transform:scaleX(1) translateY(-50%)}
50%{-moz-box-shadow:0 0 0 10px rgba(11,41,83,0);box-shadow:0 0 0 10px rgba(11,41,83,0);-webkit-transform:scale3d(1.05,1.05,1.05) translateY(-50%);transform:scale3d(1.05,1.05,1.05) translateY(-50%)}
100%{-moz-box-shadow:0 0 0 0 rgba(11,41,83,0);box-shadow:0 0 0 0 rgba(11,41,83,0);-webkit-transform:scaleX(1) translateY(-50%);transform:scaleX(1) translateY(-50%)}
}

@keyframes animatezoom{
from{transform:scale(0)}
to{transform:scale(1)}
}

@keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1; text-shadow:0 0 2px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #0ba9ca,0 0 70px #0ba9ca,0 0 80px #0ba9ca}
}

@-webkit-keyframes ball-fall{
0%{opacity: 0;-webkit-transform: translateY(-145%);transform: translateY(-145%);}
10%{opacity: .5;}
20%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
80%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
90%{opacity: .5;}
100%{opacity: 0;-webkit-transform: translateY(145%);transform: translateY(145%);}
}

@-moz-keyframes ball-fall{
0%{opacity: 0;-moz-transform: translateY(-145%);transform: translateY(-145%);}
10%{opacity: .5;}
20%{opacity: 1;-moz-transform: translateY(0);transform: translateY(0);}
80%{opacity: 1;-moz-transform: translateY(0);transform: translateY(0);}
90%{opacity: .5;}
100%{opacity: 0;-moz-transform: translateY(145%);transform: translateY(145%);}
}

@-o-keyframes ball-fall{
0%{opacity: 0;-o-transform: translateY(-145%);transform: translateY(-145%);}
10%{opacity: .5;}
20%{opacity: 1;-o-transform: translateY(0);transform: translateY(0);}
80%{opacity: 1;-o-transform: translateY(0);transform: translateY(0);}
90%{opacity: .5;}
100%{opacity: 0;-o-transform: translateY(145%);transform: translateY(145%);}
}

@keyframes ball-fall{
0%{opacity: 0;-webkit-transform: translateY(-145%);-moz-transform: translateY(-145%);-o-transform: translateY(-145%);transform: translateY(-145%);}
10%{opacity: .5;}
20%{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
80%{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
90%{opacity: .5;}
100%{opacity: 0;-webkit-transform: translateY(145%);-moz-transform: translateY(145%);-o-transform: translateY(145%);transform: translateY(145%);}
}