.loadingBox {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #FFFFFF;
	display: none;
	z-index: 9998;
	opacity: 0.45;
}

.loaderTable{
	position: fixed;
	display: table;
	width: 100%;
	height: 100%;
}

.loaderTableCell{
	display: table-cell;
	vertical-align: middle;
}

.popLoaderTable{
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}

.popLoaderTableCell{
	display: table-cell;
	padding-top: 30%;
}

.loader {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-left: calc(50% - 50px);
	border-radius: 100%;
	border: 2px solid transparent;
	border-color: transparent #000 transparent #000;
	-moz-animation: rotate-loading 1.5s linear 0s infinite normal, color 6s ease-in-out infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1.5s linear 0s infinite normal, color 6s ease-in-out infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: rotate-loading 1.5s linear 0s infinite normal, color 6s ease-in-out infinite;
	-ms-animation-origin: 50% 50%;
	-webkit-animation: rotate-loading 1.5s linear 0s infinite normal, color 6s ease-in-out infinite;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1.5s linear 0s infinite normal, color 6s ease-in-out infinite;
	transform-origin: 50% 50%;
}

.loadingBox:hover .loader,
.loadingBox .loader {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes color {
	100%,
	0% {
		border-color: transparent #d62d20 transparent #d62d20;
	}
	20% {
		border-color: transparent #0057e7 transparent #0057e7;
	}
	40% {
		border-color: transparent #008744 transparent #008744;
	}
	60%{
		border-color: transparent #E45635 transparent #E45635;
	}
	80% {
		border-color: transparent #ffa700 transparent #ffa700;
	}
}