#loading{
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 9999999999;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
}

.cart-container {
    width: 900px;
    margin: auto;
}

.img-loader{
	width: 50%;
	height: auto;
	
}

.spinner {
	position:fixed;
	top:40%;
	left:40%;
	margin: auto;
	box-sizing: border-box;
	background-clip: padding-box;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	border: 4px solid rgba(255, 255, 255, 0.1);
	-webkit-mask: linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%);
	transform-origin: 50% 60%;
	transform: perspective(200px) rotateX(66deg);
	animation: spinner-wiggle 1.2s infinite;
}

	.spinner:before,
	.spinner:after {
		content: "";
		position: absolute;
		margin: -4px;
		box-sizing: inherit;
		width: inherit;
		height: inherit;
		border-radius: inherit;
		opacity: .05;
		border: inherit;
		border-color: transparent;
		animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite;
	}

	.spinner:before {
		border-top-color: #66e6ff;
	}

	.spinner:after {
		border-top-color: #f0db75;
		animation-delay: 0.3s;
	}

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

@keyframes spinner-fade {
	20% {
		opacity: .1;
	}

	40% {
		opacity: 1;
	}

	60% {
		opacity: .1;
	}
}