#spinnerContainer{
  position:fixed;
  overflow: hidden;
	color: #fff;
	text-align: center;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999;
  font-size: 48px;
  display:none;
}

#spinnerContainer i {
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  color: #F2F2F2;
  width: 48px;
  height: 48px;
  position: absolute;
}

#spinner {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0.7;
	position: relative;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
  height: 140px;
  width: 140px;
	background: none;
	border-radius: 100px;
	border-top: 15px solid cyan;
	border-bottom: 15px solid cyan;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;

	-webkit-animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
	-moz-animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
	-ms-animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
	-o-animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
	animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
}

#spinner:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	background: none;
	position: relative;
	z-index: -1;
	border-radius: 115px;
	border: 15px solid cyan;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;

	-webkit-animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
	-moz-animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
	-ms-animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
	-o-animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
	animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
}

#spinner:after {
	content: "";
	display: block;
	padding: 30px;
	background: none;
	position: absolute;
  width: 180px;
  height: 180px;
  top: -35px;
  left: -35px;
	z-index: -2;
	border-radius: 130px;
	border: 15px solid cyan;
	border-left: 15px solid transparent;
	border-bottom: 15px solid transparent;

	-webkit-animation: spin 2s infinite alternate ease both, glow 10s infinite alternate linear;
	-moz-animation: spin 2s infinite alternate ease both, glow 10s infinite alternate linear;
	-ms-animation: spin 2s infinite alternate ease both, glow 10s infinite alternate linear;
	-o-animation: spin 2s infinite alternate ease both, glow 10s infinite alternate linear;
	animation: spin 2s infinite alternate ease both, glow 10s infinite alternate linear;
}

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

}

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

}

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

}

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

}

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

}

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

}

@-moz-keyframes spin2 {
 0% {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -moz-transform: rotate(360deg);
   transform: rotate(360deg);
 }

}

@-webkit-keyframes "spin2" {
 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }

}

@-ms-keyframes "spin2" {
 0% {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
 }

}

@-o-keyframes "spin2" {
 0% {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }

}

@keyframes "glow" {
 0% {
    -webkit-box-shadow: none;
   	box-shadow: none;
 }
 50% {
    -webkit-box-shadow: 10px -10px 30px cyan, -10px 10px 30px cyan;
   	box-shadow: 10px -10px 30px cyan, -10px 10px 30px cyan;
 }
 100% {
    -webkit-box-shadow: none;
   	box-shadow: none;
 }

}

@-moz-keyframes glow {
 0% {
   box-shadow: none;
 }
 50% {
   box-shadow: 10px -10px 30px cyan, -10px 10px 30px cyan, inset 10px -10px 30px cyan, inset -10px 10px 30px cyan;
 }
 100% {
   box-shadow: none;
 }

}

@-webkit-keyframes "glow" {
 0% {
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 50% {
   -webkit-box-shadow: 10px -10px 30px cyan, -10px 10px 30px cyan, inset 10px -10px 30px cyan, inset -10px 10px 30px cyan;
   box-shadow: 10px -10px 30px cyan, -10px 10px 30px cyan, inset 10px -10px 30px cyan, inset -10px 10px 30px cyan;
 }
 100% {
   -webkit-box-shadow: none;
   box-shadow: none;
 }

}

@-ms-keyframes "glow" {
 0% {
   box-shadow: none;
 }
 50% {
   box-shadow: 10px -10px 30px cyan, -10px 10px 30px cyan, inset 10px -10px 30px cyan, inset -10px 10px 30px cyan;
 }
 100% {
   box-shadow: none;
 }

}

@-o-keyframes "glow" {
 0% {
   box-shadow: none;
 }
 50% {
   box-shadow: 10px -10px 30px cyan, -10px 10px 30px cyan, inset 10px -10px 30px cyan, inset -10px 10px 30px cyan;
 }
 100% {
   box-shadow: none;
 }

}