@charset "UTF-8";

#spinner {
    margin:0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    background:rgba(255,255,255,.7);
    z-index: 11000;
    text-align: center;
    display: none;
}
.spinner #spinner {
    display: block;
}

#spinner span {
    width:6.4rem; height:6.4rem;
    position:absolute; top:40%; left:50%;
    -ms-transform:translate(-50%,-40%);
    -webkit-transform:translate(-50%,-40%);
    -moz-transform:translate(-50%,-40%);
    -o-transform:translate(-50%,-40%);
    transform:translate(-50%,-40%);
}

#spinner span:after {
    position:absolute; bottom:-8rem; left:50%;
    -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    display:block; content:"";
    white-space:nowrap;
    text-align:center;
    font-size:1.8rem;
    color:#1b60ab;
}

#spinner span img {
    width:9rem; height:9rem;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }