#loading
{	position:relative; width:20px; height:20px; }
#loading .fin
{	position:absolute; top:37%; left:44.5%; width:10%; height:25%;
    background-color: #8e8e93;
    border-radius: 50%/20%;
    animation: fin 1s linear infinite;
    will-change:opacity;
}
#loading .fin:nth-child(1)
{	transform:rotate(30deg) translate(0, -150%); animation-delay: -1.6666666667s; }
#loading .fin:nth-child(2)
{	transform:rotate(60deg) translate(0, -150%); animation-delay: -1.5833333333s; }
#loading .fin:nth-child(3)
{	transform:rotate(90deg) translate(0, -150%); animation-delay: -1.5s; }
#loading .fin:nth-child(4)
{	transform:rotate(120deg) translate(0, -150%); animation-delay: -1.4166666667s; }
#loading .fin:nth-child(5)
{	transform:rotate(150deg) translate(0, -150%); animation-delay: -1.3333333333s; }
#loading .fin:nth-child(6)
{	transform:rotate(180deg) translate(0, -150%); animation-delay: -1.25s; }
#loading .fin:nth-child(7)
{	transform:rotate(210deg) translate(0, -150%); animation-delay: -1.1666666667s; }
#loading .fin:nth-child(8)
{	transform:rotate(240deg) translate(0, -150%); animation-delay: -1.0833333333s; }
#loading .fin:nth-child(9)
{	transform:rotate(270deg) translate(0, -150%); animation-delay: -1s; }
#loading .fin:nth-child(10)
{	transform:rotate(300deg) translate(0, -150%); animation-delay: -0.9166666667s; }
#loading .fin:nth-child(11)
{	transform:rotate(330deg) translate(0, -150%); animation-delay: -0.8333333333s; }
#loading .fin:nth-child(12)
{	transform:rotate(360deg) translate(0, -150%); animation-delay: -0.75s; }
    
@keyframes fin
{	0% { opacity: 0.85; }
	50% { opacity: 0.25; }
	100% { opacity: 0.25; }
}
/*.ispinner.ispinner-large { width: 35px; height: 35px; }
.ispinner.ispinner-large .ispinner-blade { width: 8.5714285714%; height: 25.7142857143%; border-radius: 50%/16.67%; }*/