#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;    background: #fff;
}
 
.qodef-smooth-transition-loader {
    background-color: #fff;
}
.qodef-st-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2100;
    line-height: 0;
}
.qodef-st-loader1 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.overlapping-diamonds {
    width: 20px;
    height: 20px;
    transform: rotate(-45deg);
    margin-top: -10px;
}
.overlapping-diamonds-first {
    background: #0b3742;
    right: 0;
    bottom: 0;
    animation-direction: alternate-reverse !important;
}
.overlapping-diamonds-part {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 1;
    animation: part-anim .8s cubic-bezier(.445,.05,.55,.95) infinite alternate;
}
.overlapping-diamonds-second {
    background: #f5ad0d;
    left: 0;
    top: 0;
}
.overlapping-diamonds-part {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 1;
    animation: part-anim .8s cubic-bezier(.445,.05,.55,.95) infinite alternate;
}
.overlapping-diamonds-blend {
    background: #ede8e5;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    animation: blend-anim .8s ease-in infinite;
}
@keyframes blend-anim {
	0% {
		transform: scale(.01, .01) rotateY(0);
		animation-timing-function: cubic-bezier(.47, 0, .745, .715)
	}

	50% {
		transform: scale(1, 1) rotateY(0);
		animation-timing-function: cubic-bezier(.39, .575, .565, 1)
	}

	100% {
		transform: scale(.01, .01) rotateY(0)
	}
}

@keyframes part-anim {
	0% {
		transform: translate3d(-10px, -10px, 0)
	}

	100% {
		transform: translate3d(10px, 10px, 0)
	}
}