.backdropLoader{margin:15px auto;width:40px;height:40px;position:relative}.backdropLoader .cicle{width:100%;height:100%;position:absolute;left:0;top:0}.backdropLoader .cicle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;animation:cicleFadeDelay 1.2s ease-in-out infinite both}.backdropLoader .cicle2{transform:rotate(30deg)}.backdropLoader .cicle3{transform:rotate(60deg)}.backdropLoader .cicle4{transform:rotate(90deg)}.backdropLoader .cicle5{transform:rotate(120deg)}.backdropLoader .cicle6{transform:rotate(150deg)}.backdropLoader .cicle7{transform:rotate(180deg)}.backdropLoader .cicle8{transform:rotate(210deg)}.backdropLoader .cicle9{transform:rotate(240deg)}.backdropLoader .cicle10{transform:rotate(270deg)}.backdropLoader .cicle11{transform:rotate(300deg)}.backdropLoader .cicle12{transform:rotate(330deg)}.backdropLoader .cicle2:before{animation-delay:-1.1s}.backdropLoader .cicle3:before{animation-delay:-1s}.backdropLoader .cicle4:before{animation-delay:-.9s}.backdropLoader .cicle5:before{animation-delay:-.8s}.backdropLoader .cicle6:before{animation-delay:-.7s}.backdropLoader .cicle7:before{animation-delay:-.6s}.backdropLoader .cicle8:before{animation-delay:-.5s}.backdropLoader .cicle9:before{animation-delay:-.4s}.backdropLoader .cicle10:before{animation-delay:-.3s}.backdropLoader .cicle11:before{animation-delay:-.2s}.backdropLoader .cicle12:before{animation-delay:-.1s}@keyframes cicleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}