/******************************
	Rsi Preloader
*******************************/

.rsi-preloader{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(4,25,29,.7)),color-stop(20%,rgba(4,25,29,.7)));
	background-image:linear-gradient(180deg,rgba(4,25,29,.7) 0%,rgba(4,25,29,.7) 20%)
}

.rsi-preloader .rsi-preloader-inner{
	position:fixed;
	z-index:99999;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.rsi-preloader .rsi-preloader-inner .rsi-preloader-icon{
	position:absolute;
	-webkit-transform:scale(.5);
	transform:scale(.5);
	width:80px;
	height:80px;
	top:75%;
	left:calc(50% - 40px);
	margin:0 auto
}
.rsi-preloader .rsi-preloader-inner .rsi-preloader-icon span{
	position:absolute;
	border:6px solid #f39c12;
	border-top:6px solid transparent;
	border-radius:999px
}
.rsi-preloader .rsi-preloader-inner .rsi-preloader-icon span:nth-child(1){
	width:80px;
	height:80px;
	-webkit-animation:rsi-preloader-spin-1 2s infinite linear;
	animation:rsi-preloader-spin-1 2s infinite linear
}
.rsi-preloader .rsi-preloader-inner .rsi-preloader-icon span:nth-child(2){
	top:20px;
	left:20px;
	width:40px;
	height:40px;
	-webkit-animation:rsi-preloader-spin-2 1s infinite linear;
	animation:rsi-preloader-spin-2 1s infinite linear
}
@-webkit-keyframes rsi-preloader-spin-1{
	0%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
		opacity:1
	}
	50%{
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
		opacity:.5
	}
	100%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
		opacity:1
	}
	
}
@keyframes rsi-preloader-spin-1{
	0%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
		opacity:1
	}
	50%{
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
		opacity:.5
	}
	100%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
		opacity:1
	}
	
}
@-webkit-keyframes rsi-preloader-spin-2{
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
		opacity:.5
	}
	50%{
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
		opacity:1
	}
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
		opacity:.5
	}
	
}
@keyframes rsi-preloader-spin-2{
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
		opacity:.5
	}
	50%{
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
		opacity:1
	}
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
		opacity:.5
	}
	
}