.wc-loading { position:absolute; display:block; width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:19891017; background-color:#fff } .wc-loading.close { animation: close 1s; -webkit-animation: close 1s; animation-fill-mode: forwards; } .ball-loader{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%) } .ball-loader>span, .signal-loader>span { background-color: #4aca85; display:inline-block } .wc-loading.orange_theme .ball-loader>span, .signal-loader>span{ background-color: #FF4806; } .wc-loading.blue_theme .ball-loader>span, .signal-loader>span{ background-color: #2D8CF0; } .ball-loader>span:nth-child(1), .ball-loader.sm>span:nth-child(1), .signal-loader>span:nth-child(1), .signal-loader.sm>span:nth-child(1) { -webkit-animation-delay:0s; animation-delay:0s } .ball-loader>span:nth-child(2), .ball-loader.sm>span:nth-child(2), .signal-loader>span:nth-child(2), .signal-loader.sm>span:nth-child(2) { -webkit-animation-delay:.1s; animation-delay:.1s } .ball-loader>span:nth-child(3), .ball-loader.sm>span:nth-child(3), .signal-loader>span:nth-child(3), .signal-loader.sm>span:nth-child(3) { -webkit-animation-delay:.15s; animation-delay:.15s } .ball-loader>span:nth-child(4), .ball-loader.sm>span:nth-child(4), .signal-loader>span:nth-child(4), .signal-loader.sm>span:nth-child(4) { -webkit-animation-delay:.2s; animation-delay:.2s } .ball-loader>span { width:20px; height:20px; margin:0 3px; border-radius:50%; transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); animation:ball-load 1s ease-in-out infinite; -webkit-animation:1s ball-load ease-in-out infinite } @-webkit-keyframes ball-load { 0% { transform:scale(0); -webkit-transform:scale(0) } 50% { transform:scale(1); -webkit-transform:scale(1) } 100% { transform:scale(0); -webkit-transform:scale(0) } } @keyframes ball-load { 0% { transform:scale(0); -webkit-transform:scale(0) } 50% { transform:scale(1); -webkit-transform:scale(1) } 100% { transform:scale(0); -webkit-transform:scale(0) } } @-webkit-keyframes close { 0% { opacity: 1; /*display: block;*/ } 100% { opacity: 0; /*display: none;*/ } }