/**--------------------------------------
 * @package     ruxin_preloader - Ruxin Preloader
 * @copyright   Copyright (C) 2020 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later.
 * ---------------------------------------**/

#ruxin_preloader {
	width: 100% !important;
	height: 100% !important;
	z-index: 99999;
	position: fixed;
	background: #ff4949;
	text-align: center;
	top: 0;
	left: 0;
}
#ruxin_preloader img {
	padding: 0;
	margin: 0 auto 30px;
	display: table;
}
#ruxin_preloader h4 {
	color: #fff;
	font-size: 16px;
}

.loader{
	width: 56px;
	height: 50px;
	margin: 90px auto 40px;
	position: relative;
	perspective: 100px;
	perspective-origin: 50% 100%;
	transform-style: preserve-3d;
	transform: translateZ(-1px);
}
.loader .loader-inner{
	width: 50%;
	height: 100%;
	background: #fff;
	border: 3px solid #000000;
	position: absolute;
	right: 0;
	transform-origin: 0% 100%;
}
.loader .loader-inner:first-child{
	left: 0;
}
.loader .loader-inner hr{
	margin: 3px 3px 6px;
	border: 1px solid rgba(105, 104, 104, 0.9);
}
.loader .loader-inner.box{
	-webkit-animation: loading-1 3.6s infinite ease-in-out;
	animation: loading-1 3.6s infinite ease-in-out;
}
.loader .loader-inner.box-1{
	animation-delay: .2s;
}
.loader .loader-inner.box-2{
	animation-delay: .4s;
}
.loader .loader-inner.box-3{
	animation-delay: 0.6s;
}
.loader .loader-inner.box-4{
	animation-delay: 0.8s;
}
.loader .loader-inner.box-5{
	animation-delay: 1.8s;
}
.loader .loader-inner.box-6{
	animation-delay: 2.2s;
}
@-webkit-keyframes loading-1{
	25%,100%{
		transform: translateX(3px) rotateY(-180deg);
	}
}
@keyframes loading-1{
	25%,100%{
		transform: translateX(3px) rotateY(-180deg);
	}
}