.page-loader {

background: #fff;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 9999;
opacity: 1;

}

.page-loader-inner {

position: absolute;
width: 100%;
top: 50%;
left: 0;
padding: 20px;
transform: translateY(-50%);

}

.spinner {

position: relative;
height: 30px;
width: 30px;
margin: 100px auto;

}

.double-bounce1, .double-bounce2 {

position: absolute;
background-color: $primary;
border-radius: 50%;
opacity: .5;
height: 100%;
width: 100%;
left: 0;
top: 0;
animation: bounce 2s infinite ease-in-out;

}

.double-bounce2 {

animation-delay: -1s;

}

@keyframes bounce {

0%,
100% {
    transform: scale(0);
}

50% {
    transform: scale(1);
}

}