/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 19, 2017, 11:48:58 AM
    Author     : Your Name <Reeaz Ramoly at Netsiteweaver>
*/

.cssload-box {
	position: absolute;
	width: 675px;
	height: 180px;
	left: 50%;
	margin-left: -338px;
}

.cssload-loading:after {
	content: '';
	position: absolute;
	left: -90px;
	display: block;
	width: 90px;
	height: 113px;
	border-radius: 9px;
	background-color: transparent;
	box-shadow: 108px 0 5px rgba(61,195,255,0.8), 216px 0 0px rgb(61,195,255), 324px 0 5px rgba(61,195,255,0.8), 432px 0 9px rgba(61,195,255,0.6), 540px 0 14px rgba(61,195,255,0.4), 648px 0 18px rgba(61,195,255,0.2);
	transform: skewX(-20deg);
		-o-transform: skewX(-20deg);
		-ms-transform: skewX(-20deg);
		-webkit-transform: skewX(-20deg);
		-moz-transform: skewX(-20deg);
	animation: cssload-loadingAnim 2.3s linear infinite;
		-o-animation: cssload-loadingAnim 2.3s linear infinite;
		-ms-animation: cssload-loadingAnim 2.3s linear infinite;
		-webkit-animation: cssload-loadingAnim 2.3s linear infinite;
		-moz-animation: cssload-loadingAnim 2.3s linear infinite;
}



@keyframes cssload-loadingAnim {
	0% {
		box-shadow: 108px 0 0px rgb(61,195,255), 216px 0 5px rgba(61,195,255,0.8), 324px 0 9px rgba(61,195,255,0.6), 432px 0 14px rgba(61,195,255,0.4), 540px 0 18px rgba(61,195,255,0.2), 648px 0 23px rgba(61, 195, 255, 0);
	}
	10% {
		box-shadow: 108px 0 5px rgba(61,195,255,0.8), 216px 0 0px rgb(61,195,255), 324px 0 5px rgba(61,195,255,0.8), 432px 0 9px rgba(61,195,255,0.6), 540px 0 14px rgba(61,195,255,0.4), 648px 0 18px rgba(61, 195, 255, 0.2);
	}
	20% {
		box-shadow: 108px 0 9px rgba(61, 195, 255, 0.6), 216px 0 5px rgba(61, 195, 255, 0.8), 324px 0 0px #3dc3ff, 432px 0 5px rgba(61, 195, 255, 0.8), 540px 0 9px rgba(61, 195, 255, 0.6), 648px 0 14px rgba(61, 195, 255, 0.4);
	}
	30% {
		box-shadow: 108px 0 14px rgba(61, 195, 255, 0.4), 216px 0 9px rgba(61, 195, 255, 0.6), 324px 0 5px rgba(61, 195, 255, 0.8), 432px 0 0px #3dc3ff, 540px 0 5px rgba(61, 195, 255, 0.8), 648px 0 9px rgba(61, 195, 255, 0.6);
	}
	40% {
		box-shadow: 108px 0 18px rgba(61, 195, 255, 0.2), 216px 0 14px rgba(61, 195, 255, 0.4), 324px 0 9px rgba(61, 195, 255, 0.6), 432px 0 5px rgba(61, 195, 255, 0.8), 540px 0 0px #3dc3ff, 648px 0 5px rgba(61, 195, 255, 0.8);
	}
	50% {
		box-shadow: 108px 0 23px rgba(61, 195, 255, 0), 216px 0 18px rgba(61, 195, 255, 0.2), 324px 0 14px rgba(61, 195, 255, 0.4), 432px 0 9px rgba(61, 195, 255, 0.6), 540px 0 5px rgba(61, 195, 255, 0.8), 648px 0 0px #3dc3ff;
	}
	60% {
		box-shadow: 108px 0 18px rgba(61, 195, 255, 0.2), 216px 0 23px rgba(61, 195, 255, 0), 324px 0 18px rgba(61, 195, 255, 0.2), 432px 0 14px rgba(61, 195, 255, 0.4), 540px 0 9px rgba(61, 195, 255, 0.6), 648px 0 5px rgba(61, 195, 255, 0.8);
	}
	70% {
		box-shadow: 108px 0 14px rgba(61, 195, 255, 0.4), 216px 0 18px rgba(61, 195, 255, 0.2), 324px 0 23px rgba(61, 195, 255, 0), 432px 0 18px rgba(61, 195, 255, 0.2), 540px 0 14px rgba(61, 195, 255, 0.4), 648px 0 9px rgba(61, 195, 255, 0.6);
	}
	80% {
		box-shadow: 108px 0 9px rgba(61, 195, 255, 0.6), 216px 0 14px rgba(61, 195, 255, 0.4), 324px 0 18px rgba(61, 195, 255, 0.2), 432px 0 23px rgba(61, 195, 255, 0), 540px 0 18px rgba(61, 195, 255, 0.2), 648px 0 14px rgba(61, 195, 255, 0.4);
	}
	90% {
		box-shadow: 108px 0 5px rgba(61, 195, 255, 0.8), 216px 0 9px rgba(61, 195, 255, 0.6), 324px 0 14px rgba(61, 195, 255, 0.4), 432px 0 18px rgba(61, 195, 255, 0.2), 540px 0 23px rgba(61, 195, 255, 0), 648px 0 18px rgba(61, 195, 255, 0.2);
	}
	100% {
		box-shadow: 108px 0 0px #3dc3ff, 216px 0 5px rgba(61, 195, 255, 0.8), 324px 0 9px rgba(61, 195, 255, 0.6), 432px 0 14px rgba(61, 195, 255, 0.4), 540px 0 18px rgba(61, 195, 255, 0.2), 648px 0 23px rgba(61, 195, 255, 0);
	}
}

