/* @charset "utf-8"; */

.grh-map-page {
	width: 100%;
}

/* =========== GR Hystory Top Block ============ */

/* rukis zeda blokis sigane da CarCo */
.grh-map-top-block { 
	margin-bottom: 15px;
	padding: 10px;
	background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #ccc #999 #ccc;
    -webkit-box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
    box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
}

.grh-map-top-block .first-div-zzz {
	max-width: 75%; 
	float: left;
}
.grh-map-top-block .first-link-zzz {
	cursor: pointer; 
	cursor: hand; 
	float: right;
}
#show-hide-about {
	display: none;
	margin: 10px 0 10px;
	padding: 10px;
	background-color: white;
	border-radius: 3px;
    box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
}

.small-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #ccc;
	margin-top: 1.5px;
}
.grh-map-top-block .small-dot, .grh-map-top-block .legend-info,
.grh-map-top-block .info-box > div:nth-child(1) div {
	float: left;
	margin-right: 20px;
}
.grh-map-top-block .small-dot {
	margin-right: 5px;
}
.grh-map-top-block .info-box > div {
	display: inline-block;
	float: left;
}

.curent-time-zzz {
	float: left;
}
.curent-time-zzz span:nth-child(1),
.curent-time-zzz span:nth-child(2) {
	margin-right: 7px;
}
.defpos-zzz {
	float: right;
}


/* =========== GR Hystory BUBBLE CHART ============ */
#grh_bubble_chart {
	width: 100%;
	height: 150px;
	margin-bottom: -55px;
}





/* arCeuli markeris animacia */
@keyframes bubbleAnimation {
	0% { opacity: 0.5; r: 9; }
	50% { opacity: 1.0; r: 15; }
	100% { opacity: 0.5; r: 9; }
}


.bubble-select {
	animation: bubbleAnimation cubic-bezier(0,.54,.53,1) 1000ms;
	animation-fill-mode: forwards;
	animation-delay: 0ms;
	animation-iteration-count: infinite;


	trans ition-duration: 500ms;

	r : 0.8em;
}


#grh_bubble_chart svg g circle {


dis play: none;


trans form: scale(0.7);


}




















/* =========== GR Hystory GOOGLE MAP ============ */
#grh-map { 
	height: 340px;
	margin: auto;
	margin-bottom: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #ccc #999 #ccc;
    -webkit-box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
    box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
}

.marker-hover {
	transition-duration: 100ms;
	opacity: 1.0;
	transform: scale(0.8);
}

/* arCeuli markeris animacia */
@keyframes animationWave {
	0% { opacity: 0.5; transform: scale(0.7); }
	50% { opacity: 1.0; transform: scale(1); }
	100% { opacity: 0.5; transform: scale(0.7); }
}
.marker-selected {
	animation: animationWave cubic-bezier(0,.54,.53,1) 1000ms;
	animation-fill-mode: forwards;
	animation-delay: 0.0s;
	animation-iteration-count: infinite;
}


/* =========== GR Hystory TABLE ============ */
#grh_table .grh_table_bubble {
	text-align: center;
}

#grh_table .grh_table_bubble img {
	opacity: 1.0;
}

#grh_table .grh_table_bubble div {
	position: relative;
}























/* =========== GR Hystory MY SLIDER ============ */


/* DSAWYISSHI DAMALULI slaidis TavSi saTauris atrubutebi */
.my-slider-title-zzz {
	vis ibility: hidden;
	posi tion: relative;
	to p: -170px;
	mar gin: 0 -7px 0 -7px;
	font-size: 10px;
	text-align: center;
}
.my-slider-title-text-zzz {
	background-color: #256acc;
	color: white;
	border-radius: 10px;
	padding: 1px 0 1px 0;
}


#grh-my-slider ul {
	margin: 0;
	display: flex;
}

#grh-my-slider li {
	list-style: none outside !important;
	width: 220px;
	float: left;
	margin-right: 10px;
}



/* slaidis Tavze isris animacia slaidis da markeris mausiT gadafarvisas */
@keyframes arrow-jump {
	0%  { opacity: 1; }
	80%  { opacity: 0; transform: translate(0, 25px); }
	100% { opacity: 0; }
}
.arrow-zzz {
	width: 30px;
	margin-top: 0px;
	margin-bottom: 25px;
	animation: arrow-jump 1000ms infinite; 
}






/* markerze mausis gadatarebisas markeris moniSvna */
@keyframes animationHover {
	0% { opacity: 0.7; transform: scale(2); }
	100% { opacity: 0.7; transform: scale(2); }
}
.marker-animhover-zzz {
	animation: animationHover 10s infinite;
}

/* markerebis da label-is teqsis arCeva
img[src*="http://z03gdo.websail.net/images/GMC-Maps/oval_car-magnet.png"] {}
[style*='12.001pt'] {}
img[src="http://z03gdo.websail.net/images/GMC-Maps/green-my.png?i=0"] {}
*/









/* THIS IS FOR GOOGLE CHROME FOR REMOVE BLUE OUTLINE BORDER */
:focus {
	outline: none !important;	
}




/* =============================================================== */

/* BEGIN @media */
@media screen and (max-width: 979px) {

}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 680px) {

}
@media screen and (max-width: 623px) {

}
@media screen and (max-width: 580px) {
/* zeda blokis 1 qveblokis "About the map" marcxniv gaweva */
	.grh-map-top-block .first-link-zzz {
		float: left;
	}
/* "Map’s default position" Left indent */
	.curent-time-zzz {
		float: none;
	}
	.defpos-zzz {
		float: left;
	}
}
@media screen and (max-width: 543px) {

}
@media screen and (max-width: 470px) {

}
@media screen and (max-width: 361px) {

}
/* END @media */