.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace.pace-inactive .pace-progress {
	display: none;
}

.pace .pace-progress {
	position: fixed;
	z-index: 2000;
	bottom: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	background-color: #fff;

	-webkit-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}
.pace .pace-progress-inner:before{
	left: 0;
    top: 0;
    position: absolute;
    content: "";
	width: 100%;
	height:100%;
	background-image: url("/assets/img/load-background.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.pace .pace-progress-inner{
	width: 100%;
	height:100%;
}

.pace .pace-progress:after {
	display: block;
	position: absolute;
	bottom: 150px;
	left: 150px;
	content: attr(data-progress-text);
	font-family: 'Canaro', sans-serif;
	font-weight: 100;
	font-size: 32px;
	line-height: 1;
	text-align: left;
	color: #002b49;
}

.custom-preloader {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 2000;
}
.custom-preloader svg{
	width:300px;
	padding-bottom:100px;
}
.custom-preloader #logo_1{
	animation: blink 1.5s ease infinite;
}
.custom-preloader #logo_2{
	animation: blink 1.5s 250ms ease infinite;
}
.custom-preloader #logo_3{
	animation: blink 1.5s 500ms ease infinite;
}
.custom-preloader #logo_4{
	animation: blink 1.5s 750ms ease infinite;
}
.hide-preloader{
	display:none;
}

@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: .5; }
	100% { opacity: 1; }
  }