/* Site Summary */

.popupContent {
	width: auto;
}
.siteSummaryImage{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.0) 30%), url(/wp-content/uploads/site-summary-image.jpg);
}
.siteSummaryImage svg{
	width: 100%;
		height: auto;
		position: fixed;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%)
}
.siteSummaryImage svg polygon{
	transition: all 0.3s ease;
}


.siteSummaryImage svg path{
	pointer-events: none;
}
@media (max-aspect-ratio:2000/1200) {
	.siteSummaryImage svg {
		width: auto;
		height: 100vh;
	}
}

#siteSummaryLot35Text, #siteSummaryLot36Text{
	pointer-events: none;
}
#siteSummaryLot35 path, #siteSummaryLot36 path{
transition: all 0.5s ease;
pointer-events: all;
}
#siteSummaryLot35 path:hover, #siteSummaryLot36 path:hover{
	fill-opacity: 0.5 !important;
}


/* Site Summary */






#area {
	fill: #000000;
	fill-opacity: 0.3;
	stroke: #ffffff;
	stroke-width: 3px;

	stroke-dasharray: 1px 10px;
	stroke-linecap: round;
	transition: all 0.3s ease;
	-webkit-animation: animate-svg-stroke-1 50s linear 0s alternate infinite both;
	animation: animate-svg-stroke-1 50s linear 0s alternate infinite both
}

#area:hover {
	fill-opacity: 0.5;
}

#logoPin {
	fill:white;
	pointer-events: none;
	-webkit-animation: pin 0.5s ease-in 0.5s both;
	animation: pin 0.5s ease-in 0.5s both;
}


#logoPin {
	transform-origin: 1308px 782px;
	-webkit-animation: pinScale 3s infinite ease-in-out !important;
	animation: pinScale 3s infinite ease-in-out !important;
}

@-webkit-keyframes pin {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes pin {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes pinScale {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.9);
	}
}

@-webkit-keyframes pinScale {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.9);
	}
}

@keyframes animate-svg-stroke-1 {
	0% {
		stroke-dashoffset: 1050.57177734375px;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes animate-svg-stroke-1 {
	0% {
		stroke-dashoffset: 1050.57177734375px;
	}

	100% {
		stroke-dashoffset: 0;
	}
}