.container_loading {
			/* display: flex; */
			/* outline: solid blue; */
			background-color: #C4C4C4;
			bottom: 0;
			display: none;
			font-family: Helvetica;
			left: 0;
			opacity: .8;
			position: fixed;
			right: 0; 
			top: 0;
			z-index: 100;
		}

		.loading {
			/* outline: solid red; */
			/* width: 500px; */
			height: 50px;
			margin: 20% auto;
			width: 300px;
			/* position: absolute; */
			/* top: 50%; */
			/* left: 50%; */
		}
		.loading--dot {
			animation-name: loader;
			animation-timing-function: ease-in-out;
			animation-duration: 3s;
			animation-iteration-count: infinite;
			height: 20px;
			width: 20px;
			margin-top: -30px;
			border-radius: 100%;
			background-color: black;
			position: absolute;
			text-align: center;
			border: 2px solid white;
		}
		.loading--dot:first-child {
			background-color: #E74C3C;
			animation-delay: 0.5s;
		}
		.loading--dot:nth-child(2) {
			background-color: #34495e;
			animation-delay: 0.4s;
		}
		.loading--dot:nth-child(3) {
			background-color: #E74C3C;
			animation-delay: 0.3s;
		}
		.loading--dot:nth-child(4) {
			background-color: #34495e;
			animation-delay: 0.2s;
		}
		.loading--dot:nth-child(5) {
			background-color: #E74C3C;
			animation-delay: 0.1s;
		}
		.loading--dot:nth-child(6) {
			background-color: #34495e;
			animation-delay: 0s;
		}
		/* .loading--text {
			position: absolute;

		} */
		/* .loading--text:first-child {
			animation-delay: 0.8s;
			opacity: 0;
		}
		.loading--text:nth-child(2) {
			animation-delay: 0.7s;
			opacity: 0;
		}
		.loading--text:nth-child(3) {
			animation-delay: 0.6s;
			opacity: 0;
		}
		.loading--text:nth-child(4) {
			animation-delay: 5s;
			opacity: 0;
		} */
		.loading--text {
			/* content: ""; */
			/* height: 20px; */
			/* outline: solid green; */
			animation-duration: 3s;
			animation-iteration-count: infinite;
			animation-name: loading-text;
			animation-timing-function: ease-in-out;
			font-size: 2em;
			font-weight: bold;
			margin: 20px auto;
			position: absolute;
			text-align: center;
			width: 350px;
			/* width: 8rem; */
		}

		@keyframes loader {
			15% {
				transform: translateX(0);
			}
			45% {
				transform: translateX(280px);
			}
			65% {
				transform: translateX(280px);
			}
			95% {
				transform: translateX(0);
			}
		}
		@keyframes loading-text {
			0% {
				color: #E74C3C;
				/* opacity: 0; */
			}
			25% {
				color: #34495e;
				/* opacity: 0.5; */
			}
			50% {
				color: #8870FF;
				/* opacity: 0.7; */
			}
			75% {
				color: #000000;
				/* opacity: 1; */
			}
		}