/* preload animation */
		
		#spinner {
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -1.5em 0 0 -1.5em;
			width: 3em;
			height: 3em;
			background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptOCAxMmMwIDQuNDE4LTMuNTgyIDgtOCA4cy04LTMuNTgyLTgtOCAzLjU4Mi04IDgtOCA4IDMuNTgyIDggOHptLTE5IDBjMC02LjA2NSA0LjkzNS0xMSAxMS0xMXYyYy00Ljk2MiAwLTkgNC4wMzgtOSA5IDAgMi40ODEgMS4wMDkgNC43MzEgMi42MzkgNi4zNjFsLTEuNDE0IDEuNDE0LjAxNS4wMTRjLTItMS45OTQtMy4yNC00Ljc0OS0zLjI0LTcuNzg5eiIvPjwvc3ZnPg==) center center no-repeat;
			background-size: contain;
			animation: spin 1s linear infinite;
		}
		@keyframes spin {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}
.earth-overlay {
	background-color: white;
	box-shadow: 0 2px 8px black;
	border-radius: 0px 8px 8px 8px;
	padding: 0.25em 0.5em;
  width:350px;
}
@media only screen and (max-width:480px){
  .earth-overlay {
    width:200px;
  }
}
.earth-overlay *{
  display:block;
}
.earth-overlay strong{
  font-weight:bolder;
  font-size:16px;
}
.earth-overlay .earth-overlay-close{
  top: -21px;
  right: -16px;
  position: absolute;
  background: #838383!important;
  font-size: 32px!important;
  border-radius: 32px!important;
  width: 32px!important;
  height: 32px!important;
  padding: 0!important;
  line-height: 32px!important;
  color: #ffffff;
  border: none;
  cursor: pointer;
}
.earth-container {
	margin: 0 auto;
  max-width: 100%;
  margin-top: -35%;
  transition: margin 700ms;
}
 #earth-section{
  /*max-height: 540px;*/
   min-height:540px;
   max-height:600px;
  overflow: hidden;
  }
#earth-zoom-btns{
  z-index: 500;
  position: relative
}
#zoom-in, #zoom-out{
  background: #838383!important; color: #ffffff;font-size: 18px!important;
  
}
#zoom-in:hover, #zoom-out:hover{
  cursor:pointer;
}
#earth-zoom-btns .wpb_wrapper{
  width: 88px;
  height: 42px;
  top: 480px;
  left: 25px;
  position: relative;
}

#zoom-in,
#zoom-out{
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 48%;
  margin: 0;
  padding: 0;
  border: 2px solid grey;
  font-weight: bolder;
}
#zoom-in{
  right:unset;
  left:0;
}

@media only screen and (max-width:999px){
  #earth-section{
    margin-top:-285px;
    max-height:800px;
  }
  .earth-container{
    width: 100%;
  margin: 0 auto;
  max-width: none;
  }
  #earth-zoom-btns .wpb_wrapper{
    top: 680px;
  }
}

@media only screen and (max-width:480px){
  #earth-zoom-btns .wpb_wrapper{
    top: 480px;
  }
  #earth-section{
    margin-top:-225px;
    max-height:600px;
  }
  .earth-container{
    /*width: 200%;
  margin: 0% 0 0 -50%;*/
    width: 100%;
  margin: 0;
  }
 
}
.mfp-close-btn-in .mfp-close{
  background: #eee!important;
  font-size: 40px!important;
  border-radius: 40px!important;
    width: 40px!important;
  height: 40px!important;
  padding-right: 0!important;
  line-height: 40px!important;
}

/*
GLOW
*/
/*
.earth-container::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1200;
	pointer-events: none;
	background: radial-gradient(ellipse at center, rgba(0,160,255,0) 0%, rgba(0,160,255,0) 48%, rgba(0,160,255,0.05) 52%, rgba(0,160,255,0.25) 54%, rgba(0,160,255,0.05) 60%, rgba(0,160,255,0) 64%, rgba(0,160,255,0) 100%);
}*/