div.loader{
	height:100%;
	position:relative;
	text-align:center;
	width:100%;}
	
div.loader .img{
	left:50%;
	margin-left:-33px;
	margin-top:-33px;
	position:absolute;
	top:50%;
	z-index:1000000;
	width:66px;
	height:66px;
	background:url(../images/ajax-loader.gif) no-repeat top left;}
	
div.level1{
	background:#FFFFFF;
	display:none;
	height:100%;
	left:0px;
	opacity:0.25;
	position:absolute;
	top:0px;
	width:100%;
	z-index:999999;}

/* AJAX LOADER */
.frk-loader{text-align:center;padding:15px;}

/* SPINNER */
.frk-spinner {
	color: official;
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;}

.frk-spinner div {
transform-origin: 30px 30px;
animation: frk-spinner 1.2s linear infinite;}

.frk-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 28px;
width: 4px;
height: 14px;
border-radius: 20%;
background: #000;}

.frk-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.frk-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.frk-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.frk-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.frk-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.frk-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.frk-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.frk-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.frk-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.frk-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.frk-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.frk-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes frk-spinner {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}

/* LOADER */
.frk-small-loader{display:inline-block;vertical-align:middle;}
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 14px;
}
.lds-ellipsis div {
	position: absolute;
	top: 4px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #999;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 2px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 2px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 10px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 18px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
	transform: scale(0);
}
100% {
	transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
	transform: scale(1);
}
100% {
	transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
	transform: translate(0, 0);
}
100% {
	transform: translate(8px, 0);
}
}