.HotSpotWrapper {text-align:center;}
#HotSpotWrapper-Top-Science-Findings {
	display: block;
	position: relative;
	overflow: hidden;
}

#HotSpotWrapper-Top-Science-Findings *,
#HotSpotWrapper-Top-Science-Findings *:before,
#HotSpotWrapper-Top-Science-Findings *:after {
	/*box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;*/	
}

#HotSpotWrapper-Top-Science-Findings a,
#HotSpotWrapper-Top-Science-Findings a:hover {
	outline: none;
	text-decoration: none;
}

#HotSpotWrapper-Top-Science-Findings img.canvas {
	max-width: none;
	max-height: none;
	/*width: 100%;
	height: auto;*/width:100%; height:calc(85vh - 150px);
	position: relative;
	display: block;
	z-index: 5;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3;
}
	@media screen and (min-width : 768px) {	#HotSpotWrapper-Top-Science-Findings img.canvas {height:calc(100vh - 250px);}}	

#HotSpotWrapper-Top-Science-Findings a.HotSpot,
#HotSpotWrapper-Top-Science-Findings a:visited.HotSpot {
	/*position: absolute;*/ position:relative;
	z-index: 10;
	/*background: #000000;
	opacity: 0.50;*/
	/*background:#056CB4;*/ background:#072F81;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	/*border: 1px solid #CDCDCD;*/ border: 1px solid #056CB4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	/*display: block;*/ display:inline-block;
	color: #FFFFFF;
}
#HotSpotWrapper-Top-Science-Findings a:hover.HotSpot,
#HotSpotWrapper-Top-Science-Findings a:active.HotSpot,
#HotSpotWrapper-Top-Science-Findings a:focus.HotSpot {
	/*opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/
	/*border: 1px solid #CDCDCD;
	background: #000000;
	border: 1px solid #800000;*/
	color: black;
		 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb6711+0,d45104+100 */
background-color:#ccc;

}

