1#col {
2  width: 50%;
3  margin: 0 auto;
4}
5
6.loader {
7  content: ' ';
8  border: 5px solid #333;
9  border-radius: 30px;
10  height: 30px;
11  left: 50%;
12  margin: -15px 0 0 -15px;
13  opacity: 0;
14  position: absolute;
15  top: 50%;
16  width: 30px;
17  animation: pulsate 1s ease-out;
18  animation-iteration-count: infinite;
19}
20
21@keyframes pulsate {
22  0% {
23    transform: scale(.1);
24    opacity: 0.0;
25  }
26
27  50% {
28    opacity: 1;
29  }
30
31  100% {
32    transform: scale(1.2);
33    opacity: 0;
34  }
35}