.container {
	display: none;
}

.container.show {
	display: block;
}

.pageload-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	text-align: center;
}

.pageload-overlay.show {
	visibility: visible;
}

.pageload-overlay svg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.pageload-overlay-ios svg path {
	fill: #212121;
	/*fill : rgba(255, 235, 59, 0.77);*/
}

.pageload-overlay-android svg path {
	fill: #212121;
	/*fill : rgba(255, 235, 59, 0.77);*/
}

.pageload-overlay-logo{
	top: 30%;
	left: 50%;
	position: fixed;
	height: 180px;
	width: 180px;
	background-color: #212121;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: -75px 0 0 -75px;
	border-radius: 50%;	
	visibility: hidden;
	opacity: 0;
	z-index: 1000;
	/* background-color: white;
	border: 1px solid white; 
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; */
    -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
	transition: opacity 0.15s, visibility 0s 0.15s;
}

.pageload-overlay-title{
	top: 50%;
	left: 50%;
	margin: -14px 0 0 -62px;
  	font-weight: 600;
  	font-size: 24px;
  	color: #e0e0e0;
  	position: fixed;
  	z-index: 1000;
  	opacity: 0;
  	visibility: hidden;
  	-webkit-transition: opacity 0.15s, visibility 0s 0.15s;
	transition: opacity 0.15s, visibility 0s 0.15s;
}

.pageload-overlay::after,
.pageload-overlay::before {
	content: '';
	position: fixed;
	width: 20px;
	height: 20px;
	top: 55%;
	left: 50%;
	margin: -10px 0 0 -10px;
	border-radius: 50%;
	visibility: hidden;
	opacity: 0;
	z-index: 1000;
	-webkit-transition: opacity 0.15s, visibility 0s 0.15s;
	transition: opacity 0.15s, visibility 0s 0.15s;
}

.pageload-overlay::after {
	background: #6cc88a;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-animation: moveRight 0.6s linear infinite alternate;
	animation: moveRight 0.6s linear infinite alternate;
}

.pageload-overlay::before {
	background: #4fc3f7;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-animation: moveLeft 0.6s linear infinite alternate;
	animation: moveLeft 0.6s linear infinite alternate;
}

@-webkit-keyframes moveRight {
	to { -webkit-transform: translateX(20px); }
}

@keyframes moveRight {
	to { transform: translateX(20px); }
}

@-webkit-keyframes moveLeft {
	to { -webkit-transform: translateX(-20px); }
}

@keyframes moveLeft {
	to { transform: translateX(-20px); }
}

.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before,
.pageload-loading .pageload-overlay-logo,
.pageload-loading .pageload-overlay-title {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}