.loader-content {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,1);
	display:none;
	z-index:1000;
}

.loader-content .loading-img {
	width:96px;
	height:96px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(loading.gif) no-repeat;
	background-size: cover;
	display:none;
}

/*ring*/

.lds-ring {
	width:128px;
	height:128px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 128px;
	height: 128px;
	margin: 8px;
	border: 24px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #6887A4 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*dual-ring*/

.lds-dual-ring {
	width:128px;
	height:128px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 128px;
	height: 128px;
	margin: 8px;
	border-radius: 50%;
	border: 20px solid #fff;
	border-color: #2A3C49 transparent #6685A3 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}		
	100% {
		transform: rotate(360deg);
	}
}

/* loader 1*/
.loader1 {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 35.2px;
	height: 35.2px;
}

.loader1::before,
.loader1::after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	animation: loader1-b4c8mmhg 0.4s backwards, loader1-49opz7hg 1s 0.4s infinite ease;
	border: 8.8px solid #2980B9;
	border-radius: 50%;
	box-shadow: 0 -52.8px 0 -8.8px #2980B9;
	position: absolute;
}

.loader1::after {
   animation-delay: 0s, 1s;
}

@keyframes loader1-b4c8mmhg {
   from {
      box-shadow: 0 0 0 -8.8px #2980B9;
   }
}

@keyframes loader1-49opz7hg {
   to {
      transform: rotate(360deg);
   }
}


.loader2 {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 88px;
	height: 88px;
}

.loader2::before,
.loader2::after {
	content: '';
	width: 100%;
	height: 100%;
	animation: loader2-rfi6tk 1s infinite linear;
	box-sizing: border-box;
	border: 17.6px solid rgba(71,75,255,0.1);
	border-radius: 50%;
	position: absolute;
}

.loader2::before {
	animation-direction: reverse;
	border-right-color: #2980B9;
	right: calc(50% - 8.8px);
}

.loader2::after {
	border-left-color: #2980B9;
	left: calc(50% - 8.8px);
}

@keyframes loader2-rfi6tk {
	0% {
		transform: rotate(0deg);
	}

	50%, 100% {
		transform: rotate(360deg);
	}
}