@import url("https://fonts.googleapis.com/css?family=Raleway&display=swap");

/* PRELOADER CSS */
.page-loader {
    width: 100%;
    height: 100vh;
    position: fixed; /* Use fixed position to cover the entire viewport */
    top: 0;
    left: 0;
    background: rgba(39, 39, 39, 0.8); /* Semi-transparent background */
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-loader .txt {
    color: #a5a1a1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-weight: bold;
    line-height: 1.5;
    position: fixed;
}

/* SPINNER ANIMATION */
.spinner {
	position: relative;
	/* top: 35%; */
	width: 80px;
	height: 80px;
	margin: 0 auto;
	background-color: #fff;

	border-radius: 100%;
	-webkit-animation: sk-scaleout 1s infinite ease-in-out;
	animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
	0% {
		-webkit-transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}

@keyframes sk-scaleout {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}