@media all {
/**************************************************************/
/* Common */
	HTML		{ box-sizing: border-box; }
	*, *:before,
	*:after		{ box-sizing: inherit; }
	IMG.x		{ display: none; }
	BODY		{ background-color: #10364C; margin: 0px; padding: 0px; }
	P, LI, LABEL{ font: 14pt 'PT Sans',sans-serif; }

/**************************************************************/
/* Home Page */
HTML, BODY	{ height: 100%; margin: 0px; }
HEADER,
.slider-container	{ width: 100%; height: 100%; position: relative; overflow: hidden; }
.slide				{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1;
					  transition: opacity 0.5s ease; background-size: cover; background-position: center; }

#slide1	{ background-image: url(/images/Home.jpg); }
SECTION	{ position: absolute; margin: 0px; top: 0px; left: 0px; width: 100%; }
#Logo	{ position: absolute; right: 20px; border: 0px solid red; width: fit-content;
			  transition: all 1.2s ease;
		}
H1		{ color: #F97A44; margin: 5px 0px 0px 0px; font: 30pt 'PT Serif',times; }
H1 B	{ color: white; font-weight: 400; }
#SearchFilter,
#Login	{ font: 16pt Monda, sans-serif; line-height: 24px; display: block; padding: 5px 15px 7px;
		border-radius: 5px; text-decoration: none; box-shadow: 3px 3px 2px #000000A0; margin: 5px auto;
		top: 0px; right: 20px; width: fit-content; position: relative; /* transition: opacity 1.2s ease; */
		background: linear-gradient(to bottom, #DDD, #888); color: #FFF; text-shadow: 1px 1px #000;	}
#SearchFilter	{ position: absolute; top: 10px; display: none; opacity: 0; transition: all 1.2s ease; }

FORM	{ display: block; position: relative; top: 120px; margin: 0px auto; background-color: #000000C0;
		  min-height: 120px; min-width: 360px; border: 1px solid #888; width: fit-content;
		  padding: 10px 20px; box-shadow: 8px 8px 8px #000000A0; transition: opacity 1s ease;
	}

FORM DIV.Col				{ display: inline-block; }
FORM DIV.Col:first-child	{ margin-right: 20px; }
FORM LABEL		{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 5px 0px; cursor: pointer; }
FORM LABEL B	{ border: 1px solid #F97A44; display: inline-block; padding: 0px; width: 18px;
				  font: 400 16px FontAwesome; color: #FFF; height: 18px;
				  background-color: #FFF; vertical-align: text-bottom; border-radius: 5px; }
FORM LABEL U	{ color: #FFF; text-decoration: none; display: inline-block; margin-left: 10px; text-shadow: 2px 2px 0px #000; }

FORM DIV.Row1	{ display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
FORM #Sel,
FORM #Clr		{ display: inline-flex; margin: 5px 10px; }
FORM #Sel B		{ background-color: green; }
FORM #Clr B		{ background-color: red; padding-left: 1.4px; }
FORM P			{ color: #FFF; margin: 5px 0px; max-width: 415px; }

FORM DIV.Row3	{ display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; }
FORM INPUT[type=text]	{ display: block; width: 100%; font: 15pt 'PT Sans',sans-serif;
		margin: 0px 10px 0px 0px; padding: 4px 2px; }

FORM INPUT[type=button]	{ display: block; margin: 10px 0px; box-shadow: 3px 3px 2px #000000A0;
		font: 16pt Monda, sans-serif; line-height: 24px; display: block; padding: 5px 15px 7px;border-radius: 5px;
		background: linear-gradient(to bottom, #DDD, #888); color: #FFF; text-shadow: 1px 1px #000; }

#popup-container	{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
					  background-color: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; opacity: 0;
					  transition: opacity 0.3s ease-in-out; z-index: 1000; }
popup-image			{ background-color: white; padding: 20px; border-radius: 8px; max-width: 90%; max-height: 90%;
					  overflow: auto; position: relative; }


}


:root {
  --building-color: #FF9800;
  --house-color: #0288D1;
  --shop-color: #7B1FA2;
  --warehouse-color: #558B2F;
}

/*
 * Optional: Makes the sample page fill the window.
 */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#map { height: 100%; width: 100%; opacity: 0; transition: opacity 1s ease; }

 /* Optional styling for the close button within the popup */
  #popup-image button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 8px 12px;
    cursor: pointer;
    background-color: #f0f0f0;
    border: 1px solid #CCC;
    border-radius: 4px;
    font-size: 1em;
  }

  #popup-image button:hover {
    background-color: #e0e0e0;
  }

.price-tag {
	background-color: #10364C; /* #4285F4; */
	border-radius: 8px;
	color: #FFF;
	font: 14pt Monnda, sans-serif;
	text-shadow: 2px 2px 1px #000;
	padding: 10px 15px;
	position: relative;
}

.price-tag::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #10364C;	/* #4285F4; */
}


/**************************************************************/
/* Map Baloon */

/* Adjustments to Google Style */
.gm-style .gm-style-iw	{ }
.gm-style .gm-style-iw-c	{ background-color: #EAF4FF; padding: 0px 0px 0px 10px ! important; } /* Popup Baloon */
.gm-style .gm-style-iw-ch	{ background: #0080c0 linear-gradient(to bottom, #00a1f2, #005c73); margin: 10px 10px 0px 0px; border-radius: 5px; }
.gm-style .gm-style-iw BUTTON	{ background: linear-gradient(to bottom, #FF0000, #800000) ! important;
	margin: 12px 10px 0px 0px ! important; border-radius: 5px; opacity: 1 ! important; }
.gm-style .gm-style-iw BUTTON SPAN	{ margin: 4px ! important; background-color: white ! important; }
.gm-style .gm-ui-hover-effect>SPAN	{ }
.gm-style .gm-style-iw-d	{ overflow: hidden ! important; margin-right: 10px ! important; } /* content inside of the baloon */
.gm-style .gm-style-iw-tc::after	{ background: #EAF4FF ! important; }
.zgm-style DIV DIV DIV DIV DIV DIV DIV { font: bold 16pt Monda,sans-serif ! important; xcolor: #000 ! important;
	text-shadow: #FFF 3px 3px 3; zbackground-color: #000; line-height: 18pt ! important;
	padding: 0px 0px 0px 0px; border: 0px solid black; }

.MapLabel	{ color: red; }

/* NetChain Additions */
DIV.info 	{ }
DIV.info H3,
DIV.info H4 { margin: 0px; }
DIV.info H3	{ font: 20pt Oswald,helvetica; border-bottom: 1px solid #000; }
DIV.info H4 { font: 18pt 'PT Sans',helvetica; margin-top: 5px; }
DIV.info H5 { font: 16pt 'PT Sans',helvetica; margin: 5px 0px 10px; }
DIV.info IMG { max-width: 220px; height: auto; margin-top: 10px; }
.gm-style .gm-style-iw BUTTON,
.gm-style .gm-style-iw BUTTON.gm-ui-hover-effect,
BUTTON.gm-ui-hover-effect		{ width: 32px ! important; height: 32px ! important; top: -1px ! important; right: 1px ! important; }
BUTTON.gm-ui-hover-effect IMG	{ width: 32px ! important; height: 32px ! important; margin: 0px ! important; }