#myearth {
	width: 100%;
	/* height: 86vh; დაპატარავება მთლიანი გლობუსის - პროპორციულად */
	max-height: 86vh;
	overflow: hidden;

	opacity: 0;
	transition: opacity 1.5s ease-in;
}

#myearth.earth-ready {
	opacity: 3;

}

#myearth::before {
	content: none;
}

/* #myearth{
 max-width: 500px;
} */

/* 
#glow {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 100vh;
	height: 100vh;
	max-height: 100vw;
	transform: translate(-50%, -50%);
	
	background: radial-gradient(ellipse at center, rgba(0,156,255,0.05) 15%,rgba(0,156,255,0.15) 43%,rgba(0,156,255,0.05) 36%,rgba(0,156,255,0) 70%);
	z-index: 200;
	pointer-events: none;
} */


#colorGet {
	color: green;
}




/* globus -ის გადატანა. */
.earth-container>canvas {
	position: absolute !important;
	top: 140px;
	left: 320px !important;
	z-index: 1000 !important;
	user-select: none !important;

}


/* globus - ზე ქვეყნების ლინკის გადატანა. */
.earth-overlay {
	position: absolute !important;
	top: 40px;
	left: 320px !important;
	z-index: 1000 !important;
	user-select: none !important;
	pointer-events: none !important;
	transform-origin: 0 0;
}

.earth-overlay2 {
display: none;
}


@media only screen and (max-width: 1440px) {
	#myearth{
		margin-top: -33px !important;
	}
	.second-box img{
		width: 130px !important;
		margin-left: 12px !important;
	}
	.first-container{
		margin-left: -15px !important;
	}
	.earth-container>canvas{
		position: absolute !important;
		top: 23px !important;
		left: 258px !important;
		z-index: 1000 !important;
		user-select: none !important;
	}
	.earth-overlay{
		position: absolute !important;
		top: 23px !important;
		left: 258px !important;
	}
}


@media only screen and (min-width: 1441px) {
	#myearth {
		padding-bottom: 69px;
		width: auto;
		max-height: 148vh !important;
		overflow: hidden;
		padding-left: 28px;
		padding-top: 50px !important;
		margin-top: -33px !important;
	}

	.second-box img{
		width: 130px !important;
		margin-left: 12px !important;
	}
	.first-container{
		margin-left: -15px !important;
	}
	.earth-container>canvas{
		position: absolute !important;
		top: 16px !important;
		left: 288px !important;
		z-index: 1000 !important;
		user-select: none !important;
		padding: 68px;
	}
	.earth-overlay{
		position: absolute !important;
		top: 16px !important;
		left: 288px !important;
	}
}






@media only screen and (min-width: 1200px) {
	#myearth {
		padding-bottom: 69px;
		width: auto;
		max-height: 148vh !important;
		overflow: hidden;
		padding-left: 28px;
		padding-top: 50px !important;
	}
}



@media only screen and (max-width: 1100px) {
	#myearth{
		margin-top: -33px !important;
	}


	.earth-container>canvas{
		position: absolute !important;
		top: 23px !important;
		left: 258px !important;
		z-index: 1000 !important;
		user-select: none !important;
	}
	.earth-overlay{
		position: absolute !important;
		top: 23px !important;
		left: 258px !important;
	}
	
}



@media only screen and (max-width: 1024px) {

	#myearth{
		margin-top: -33px !important;
	}


	.earth-container>canvas{
		position: absolute !important;
		top: 25px !important;
		left: 268px !important;
		z-index: 1000 !important;
		user-select: none !important;
	}
	.earth-overlay{
		position: absolute !important;
		top: 23px !important;
		left: 263px !important;
	}



	#myearth {
		width: 100%;
		max-height: 66vh !important;
		overflow: hidden;
		opacity: 0;
		transition: opacity 1.5s ease-in;
	}


}




























.earth-container-button {
	height: 721px;
	/* background-color: rgba(255, 0, 0, 0.192); */
	display: flex;
	align-items: center;
	margin-right: 820px !important;
}


.earth-container-button div p {
	font-family: "'TBCcontractica'";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 17px;
	color: #FFFFFF;
	padding: 0px;
	margin: 7px;
	padding-left: 3px;
	margin-top: 12px;
}

.doble-title {
	font-family: "'TBCcontractica'";
	font-style: normal;
	font-weight: 400;
	font-size: 12px !important;
	line-height: 24px;
	color: #FFFFFF;
	padding-left: 3px;
}

.first-box {
	width: 258px;
	height: 64px;
	border: 1px solid #5E4DFF;
	border-radius: 8px;
	margin-top: 95px;
	margin-bottom: 95px;
	margin-left: 43px;
	padding-left: 16px;
	padding-top: 5px;
}



.second-box {

	margin-top: 125px;
	margin-bottom: 91px;
	margin-left: 25px;
	margin-right: -5px;

}









.third-box {
	display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #5E4DFF;
    border-radius: 8px;
    margin-top: 113px;
    margin-bottom: 58px;
    margin-left: 30px;
    padding-right: 15px;
    cursor: pointer;
    position: sticky;
    z-index: 999999999;
}

.third-box:hover {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #5E4DFF;
	border-radius: 8px;
	cursor: pointer;
	position: sticky;
	z-index: 999999999;
	background-color: #3b29db48;
	transition: 0.3s;
}

.third-box p {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px !important;
}



@media only screen and (max-width: 1014px) and (min-width: 891px)  {
	.second-box img {
		width: 81px !important;
		margin-left: 12px !important;
	}


	  .first-box {
		width: 229px;
		height: 64px;
		border: 1px solid #5E4DFF;
		border-radius: 8px;
		margin-top: 80px;
		margin-bottom: 76px;
		margin-left: 43px;
		padding-left: 12px;
		padding-top: 5px;
		text-align: left;
	}
	

	.earth-container-button{
		margin-bottom: -50px !important;
		margin-top: -50px !important;
	}

	.earth-container>canvas {
		position: absolute !important;
		top: 29px !important;
		left: 248px !important;
		z-index: 1000 !important;
		user-select: none !important;
		width: auto !important;
	}

	.earth-overlay {
		position: absolute !important;
		top: 29px !important;
		left: 223px !important;
		z-index: 1000 !important;
		user-select: none !important;
		pointer-events: none !important;
	}

	.second-box {
		margin-top: 136px;
		margin-bottom: 91px;
		margin-left: 25px;
		margin-right: -5px;
	}

	
}




@media only screen and (max-width: 800px) {
	.earth-container-button {
		align-items: center;
		display: flex;
		justify-content: center;
		position: relative;
		z-index: 10001 !important;
		margin-top: 29px !important;
		margin-bottom: -62px !important
	  }
	  


}



@media only screen and (max-width: 890px) {


	
	/* globus -ის გადატანა. */
	.earth-container>canvas {
		position: absolute !important;
		top: 29px !important;
		left: 0pc !important;
		z-index: 1000 !important;
		user-select: none !important;
		width: auto !important;
		border-radius: 50%;
	}

	.earth-overlay {
		position: absolute !important;
		top: 6px !important;
		left: 8px !important;
		z-index: 1000 !important;
		user-select: none !important;
		pointer-events: none !important;
	}
	#myearth {
		margin-top: 131px !important;
		overflow:visible;
	}
}


/* 
@media only screen and (max-width: 578px) {

  
	.earth-container>canvas {
	  position: absolute !important;
	  top: -6px !important;
	  left: 0pc !important;
	  z-index: 1000 !important;
	  user-select: none !important;
	  margin-top: 40px;
  }



  }
 */