.loading{margin:25vh auto;width:80px;height:80px;position:relative}.loading .circle{width:100%;height:100%;position:absolute;left:0;top:0}.loading .circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both}.loading .circle2{transform:rotate(30deg)}.loading .circle3{transform:rotate(60deg)}.loading .circle4{transform:rotate(90deg)}.loading .circle5{transform:rotate(120deg)}.loading .circle6{transform:rotate(150deg)}.loading .circle7{transform:rotate(180deg)}.loading .circle8{transform:rotate(210deg)}.loading .circle9{transform:rotate(240deg)}.loading .circle10{transform:rotate(270deg)}.loading .circle11{transform:rotate(300deg)}.loading .circle12{transform:rotate(330deg)}.loading .circle2:before{animation-delay:-1.1s}.loading .circle3:before{animation-delay:-1s}.loading .circle4:before{animation-delay:-.9s}.loading .circle5:before{animation-delay:-.8s}.loading .circle6:before{animation-delay:-.7s}.loading .circle7:before{animation-delay:-.6s}.loading .circle8:before{animation-delay:-.5s}.loading .circle9:before{animation-delay:-.4s}.loading .circle10:before{animation-delay:-.3s}.loading .circle11:before{animation-delay:-.2s}.loading .circle12:before{animation-delay:-.1s}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}