.spinner {position:absolute;margin:0 auto;width:100%;height:90%;background-color:transparent;text-align:center;font-size:10px;top:2px;right:0;z-index:111;cursor:inherit;}.spinner > div {height:100%;width:7px; margin:0 3px 0 0; background-color:#FFFFFF; display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out;}.spinner .rect2 {-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}.spinner .rect3 {-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}.spinner .rect4 {-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}.spinner .rect5 {-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}@-webkit-keyframes sk-stretchdelay {0%, 40%, 100% { -webkit-transform:scaleY(0.4) }20% { -webkit-transform:scaleY(1.0) }}@keyframes sk-stretchdelay {0%, 40%, 100% { transform:scaleY(0.4);-webkit-transform:scaleY(0.4);}20% { transform:scaleY(1.0);-webkit-transform:scaleY(1.0);}}.sk-circle {position:absolute;margin:0 auto;width:100%;height:100%;background:rgba(255, 255, 255, 0.8);text-align:center;font-size:10px;top:0;right:0;z-index:111;cursor:inherit;}.sk-circle .sk-child {width:100%;height:100%;position:absolute;left:0;top:0;}.sk-circle .sk-child:before {content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#0084BF;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;}.sk-circle .sk-circle2 {-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg); }.sk-circle .sk-circle3 {-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg); }.sk-circle .sk-circle4 {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg); }.sk-circle .sk-circle5 {-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg); }.sk-circle .sk-circle6 {-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg); }.sk-circle .sk-circle7 {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); }.sk-circle .sk-circle8 {-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg); }.sk-circle .sk-circle9 {-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg); }.sk-circle .sk-circle10 {-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg); }.sk-circle .sk-circle11 {-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg); }.sk-circle .sk-circle12 {-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg); }.sk-circle .sk-circle2:before {-webkit-animation-delay:-1.1s;animation-delay:-1.1s; }.sk-circle .sk-circle3:before {-webkit-animation-delay:-1s;animation-delay:-1s; }.sk-circle .sk-circle4:before {-webkit-animation-delay:-0.9s;animation-delay:-0.9s; }.sk-circle .sk-circle5:before {-webkit-animation-delay:-0.8s;animation-delay:-0.8s; }.sk-circle .sk-circle6:before {-webkit-animation-delay:-0.7s;animation-delay:-0.7s; }.sk-circle .sk-circle7:before {-webkit-animation-delay:-0.6s;animation-delay:-0.6s; }.sk-circle .sk-circle8:before {-webkit-animation-delay:-0.5s;animation-delay:-0.5s; }.sk-circle .sk-circle9:before {-webkit-animation-delay:-0.4s;animation-delay:-0.4s; }.sk-circle .sk-circle10:before {-webkit-animation-delay:-0.3s;animation-delay:-0.3s; }.sk-circle .sk-circle11:before {-webkit-animation-delay:-0.2s;animation-delay:-0.2s; }.sk-circle .sk-circle12:before {-webkit-animation-delay:-0.1s;animation-delay:-0.1s; }@-webkit-keyframes sk-circleBounceDelay {0%, 80%, 100% {-webkit-transform:scale(0);transform:scale(0);} 40% {-webkit-transform:scale(1);transform:scale(1);}}@keyframes sk-circleBounceDelay {0%, 80%, 100% {-webkit-transform:scale(0);transform:scale(0);} 40% {-webkit-transform:scale(1);transform:scale(1);}}