@media print {
	#HotSpotWrapper-Top-Science-Findings a.HotSpot {
		display: block;
		float: none;
		position: relative;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		text-align: left;
		height: auto !important;
		width: 100% !important;
		opacity: 1.00;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		background: none;
		color: #000000;
	}
}
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9b91f+0,f8be07+20,f9c51f+40,f9c51f+60,f8be07+80,f9b91f+100 */
.TopScienceFindings {
background: #f9b91f; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f9b91f 0%, #f8be07 20%, #f9c51f 40%, #f9c51f 60%, #f8be07 80%, #f9b91f 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #f9b91f 0%,#f8be07 20%,#f9c51f 40%,#f9c51f 60%,#f8be07 80%,#f9b91f 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #f9b91f 0%,#f8be07 20%,#f9c51f 40%,#f9c51f 60%,#f8be07 80%,#f9b91f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b91f', endColorstr='#f9b91f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.TopScienceFindings h2 {width:100%; /*top: 5%; position: absolute;*/ margin-top: 1% !important; margin-bottom: 1% !important; position:relative; z-index: 10; text-align:center;}
	/*@media screen and (min-width : 768px) {	.TopScienceFindings h2 {top: 11%; right: 5%; width:40%; position: absolute; text-align:right;}}*/	
.TopScienceFindings .btns {width: 100%; position: relative; z-index: 10; text-align: center;z-index: 10; }
	/*@media screen and (min-width : 768px) {	.TopScienceFindings .btns {bottom: 9%; right: 5%; width: 40%; position: absolute;}}	*/
	.TopScienceFindings .btnImageBorder {width: 200px; margin-right:auto; margin-left:auto; position:relative; }
	
.subheader1 {color:#e26511;}

.TopScienceFindings a.btnMore:link, .TopScienceFindings a.btnMore:visited {
	position:relative; 
	display: inline-block; float:none; 
	margin-top:70px;margin-right:20px;margin-bottom:20px;
    background-color: #056CB4;
	text-decoration: none;
    font-weight: normal;
   /* font-size: 15px;*/
    line-height: 40px;
    padding: 0px 20px 0px 20px;	
    /*font-size: 25px;*/
    text-align: center;
    width: auto;
    color: white !important;
	border-radius: 4px; border: solid 1px #056CB4;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	}	
	/*@media screen and (min-width : 768px) {	.TopScienceFindings a.btnMore:link, .TopScienceFindings a.btnMore:visited  {display:block; float:right; }}	*/
.TopScienceFindings a.btnMore:hover { background-color: #072F81; border: solid 1px #056CB4; color:#fbc03b !important;}
.HotSpotImage {background-size: cover; background-position:center center; width:200px; position:relative; margin-bottom:0px; height:150px;}

/*.HotSpotCaptions { z-index:11; position:absolute; width:80%; right:-80%;  height: calc(100vh - 150px);}*/
.HotSpotCaption {
    position: absolute;
	display:table;
    z-index: -1;
    right: -90%; 
	/*top: 200px;*/top: 0px;
    /*height: calc(100vh - 250px);*/
    width: 90%;
	padding:5% 10%; box-sizing:border-box;
    overflow:scroll;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;	
	border-radius: 10px 0px 0px 10px; border: solid 1px #ffffff;
	 /*background-color: #e26511;*/
	 background-color:#ccc;

}
.HotSpotCaption.active {
    position: absolute;
	z-index:110;
    /*bottom: 0%;
    left: 80px;*/
    right: 0%;
    width: 90%;
    /*height: calc(100vh - 150px);*/
    padding: 0px 5%;
    overflow: auto;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    box-sizing: border-box;
}
.HotSpotCaption .grid {	display: table-cell; vertical-align:middle; padding:40px 0%;}
.HotSpotCaption h3 { /*color:Whitesmoke !important;*/}
	@media only screen and (max-width:799px) { .HotSpotCaption h3 { padding-top:1em !important;} }
.nav-close {
    font-family: Ubuntu;
    font-size: 20px;
    color: black;
    text-align: right;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    text-align: right;
    /*z-index: 11;*/
    width: 25px;
}


.HotSpots{position:relative; margin-left:auto; margin-right:auto; /*display:block;*/ /*display:inline-block;*/ display:block; width:auto;}
.HotSpot {/*width: 15%; min-width:130px; height: auto;*/ margin-left:3%; margin-right:3%;}
	/*.HotSpot:nth-of-type(odd), .rowItem:nth-of-type(odd) .HotSpot {margin-top:0px;margin-bottom:38px;}
	.HotSpot:nth-of-type(even), .rowItem:nth-of-type(even) .HotSpot {margin-top:38px;margin-bottom:0px;}*/
	/*.HotSpot.hs1,.HotSpot.hs3,.HotSpot.hs5,.HotSpot.hs7{margin-top:0px;margin-bottom:38px;}
	.HotSpot.hs2,.HotSpot.hs4,.HotSpot.hs6,.HotSpot.hs8 {margin-top:38px;margin-bottom:0px;}*/

/* 3 Columns */
/*.HotSpots .grid .rowItem {display: block !important; width:100% !important;}
		@media screen and (min-width : 560px) { 
		.HotSpots .grid .rowItem {display: inline-block !important; width:auto !important;}
		}*/
.HotSpots .grid .rowItem:nth-of-type(1):nth-last-of-type(3) { /*width:28% !important;*/ /*margin-left:1.5% !important;*/ margin-left:0% !important;padding-left:0%;padding-right:2.5%;}
.HotSpots .grid .rowItem:nth-of-type(2):nth-last-of-type(3), .HotSpots .grid .rowItem:nth-of-type(2):nth-last-of-type(2), .HotSpots .grid .rowItem:nth-of-type(3):nth-last-of-type(1), .HotSpots .grid .rowItem:nth-of-type(3):nth-last-of-type(3) { /*width:28% !important;*/ margin-left:0% !important; padding-left:2.5%;padding-right:2.5%;}


/*mods to the grid to make it wrap by 2 and 3 items in a row*/
.HotSpots .grid .rowItem { display:block !important; width:100% !important; margin-top:0% !important; margin-left:0% !important; padding-left:0% !important;padding-right:0% !important;}
.HotSpot.hs1,.HotSpot.hs3,.HotSpot.hs5,.HotSpot.hs7{margin-top:10px;margin-bottom:10px;}
.HotSpot.hs2,.HotSpot.hs4,.HotSpot.hs6,.HotSpot.hs8 {margin-top:10px;margin-bottom:10px;}

/* First, break by 2 items in a row.  Then, break by 3 items in a row */
.hotSpotsBreakLineFor2 {display:none;} 
.hotSpotsBreakLineFor3 {display:none;} 
	@media screen and (min-width : 480px) { 
		.hotSpotsBreakLineFor2 {display:block;} 
		.hotSpotsBreakLineFor3 {display:none;}
		
		.HotSpot.hs1,.HotSpot.hs3,.HotSpot.hs5,.HotSpot.hs7{margin-top:10px;margin-bottom:38px;}
		.HotSpot.hs2,.HotSpot.hs4,.HotSpot.hs6,.HotSpot.hs8 {margin-top:38px;margin-bottom:10px;}
		
		.HotSpots .grid .rowItem { display:inline-block !important; width:42% !important;}
		}
	@media screen and (min-width : 768px) { 
		.hotSpotsBreakLineFor2 {display:none;} 
			.HotSpots.FOUR .hotSpotsBreakLineFor2 {display:block;} 
		.hotSpotsBreakLineFor3 {display:block;} 
		
		.HotSpot.hs1,.HotSpot.hs3,.HotSpot.hs5,.HotSpot.hs7{margin-top:10px;margin-bottom:38px;}
		.HotSpot.hs2,.HotSpot.hs4,.HotSpot.hs6,.HotSpot.hs8 {margin-top:38px;margin-bottom:20px;}
		
		.HotSpots .grid .rowItem { display:inline-block !important; width:28% !important;}
				
	}
	@media screen and (min-width : 1224px) { 		
		.hotSpotsBreakLineFor2 {display:none;} 
			.HotSpots.FOUR .hotSpotsBreakLineFor2 {display:none;}
		.hotSpotsBreakLineFor3 {display:none;} 
		
		.HotSpots .grid .rowItem { display:inline-block !important; width:15% !important;}
			.HotSpots .HotSpots.FOUR .grid .rowItem { width:20% !important;}
		
		/*3 items*/
		.HotSpots .grid .rowItem:nth-of-type(1):nth-last-of-type(3) { width:28% !important; /*margin-left:1.5% !important;*/ margin-left:0% !important;padding-left:0%;padding-right:0%;}
		.HotSpots .grid .rowItem:nth-of-type(2):nth-last-of-type(3), 
		.HotSpots .grid .rowItem:nth-of-type(2):nth-last-of-type(2), 
		.HotSpots .grid .rowItem:nth-of-type(3):nth-last-of-type(1), 
		.HotSpots .grid .rowItem:nth-of-type(3):nth-last-of-type(3) { width:28% !important; margin-left:0% !important; padding-left:0%;padding-right:0%;}
		
		/*4 items
		.HotSpots .grid .rowItem:nth-of-type(1):nth-last-of-type(4) { width:22% !important; margin-left:0; padding-left:2.5%; padding-right:2.5%; }
		.HotSpots .grid .rowItem:nth-of-type(2):nth-last-of-type(3), 
		.HotSpots .grid .rowItem:nth-of-type(3):nth-last-of-type(2), 
		.HotSpots .grid .rowItem:nth-of-type(4):nth-last-of-type(1) { width:22% !important; margin-left:0;  padding-left:2.5%; padding-right:2.5%;}*/
		
		/*5 items
		.HotSpots .grid .rowItem:nth-of-type(1):nth-last-of-type(5) {width:15% !important; margin-left:0; }
		.HotSpots .grid .rowItem:nth-of-type(2):nth-last-of-type(4), 
		.HotSpots .grid .rowItem:nth-of-type(3):nth-last-of-type(3), 
		.HotSpots .grid .rowItem:nth-of-type(4):nth-last-of-type(2), 
		.HotSpots .grid .rowItem:nth-of-type(5):nth-last-of-type(1) {width:15% !important; margin-left:0%; }*/
		
		/*6 items
		.HotSpots .grid .rowItem:nth-of-type(1):nth-last-of-type(6) {width:12.6% !important; margin-left:0; }
		.HotSpots .grid .rowItem:nth-of-type(2):nth-last-of-type(5), 
		.HotSpots .grid .rowItem:nth-of-type(3):nth-last-of-type(4), 
		.HotSpots .grid .rowItem:nth-of-type(4):nth-last-of-type(3), 
		.HotSpots .grid .rowItem:nth-of-type(5):nth-last-of-type(2), 
		.HotSpots .grid .rowItem:nth-of-type(6):nth-last-of-type(1) { width:12.6% !important; margin-left:0%; }*/
	}