#preloader  {
	width: 100%;
	height: 100vh;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,182,207,1) 0%, rgba(144,223,234,0.2) 56%, rgba(255,255,255,0.2) 99%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,182,207,1) 0%,rgba(144,223,234,0.2) 56%,rgba(255,255,255,0.2) 99%);		
	background: radial-gradient(ellipse at center,  rgba(0,182,207,1) 0%,rgba(144,223,234,0.2) 56%,rgba(255,255,255,0.2) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6cf', endColorstr='#33ffffff',GradientType=1 );
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999999999;
	cursor: progress;
}

@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}

#spin  {
	width: 40px;
	height: 40px;
    position:fixed;
    top:50%;
    left:50%;
	margin: -20px 0 0 -20px;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

#spin img  {
	width: 100%;
	height: auto;
}

/************* LOADING PAGE STYLING *************/

#loading-page-container  {
	width: 100%;
	height: 100%;
	background-color: #11487D;
	z-index: 100;
}

#loading-animation  {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	z-index: 1000;
}

#loop  {width: 100%; height: auto;}



/************* ANIMATION STYLING *************/

.spin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 6s linear infinite;
    -moz-animation:spin 6s linear infinite;
    animation:spin 6s 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); } }