#spinner_logo{
	position:relative;
	border-radius: 50%;
	background:radial-gradient(circle at center, rgba(59,161,218,.5) 0%, rgba(255,255,255,.5) 50%);
}
.spinner-loader {
	position: relative;
	width: 100%;
	height: 100%;
}

.spinner-loader:before{
	content: '';
	border-radius: 50%;
	position: absolute;
/*	border-left:transparent solid 1px;
	border-top:#66c2f5 solid 5px;
	border-right:transparent solid 1px;
	border-bottom:#66c2f5 solid 5px;
*/	inset: 0;
	
}
.spinner-loader:after{
	content: '';
	border-radius: 50%;
	position: absolute;
	border-left:#3ba1da solid 5px;
	border-top:transparent solid 0px;
	border-right:#3ba1da solid 5px;
	border-bottom:transparent solid 0px;
	inset: 0;
	box-shadow: 0 0 10px 2px rgba(102,194,245, 1) inset;
	animation: rotate 2s linear infinite;
}

@keyframes rotate {
  0% {  transform: rotate(0)}
  100% { transform: rotate(360deg)}
}
/*
#66c2f5
102,194,245

#3ba1da
59,161,218
*/
#container_logo {
	width: 100%;
	height: 100%;
	max-width: 150px;
	max-height: 150px;
	position: relative;
	display: block;
	margin: 10px auto;
}

.globe-holder {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-ms-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	-o-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}

.globe {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 50%;
	position: relative;
	background: radial-gradient(circle at 50% 120%, #81e8f6, #76deef 10%, #055194 80%, #062745 100%);
	box-shadow: 3px 3px 10px 1px rgba(5,98,198,.5);
	z-index:3;
	overflow:hidden;
}

.globe-bg-holder { 
	content: "";
	width:100%;
	height:100%;
	display:block;
	-moz-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

.globe-bg { 
	content: "";
	width: 340%;
	height: 90%;
	position: absolute;
	top:5%;
	left:-275%;
	opacity:1;
	background:url(https://trainingmodules.travel/services/wordpress/wp-content/plugins/training-modules/assets/logo-images/tm-globe.png) no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
 	animation: moveright 10s linear infinite;
	z-index:1;
}

.globe:before {
	content: "";
	position: absolute;
	top: 1%;
	left: 5%;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 0px, #ffffff, rgba(255, 255, 255, 0) 58%);
	-webkit-filter: blur(5px);
	z-index: 1;
}

.globe .glow {
	position: absolute;
	width: 100%;
	height: 100%;
	margin:25px;
	background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 1) 40%);
	-webkit-transform: rotateX(90deg) translateZ(-150px);
	-moz-transform: rotateX(90deg) translateZ(-150px);
	-ms-transform: rotateX(90deg) translateZ(-150px);
	-o-transform: rotateX(90deg) translateZ(-150px);
	transform: rotateX(90deg) translateZ(-150px);
}

#logo-text {
	content:'';
	position:absolute;
	width:180%;
	max-width:540px;
	height:90%;
	top:0;
	left:-40%;
	z-index:106;
	background: url(https://trainingmodules.travel/services/wordpress/wp-content/plugins/training-modules/assets/logo-images/logo-logo.png) no-repeat center;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
}

@keyframes moveright {
	100% { 
		transform: translateX(50%);  
	}
}