.mask-loading { position: fixed; z-index: 1000; widows: 100%; left: 50%; top: 50%; margin: -25px 0 0 -25px; } .spinner { width: 50px; height: 50px; position: relative; margin: 0 auto; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .bg_loader{ background: #F6A45D; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }