#preload {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
}
.row{
	position: relative;
}
.preload,.preload .loader {
	display:flex;align-content:center
}
.preload{
	height:100%;
	width:100%;
	padding:20px 0;
	flex-flow:column wrap;
	justify-content:center;
	align-items:center;
	background: rgba(255, 255, 2055, 0.7);
    position: absolute;
    z-index: 1000;
}
.preload .loader{
	text-align:center;
	margin:5px;
	border-radius:50%;
	border:4px solid #ff8b00;
	flex-flow:column wrap;
	justify-content:center;
	align-items:center;
	transform-style:preserve-3d;
	position:relative
}
.preload .preload .loader-inner-1{
	animation:change_first_circle 2s ease-in-out infinite
}
.preload .loader-inner-2{
	animation:change_second_circle 2s ease-in-out infinite
}
.preload .loader-inner-3{
	width:100px;height:100px;
	animation:change_last_circle 3s linear infinite
}
@keyframes change_first_circle{
    50%{transform:rotateX(360deg) scale(.8)}
}
@keyframes change_second_circle{
    50%{transform:rotateY(360deg) scale(.8)}
}
@keyframes change_last_circle{
    50%{transform:rotateX(360deg) scale(.8)}
}