@-o-keyframes cssload-loadingAnim {
	0% {
		box-shadow: 108px 0 0px rgb(61,195,255), 216px 0 5px rgba(61,195,255,0.8), 324px 0 9px rgba(61,195,255,0.6), 432px 0 14px rgba(61,195,255,0.4), 540px 0 18px rgba(61,195,255,0.2), 648px 0 23px rgba(61, 195, 255, 0);
	}
	10% {
		box-shadow: 108px 0 5px rgba(61,195,255,0.8), 216px 0 0px rgb(61,195,255), 324px 0 5px rgba(61,195,255,0.8), 432px 0 9px rgba(61,195,255,0.6), 540px 0 14px rgba(61,195,255,0.4), 648px 0 18px rgba(61, 195, 255, 0.2);
	}
	20% {
		box-shadow: 108px 0 9px rgba(61, 195, 255, 0.6), 216px 0 5px rgba(61, 195, 255, 0.8), 324px 0 0px #3dc3ff, 432px 0 5px rgba(61, 195, 255, 0.8), 540px 0 9px rgba(61, 195, 255, 0.6), 648px 0 14px rgba(61, 195, 255, 0.4);
	}
	30% {
		box-shadow: 108px 0 14px rgba(61, 195, 255, 0.4), 216px 0 9px rgba(61, 195, 255, 0.6), 324px 0 5px rgba(61, 195, 255, 0.8), 432px 0 0px #3dc3ff, 540px 0 5px rgba(61, 195, 255, 0.8), 648px 0 9px rgba(61, 195, 255, 0.6);
	}
	40% {
		box-shadow: 108px 0 18px rgba(61, 195, 255, 0.2), 216px 0 14px rgba(61, 195, 255, 0.4), 324px 0 9px rgba(61, 195, 255, 0.6), 432px 0 5px rgba(61, 195, 255, 0.8), 540px 0 0px #3dc3ff, 648px 0 5px rgba(61, 195, 255, 0.8);
	}
	50% {
		box-shadow: 108px 0 23px rgba(61, 195, 255, 0), 216px 0 18px rgba(61, 195, 255, 0.2), 324px 0 14px rgba(61, 195, 255, 0.4), 432px 0 9px rgba(61, 195, 255, 0.6), 540px 0 5px rgba(61, 195, 255, 0.8), 648px 0 0px #3dc3ff;
	}
	60% {
		box-shadow: 108px 0 18px rgba(61, 195, 255, 0.2), 216px 0 23px rgba(61, 195, 255, 0), 324px 0 18px rgba(61, 195, 255, 0.2), 432px 0 14px rgba(61, 195, 255, 0.4), 540px 0 9px rgba(61, 195, 255, 0.6), 648px 0 5px rgba(61, 195, 255, 0.8);
	}
	70% {
		box-shadow: 108px 0 14px rgba(61, 195, 255, 0.4), 216px 0 18px rgba(61, 195, 255, 0.2), 324px 0 23px rgba(61, 195, 255, 0), 432px 0 18px rgba(61, 195, 255, 0.2), 540px 0 14px rgba(61, 195, 255, 0.4), 648px 0 9px rgba(61, 195, 255, 0.6);
	}
	80% {
		box-shadow: 108px 0 9px rgba(61, 195, 255, 0.6), 216px 0 14px rgba(61, 195, 255, 0.4), 324px 0 18px rgba(61, 195, 255, 0.2), 432px 0 23px rgba(61, 195, 255, 0), 540px 0 18px rgba(61, 195, 255, 0.2), 648px 0 14px rgba(61, 195, 255, 0.4);
	}
	90% {
		box-shadow: 108px 0 5px rgba(61, 195, 255, 0.8), 216px 0 9px rgba(61, 195, 255, 0.6), 324px 0 14px rgba(61, 195, 255, 0.4), 432px 0 18px rgba(61, 195, 255, 0.2), 540px 0 23px rgba(61, 195, 255, 0), 648px 0 18px rgba(61, 195, 255, 0.2);
	}
	100% {
		box-shadow: 108px 0 0px #3dc3ff, 216px 0 5px rgba(61, 195, 255, 0.8), 324px 0 9px rgba(61, 195, 255, 0.6), 432px 0 14px rgba(61, 195, 255, 0.4), 540px 0 18px rgba(61, 195, 255, 0.2), 648px 0 23px rgba(61, 195, 255, 0);
	}
}

