/*
.container-loader .title {
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
  display: table;
}
.container-loader .aligner {
  display: table-cell;
  vertical-align: middle;
}
.container-loader{
	background-color: #fff;
	opacity: 0.9;
	min-width: 100%;
	min-height: 100%;
	display: block;
	position:absolute;
	z-index: 1000;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.text_loader{
	font-family: 'cabinmedium';
	color: #333;
	text-align: center;
	z-index: 3;
	margin:auto;
	text-align:center;
	min-height: 200px;
}
.text_loader h3{
	color: #00295D;
	margin-top: 30px;
}
*/
/* Agung Was Here */
/*
.content-loader {
	display: table;
	height: 100%;
	width: 100%;
}
.mid-loader {
	display: table-cell;
	vertical-align: middle;
}
.inner-loader {
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	bottom:0;
	top:50%;
	width:45%;
}
.inner-loader img{
	z-index: 1001;
}
.loader-image{
	z-index: 1002;
	position: absolute;
	top: 20%;
	bottom: 0;	
	position: absolute;
	left: 35%;
	right: 0;
	width:30%;
	-webkit-animation: spin 6s linear infinite;
	animation: spin 6s linear infinite;
}
@media screen and (min-device-width: 320px) and (max-device-width: 375px) {
	.loader-image {
		top:20%;
		width:100%;
		left: 0;
	}
	.inner-loader {
		top:37%;		
	}
	.inner-loader img {
		width:103%;
	}
	.text_loader .logo {
		width : 60%;
		margin:10px 0 !important;
	}
	.text_loader {
		font-size:13px;
		top:70%;
	}
}
*/
/*start edit by prima*/
/*
@media screen and (min-device-width: 375px) and (max-device-width: 425px) {
	.loader-image {
		width: 100%;
		top:20%;
		left:0;
	}
	.text_loader .logo {
		width : 60%;
	}
	.text_loader h3{
		font-size: 22px;
	}
	.text_loader span{
		font-size: 12px;
	}
}
@media screen and (min-device-width: 425px) and (max-device-width: 768px) {
	.loader-image {
		width: 60%;
		top:20%;
		left:0;
	}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.loader-image {
		width:75%;
		top:20%;
		left:10%;
	}
	.text_loader .logo {
		width : 45%;
	}
	.text_loader h3{
		font-size:26px;
	}
	.text_loader div {
		font-size:20px;
	}
}
@media screen and (min-device-width: 1024px) and (max-device-width: 1024px) {
	.loader-image {
		width:40%;
		top:25%;
		left:30%;
	}
	.text_loader .logo {
		width : 25%;
	}
	.text_loader h3{
		font-size:24px;
	}
	.text_loader div {
		font-size:20px;
	}
}

@media screen and (min-device-width: 1440px) {
	.loader-image {
		width:30%;
		top:20%;
		left:35%;
	}
}
*/
/*end edit by prima*/

/*
@media screen and (min-device-width: 375px) and (max-device-width: 425px) {
	.loader {
		top:23%;
		width:72%;
		left: 15%;
	}
	.inner-loader {
		top:37%;		
	}
	.inner-loader img {
		width:104%;
	}
	.text_loader {
		font-size:40px;
		top:63%;
	}
}
@media screen and (min-device-width: 425px) and (max-device-width: 768px) {
	.loader {
		top:24%;
		width:60%;
		left: 20%;
	}
	.inner-loader {
		top:37%;		
	}
	.inner-loader img {
		width:86%;
	}
	.text_loader {
		font-size:35px;
		top:60%;
	}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.loader {
		top:24%;
		width:40%;
		left: 29.5%;
	}
	.inner-loader {
		top:36%;		
	}
	.inner-loader img {
		width:58%;
	}
	.text_loader {
		font-size:20px;
		top:65%;
	}
}
@media screen and (min-device-width: 1024px) and (max-device-width: 1024px) {
	.loader {
		top:20%;
		width:30%;
		left: 35%;
	}
	.inner-loader {
		top:36%;		
	}
	.inner-loader img {
		width:45%;
	}
	.text_loader {
		font-size:15px;
		top:65%;
	}
}

@media screen and (min-device-width: 1440px) {
	.loader {
		top:15%;
		width:25%;
	}
	.inner-loader {
		top:38%;		
	}
	.inner-loader img {
		width:37%;
	}
	.text_loader {
		font-size:15px;
		top:70%;
	}
}

.loader {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	background-color: rgba(2,21,58,0.9);
	display: none;
}
@media screen only screen and (max-width: 480px) {

	.loader .loop{

		width: 325px;

	}

}
.loader.active {
	display: block !important;
}

.loader .absolute {
	top: 50%;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	margin-top: -75px;
	width: 300px;
	text-align: center;
}

.loader .loop {
	top: 50%;
	position: absolute;
	left: 50%;
	margin-left: -215px;
	margin-top: -215px;
	-webkit-animation:spin 5s linear infinite;
  -moz-animation:spin 5s linear infinite;
  animation:spin 5s linear infinite;
}

	@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
	@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
	@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.loader span {
	display: block;
}

.loader .span-1 {
	color: #37c6d6;
	font-size: 18px;
	margin-top: 25px;
}

.loader .span-2 {
	color: #ffffff;
	font-size: 14px;
}
*/