.sk-cube-grid .sk-cube {
	float: left;
}

/* Start Loading Page*/

.loading-page {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1111111;
	/* background-color: #005197; */
	/* background-color: #e5f1ff; */
	background-color: #ffffff;
}
/* 
.sk-cube-grid {
	width: 70px;
	height: 70px;
	margin: 275px auto;
}

.sk-cube-grid .sk-cube {
	width: 33%;
	height: 33%;
	background-color: white;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {

	0%,
	70%,
	100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

@keyframes sk-cubeGridScaleDelay {

	0%,
	70%,
	100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
} */

/* End Loading Page*/



/* .box-loading {
	position: relative;
	width: 250px;
	height: 250px;
}

.box-loading:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 40%;
	background: radial-gradient(ellipse at center, #64a2ff 0%, rgba(85, 139, 219, 0) 100%);
}

.box-loading .cirlce-wave {
	width: 100%;
	height: 100%;
	border-radius: 40%;
	position: absolute;
	z-index: 1;
}

.box-loading .cirlce-wave--1 {
	background-color: #ffffffa1;
	background-image: url('img/TAF-loGO-.png');
	background-size: cover;
	background-position: center;
	opacity: 0.6;
	animation: load 2s infinite linear;
	z-index: 5;
}

.box-loading .cirlce-wave--2 {
	background: #70a9ff;
	opacity: 0.7;
	animation: load 4s infinite linear;
	z-index: 4;
}

.box-loading .cirlce-wave--3 {
	background: #68ffc8;
	opacity: 0.4;
	animation: load 6s infinite linear;
	z-index: 3;
}

.box-loading .cirlce-wave--4 {
	background: #ffd668;
	opacity: 0.6;
	animation: load 9s infinite linear;
	z-index: 2;
}

.box-loading .cirlce-wave--5 {
	background: #ff9870;
	opacity: 0.6;
	animation: load 4s infinite linear;
	z-index: 1;
}

@keyframes load {
	from {
		transform: rotate(360deg);
	}
} */





.loader-container {
	position: fixed;
	top: 50%;
	left: 50%;
	font-size: 0;
	transform: translate(-50%, -50%);
  }
  .loader-container .ie-loader {
	display: none;
  }
  /* .loader-container .loader {
	display: block;
	width: 30vw;
	height: 30vw;
  } */

  .loader-container .loader {
	display: block;
	width: 30vw;
	height: 30vw;
	position: relative;
	background-image: url('img/TAF-loGO-.png');
	background-position: center;
	background-size: 30%;
	background-repeat: no-repeat;
  }


  .loader-container .loader g {
	-webkit-animation: loader-rotate 2.4s linear infinite;
			animation: loader-rotate 2.4s linear infinite;
	transform-origin: center;
  }
  .loader-container .loader g circle {
	transform-origin: center;
	-webkit-animation: loader-spin 2.4s ease-in-out infinite, loader-color 6.6s ease-in-out infinite;
			animation: loader-spin 2.4s ease-in-out infinite, loader-color 6.6s ease-in-out infinite;
  }
  .ie-loader {
	display: block;
	width: 28px;
	height: 28px;
	margin: 12px;
	border: 4px solid transparent;
	border-radius: 50%;
	border-top-color: #4285f4;
	-webkit-animation: ie-loader-rotate 1.8s linear infinite;
			animation: ie-loader-rotate 1.8s linear infinite;
	transform-origin: center;
  }
  .no-smil .loader-container .ie-loader {
	display: block;
  }
  .no-smil .loader-container .loader {
	display: none;
  }
  @-webkit-keyframes loader-rotate {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(270deg);
	}
  }
  @keyframes loader-rotate {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(270deg);
	}
  }
  @-webkit-keyframes ie-loader-rotate {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  @keyframes ie-loader-rotate {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  @-webkit-keyframes loader-spin {
	0% {
	  stroke-dashoffset: 100;
	}
	50% {
	  stroke-dashoffset: 20;
	  transform: rotate(135deg);
	}
	100% {
	  stroke-dashoffset: 100;
	  transform: rotate(450deg);
	}
  }
  @keyframes loader-spin {
	0% {
	  stroke-dashoffset: 100;
	}
	50% {
	  stroke-dashoffset: 20;
	  transform: rotate(135deg);
	}
	100% {
	  stroke-dashoffset: 100;
	  transform: rotate(450deg);
	}
  }
  /* @-webkit-keyframes loader-color {
	0%, 100% {
	  stroke: #4285f4;
	}
	25% {
	  stroke: #de3e35;
	}
	50% {
	  stroke: #f7c223;
	}
	75% {
	  stroke: #1b9a59;
	}
  }
  @keyframes loader-color {
	0%, 100% {
	  stroke: #4285f4;
	}
	25% {
	  stroke: #de3e35;
	}
	50% {
	  stroke: #f7c223;
	}
	75% {
	  stroke: #1b9a59;
	}
  } */