@-ms-keyframes cssload-loadingAnim {
	0% {
		box-shadow: 108px 0 0px rgb(61,195,255), 216px 0 5px rgba(61,195,255,0.8), 324px 0 9px rgba(61,195,255,0.6), 432px 0 14px rgba(61,195,255,0.4), 540px 0 18px rgba(61,195,255,0.2), 648px 0 23px rgba(61, 195, 255, 0);
	}
	10% {
		box-shadow: 108px 0 5px rgba(61,195,255,0.8), 216px 0 0px rgb(61,195,255), 324px 0 5px rgba(61,195,255,0.8), 432px 0 9px rgba(61,195,255,0.6), 540px 0 14px rgba(61,195,255,0.4), 648px 0 18px rgba(61, 195, 255, 0.2);
	}
	20% {
		box-shadow: 108px 0 9px rgba(61, 195, 255, 0.6), 216px 0 5px rgba(61, 195, 255, 0.8), 324px 0 0px #3dc3ff, 432px 0 5px rgba(61, 195, 255, 0.8), 540px 0 9px rgba(61, 195, 255, 0.6), 648px 0 14px rgba(61, 195, 255, 0.4);
	}
	30% {
		box-shadow: 108px 0 14px rgba(61, 195, 255, 0.4), 216px 0 9px rgba(61, 195, 255, 0.6), 324px 0 5px rgba(61, 195, 255, 0.8), 432px 0 0px #3dc3ff, 540px 0 5px rgba(61, 195, 255, 0.8), 648px 0 9px rgba(61, 195, 255, 0.6);
	}
	40% {
		box-shadow: 108px 0 18px rgba(61, 195, 255, 0.2), 216px 0 14px rgba(61, 195, 255, 0.4), 324px 0 9px rgba(61, 195, 255, 0.6), 432px 0 5px rgba(61, 195, 255, 0.8), 540px 0 0px #3dc3ff, 648px 0 5px rgba(61, 195, 255, 0.8);
	}
	50% {
		box-shadow: 108px 0 23px rgba(61, 195, 255, 0), 216px 0 18px rgba(61, 195, 255, 0.2), 324px 0 14px rgba(61, 195, 255, 0.4), 432px 0 9px rgba(61, 195, 255, 0.6), 540px 0 5px rgba(61, 195, 255, 0.8), 648px 0 0px #3dc3ff;
	}
	60% {
		box-shadow: 108px 0 18px rgba(61, 195, 255, 0.2), 216px 0 23px rgba(61, 195, 255, 0), 324px 0 18px rgba(61, 195, 255, 0.2), 432px 0 14px rgba(61, 195, 255, 0.4), 540px 0 9px rgba(61, 195, 255, 0.6), 648px 0 5px rgba(61, 195, 255, 0.8);
	}
	70% {
		box-shadow: 108px 0 14px rgba(61, 195, 255, 0.4), 216px 0 18px rgba(61, 195, 255, 0.2), 324px 0 23px rgba(61, 195, 255, 0), 432px 0 18px rgba(61, 195, 255, 0.2), 540px 0 14px rgba(61, 195, 255, 0.4), 648px 0 9px rgba(61, 195, 255, 0.6);
	}
	80% {
		box-shadow: 108px 0 9px rgba(61, 195, 255, 0.6), 216px 0 14px rgba(61, 195, 255, 0.4), 324px 0 18px rgba(61, 195, 255, 0.2), 432px 0 23px rgba(61, 195, 255, 0), 540px 0 18px rgba(61, 195, 255, 0.2), 648px 0 14px rgba(61, 195, 255, 0.4);
	}
	90% {
		box-shadow: 108px 0 5px rgba(61, 195, 255, 0.8), 216px 0 9px rgba(61, 195, 255, 0.6), 324px 0 14px rgba(61, 195, 255, 0.4), 432px 0 18px rgba(61, 195, 255, 0.2), 540px 0 23px rgba(61, 195, 255, 0), 648px 0 18px rgba(61, 195, 255, 0.2);
	}
	100% {
		box-shadow: 108px 0 0px #3dc3ff, 216px 0 5px rgba(61, 195, 255, 0.8), 324px 0 9px rgba(61, 195, 255, 0.6), 432px 0 14px rgba(61, 195, 255, 0.4), 540px 0 18px rgba(61, 195, 255, 0.2), 648px 0 23px rgba(61, 195, 255, 0);
	}
}

