.ggskin { font-family: Roboto, Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}

h1{
	font-size:30pt;
	text-transform:uppercase;
	font-weight:100;
	margin:0;
	color:#fff;
}
h1 br{
	display:none;
}
h1 .mob{
	font-size:14pt;
	font-weight:500;
}
.sceneDescription{
	color:#fff;
	font-weight:300;
	font-size:14pt;	
}
.sceneDescription b{
	text-transform:uppercase;
	font-weight:400;
}

.hsText{
	color:#fff;
	font-weight:300;
	font-size:18pt;
	margin-top:10px;
}
.hsText a{
	color:#fff;
}
.hsText .mob{
	font-size:14pt;
}

.mob {
	padding:0 40px;
}
img{
	max-width:100%;
}
.engineTable{
color:#000;
border-collapse: collapse;
width:100%;
background-color:#fff;
border-spacing:0;
border:solid 1px gray;
margin-top: -4px;
}
.engineTable td{
padding:1em;
margin:0;
border:solid 1px #fff;
font-size:12pt;
}
.gray td{
	background-color:gray;
	color:#fff;
}
.silver td{
	background-color:#f0f0f0;
}

.bottomThumbsText{
	text-transform:uppercase;
	font-size:18px;
	font-weight:700;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

.imgThumb{
	border-radius: 5px !important;
    overflow: hidden;
    box-shadow: 1px 1px 20px rgb(0 0 0 / 20%);
    border: solid 2px rgba(255,255,255,0.5);
	/* filter: brightness(0.9); */
}
.imgThumb:hover{
    border: solid 2px rgba(255,255,255,1) !important;
	/* filter: brightness(1); */
}




.animatedHSback{
width:100px;
height:100px;
border-radius:50px;
pointer-events: none;
background-color:#ffFFFF;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: bgCircleSize;
    transform-origin: center center;
	animation-timing-function:ease-out;	
}
.mapPin:hover{
z-index:1;
}
.htNode:hover{
z-index:2 !important;
}

@keyframes colorChange {
    0% { background-color:#5d4cdb; }
	100% { background-color:#b90034; }
}

@keyframes bgCircleSize {
    0% { transform: scale(0.9); opacity: 1; }
    25% { transform: scale(0.9); opacity: 1; }
    100% { transform: scale(2); opacity: 0;}
}