transform-origin: 50% 50%;
transform-origin: 0 100%;
#loader .dot:nth-child(1) {animation: loading1 cubic-bezier(0.8,0,0.2,1) 1.7s infinite;}
#loader .dot:nth-child(2) {animation: loading2 cubic-bezier(0.8,0,0.2,1) 1.7s infinite;}
#loader .dot:nth-child(3) {animation: loading3 cubic-bezier(0.8,0,0.2,1) 1.7s infinite;}
#loader .dot:nth-child(4) {animation: loading4 cubic-bezier(0.8,0,0.2,1) 1.7s infinite;}
#loader .dot:nth-child(5) {animation: loading5 cubic-bezier(0.8,0,0.2,1) 1.7s infinite;}
#loader {animation: loading0 1.7s linear infinite;}
0% {transform: rotate(0deg);}
100% {transform: rotate(100deg);}
0%,40% {transform: rotate(-100deg);}
100% {transform: rotate(160deg);}
0%,30% {transform: rotate(-80deg);}
100% {transform: rotate(180deg);}
0%,20% {transform: rotate(-60deg);}
100% {transform: rotate(200deg);}
0%,10% {transform: rotate(-40deg);}
100% {transform: rotate(220deg);}
0% {transform: rotate(-20deg);}
100% {transform: rotate(240deg);}