@-webkit-keyframes cssload-loadingAnim {
	0% {
		box-shadow: 108px 0 0px rgb(61,195,255), 216px 0 5px rgba(61,195,255,0.8), 324px 0 9px rgba(61,195,255,0.6), 432px 0 14px rgba(61,195,255,0.4), 540px 0 18px rgba(61,195,255,0.2), 648px 0 23px rgba(61, 195, 255, 0);
	}
	10% {
		box-shadow: 108px 0 5px rgba(61,195,255,0.8), 216px 0 0px rgb(61,195,255), 324px 0 5px rgba(61,195,255,0.8), 432px 0 9px rgba(61,195,255,0.6), 540px 0 14px rgba(61,195,255,0.4), 648px 0 18px rgba(61, 195, 255, 0.2);
	}
	20% {
		box-shadow: 108px 0 9px rgba(61, 195, 255, 0.6), 216px 0 5px rgba(61, 195, 255, 0.8), 324px 0 0px #3dc3ff, 432px 0 5px rgba(61, 195, 255, 0.8), 540px 0 9px rgba(61, 195, 255, 0.6), 648px 0 14px rgba(61, 195, 255, 0.4);
	}
	30% {
		box-shadow: 108px 0 14px rgba(61, 195, 255, 0.4), 216px 0 9px rgba(61, 195, 255, 0.6), 324px 0 5px rgba(61, 195, 255, 0.8), 432px 0 0px #3dc3ff, 540px 0 5px rgba(61, 195, 255, 0.8), 648px 0 9px rgba(61, 195, 255, 0.6);
	}
	40% {
		box-shadow: 108px 0 18px rgba(61, 195, 255, 0.2), 216px 0 14px rgba(61, 195, 255, 0.4), 324px 0 9px rgba(61, 195, 255, 0.6), 432px 0 5px rgba(61, 195, 255, 0.8), 540px 0 0px #3dc3ff, 648px 0 5px rgba(61, 195, 255, 0.8);
	}
	50% {
		box-shadow: 108px 0 23px rgba(61, 195, 255, 0), 216px 0 18px rgba(61, 195, 255, 0.2), 324px 0 14px rgba(61, 195, 255, 0.4), 432px 0 9px rgba(61, 195, 255, 0.6), 540px 0 5px rgba(61, 195, 255, 0.8), 648px 0 0px #3dc3ff;
	}
	60% {
		box-shadow: 108px 0 18px rgba(61, 195, 255, 0.2), 216px 0 23px rgba(61, 195, 255, 0), 324px 0 18px rgba(61, 195, 255, 0.2), 432px 0 14px rgba(61, 195, 255, 0.4), 540px 0 9px rgba(61, 195, 255, 0.6), 648px 0 5px rgba(61, 195, 255, 0.8);
	}
	70% {
		box-shadow: 108px 0 14px rgba(61, 195, 255, 0.4), 216px 0 18px rgba(61, 195, 255, 0.2), 324px 0 23px rgba(61, 195, 255, 0), 432px 0 18px rgba(61, 195, 255, 0.2), 540px 0 14px rgba(61, 195, 255, 0.4), 648px 0 9px rgba(61, 195, 255, 0.6);
	}
	80% {
		box-shadow: 108px 0 9px rgba(61, 195, 255, 0.6), 216px 0 14px rgba(61, 195, 255, 0.4), 324px 0 18px rgba(61, 195, 255, 0.2), 432px 0 23px rgba(61, 195, 255, 0), 540px 0 18px rgba(61, 195, 255, 0.2), 648px 0 14px rgba(61, 195, 255, 0.4);
	}
	90% {
		box-shadow: 108px 0 5px rgba(61, 195, 255, 0.8), 216px 0 9px rgba(61, 195, 255, 0.6), 324px 0 14px rgba(61, 195, 255, 0.4), 432px 0 18px rgba(61, 195, 255, 0.2), 540px 0 23px rgba(61, 195, 255, 0), 648px 0 18px rgba(61, 195, 255, 0.2);
	}
	100% {
		box-shadow: 108px 0 0px #3dc3ff, 216px 0 5px rgba(61, 195, 255, 0.8), 324px 0 9px rgba(61, 195, 255, 0.6), 432px 0 14px rgba(61, 195, 255, 0.4), 540px 0 18px rgba(61, 195, 255, 0.2), 648px 0 23px rgba(61, 195, 255, 0);
	}
}

