.preloader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 9999!important;
	color: red;
	vertical-align: middle;
}
.preloaderContent {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	text-align: center;
    transform: translateX(-50%);
    margin-top: -32px;
	display: inline-block;
}
.preloader .preloaderContent img {
	margin-bottom: 0rem;
	position: relative;
	height: 5rem;
}
.load-bar {
    position: relative;
    margin-top: 20px;
    width: 100%;
    height: 3px;
}
.preloader .bar {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    top: 0;
    transition: width 0.5s linear;

}
.preloader .bar:nth-child(1) {
	right: 50%;
    animation: loadingOne 2s linear infinite;
}
.preloader .bar:nth-child(2) {
	left: 50%;
    animation: loadingTwo 2s linear infinite;
}

@keyframes loadingOne {
    0%   {width: 0;}
    50%  {width: 50%;}
    100% {width: 0; left: 0; right: auto;}
}

@keyframes loadingTwo {
    0%   {width: 0;}
    50%  {width: 50%;}
    100% {width: 0; right: 0; left: auto;}
}

.ic.preloader .logos .inverted-colors,
.nc.preloader .logos .normal-colors { 
	display: block;
}
.ic.preloader .logos .normal-colors,
.nc.preloader .logos .inverted-colors {
	display: none;
}