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

body .tst-main-overlay{
	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%)
}

.tst-preloader-frame{
	position:fixed;
	z-index:99999;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.tst-preloader-frame .tst-preloader{
	position:absolute;
	-webkit-transform:scale(.5);
	transform:scale(.5);
	width:80px;
	height:80px;
	top:75%;
	left:calc(50% - 40px);
	margin:0 auto
}
.tst-preloader-frame .tst-preloader span{
	position:absolute;
	border:6px solid #f39c12;
	border-top:6px solid transparent;
	border-radius:999px
}
.tst-preloader-frame .tst-preloader span:nth-child(1){
	width:80px;
	height:80px;
	-webkit-animation:spin-1 2s infinite linear;
	animation:spin-1 2s infinite linear
}
.tst-preloader-frame .tst-preloader span:nth-child(2){
	top:20px;
	left:20px;
	width:40px;
	height:40px;
	-webkit-animation:spin-2 1s infinite linear;
	animation:spin-2 1s infinite linear
}
@-webkit-keyframes 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 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 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 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
	}
	
}



.rsi-preloader{
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	background:#73a2e7
}
.rsi-preloader .rsi-preloader-inner{
	position:absolute;
	top:50%;
	left:50%;	
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)

}
.rsi-preloader .rsi-preloader-inner .rsi-preloader-icon{
	width:172px;
	height:172px;
	display:inline-block;
	padding:0px
}
.rsi-preloader .rsi-preloader-inner .rsi-preloader-icon span{
	position:absolute;
	display:inline-block;
	width:172px;
	height:172px;
	border-radius:100%;
	background:#fff;
	-webkit-animation:rsi-preloader-fx 1.6s linear infinite;
	animation:rsi-preloader-fx 1.6s linear infinite
}
.rsi-preloader .rsi-preloader-inner .rsi-preloader-icon span:last-child{
	animation-delay:-0.8s;
	-webkit-animation-delay:-0.8s
}
@keyframes rsi-preloader-fx{
	0%{
		-webkit-transform:scale(0, 0);
		-moz-transform:scale(0, 0);
		transform:scale(0, 0);
		opacity:.5
	}
	100%{
		-webkit-transform:scale(1, 1);
		transform:scale(1, 1);
		opacity:0
	}
	
}
@-webkit-keyframes rsi-preloader-fx{
	0%{
		-webkit-transform:scale(0, 0);
		-moz-transform:scale(0, 0);
		transform:scale(0, 0);
		opacity:.5
	}
	100%{
		-webkit-transform:scale(1, 1);
		-moz-transform:scale(1, 1);
		transform:scale(1, 1);
		opacity:0
	}
	
}