@-moz-keyframes cssload-loadingAnim {
	0% {
		box-shadow: 108px 0 0px rgb(61,195,255), 216px 0 5px rgba(61,195,255,0.8), 324px 0 9px rgba(61,195,255,0.6), 432px 0 14px rgba(61,195,255,0.4), 540px 0 18px rgba(61,195,255,0.2), 648px 0 23px rgba(61, 195, 255, 0);
	}
	10% {
		box-shadow: 108px 0 5px rgba(61,195,255,0.8), 216px 0 0px rgb(61,195,255), 324px 0 5px rgba(61,195,255,0.8), 432px 0 9px rgba(61,195,255,0.6), 540px 0 14px rgba(61,195,255,0.4), 648px 0 18px rgba(61, 195, 255, 0.2);
	}
	20% {
		box-shadow: 108px 0 9px rgba(61, 195, 255, 0.6), 216px 0 5px rgba(61, 195, 255, 0.8), 324px 0 0px #3dc3ff, 432px 0 5px rgba(61, 195, 255, 0.8), 540px 0 9px rgba(61, 195, 255, 0.6), 648px 0 14px rgba(61, 195, 255, 0.4);
	}
	30% {
		box-shadow: 108px 0 14px rgba(61, 195, 255, 0.4), 216px 0 9px rgba(61, 195, 255, 0.6), 324px 0 5px rgba(61, 195, 255, 0.8), 432px 0 0px #3dc3ff, 540px 0 5px rgba(61, 195, 255, 0.8), 648px 0 9px rgba(61, 195, 255, 0.6);
	}
	40% {
		box-shadow: 108px 0 18px rgba(61, 195, 255, 0.2), 216px 0 14px rgba(61, 195, 255, 0.4), 324px 0 9px rgba(61, 195, 255, 0.6), 432px 0 5px rgba(61, 195, 255, 0.8), 540px 0 0px #3dc3ff, 648px 0 5px rgba(61, 195, 255, 0.8);
	}
	50% {
		box-shadow: 108px 0 23px rgba(61, 195, 255, 0), 216px 0 18px rgba(61, 195, 255, 0.2), 324px 0 14px rgba(61, 195, 255, 0.4), 432px 0 9px rgba(61, 195, 255, 0.6), 540px 0 5px rgba(61, 195, 255, 0.8), 648px 0 0px #3dc3ff;
	}
	60% {
		box-shadow: 108px 0 18px rgba(61, 195, 255, 0.2), 216px 0 23px rgba(61, 195, 255, 0), 324px 0 18px rgba(61, 195, 255, 0.2), 432px 0 14px rgba(61, 195, 255, 0.4), 540px 0 9px rgba(61, 195, 255, 0.6), 648px 0 5px rgba(61, 195, 255, 0.8);
	}
	70% {
		box-shadow: 108px 0 14px rgba(61, 195, 255, 0.4), 216px 0 18px rgba(61, 195, 255, 0.2), 324px 0 23px rgba(61, 195, 255, 0), 432px 0 18px rgba(61, 195, 255, 0.2), 540px 0 14px rgba(61, 195, 255, 0.4), 648px 0 9px rgba(61, 195, 255, 0.6);
	}
	80% {
		box-shadow: 108px 0 9px rgba(61, 195, 255, 0.6), 216px 0 14px rgba(61, 195, 255, 0.4), 324px 0 18px rgba(61, 195, 255, 0.2), 432px 0 23px rgba(61, 195, 255, 0), 540px 0 18px rgba(61, 195, 255, 0.2), 648px 0 14px rgba(61, 195, 255, 0.4);
	}
	90% {
		box-shadow: 108px 0 5px rgba(61, 195, 255, 0.8), 216px 0 9px rgba(61, 195, 255, 0.6), 324px 0 14px rgba(61, 195, 255, 0.4), 432px 0 18px rgba(61, 195, 255, 0.2), 540px 0 23px rgba(61, 195, 255, 0), 648px 0 18px rgba(61, 195, 255, 0.2);
	}
	100% {
		box-shadow: 108px 0 0px #3dc3ff, 216px 0 5px rgba(61, 195, 255, 0.8), 324px 0 9px rgba(61, 195, 255, 0.6), 432px 0 14px rgba(61, 195, 255, 0.4), 540px 0 18px rgba(61, 195, 255, 0.2), 648px 0 23px rgba(61, 195, 255, 0);
	}
}