.countdown-bg {
	padding: 1em 1em 0 1em;
	margin: 2em auto;
	text-align: center;
	border-radius: .5em;
	background-color: #81bc2e;
	opacity: 0.85;
	filter: alpha(opacity=85); /* For IE8 and earlier */
	max-width: 1000px;
}


/***** GREEN BG *****/
.content .greenbg {
	background-color: #56930b;
}
	.content .greenbg h2, 
	.content .greenbg h3, 
	.content .greenbg h4, 
	.content .greenbg h5, 
	.content .greenbg p, 
	.content .greenbg a, 
	.content .greenbg ul li {
		color: #fff;
		border-color: #6db33f;
	}
	.content .greenbg a:hover {
		border-color: #fff;
	}
	.content .greenbg a.button.learnmore, 
	.content .greenbg a.button.learnmore:hover {
		border: none;
	}
	.content .greenbg ul.links li a {
		background-color: #61a60e;
		color: #fff;
	}
		.content .greenbg ul.links li a:hover {
			background-color: #6db33f;
			color: #fff;
		}

		.content .greenbg .box {
			background-color: #fff;
			border: none;
			border-radius: 15px;
			padding-bottom: 1em;

		}
			.content .greenbg .box h2,
			.content .greenbg .box h3,
			.content .greenbg .box h4,
			.content .greenbg .box h5,
			.content .greenbg .box h6,
			.content .greenbg .box p,
			.content .greenbg .box li {
				color: #222;
			}
			.content .greenbg .box a {
				color: #084c8d;
			}
				.content .greenbg .box a.button {
					color: #fff;
				}
				.content .greenbg .box ul.links a,
				.content .greenbg .box a.pdf {
					background-color: #fff;
					color: #084c8d;
				}
					.content .greenbg .box ul.links a:hover, 
					.content .greenbg .box a.pdf:hover {
						background-color: #084c8d;
						color: #fff;
					}





.content h1 {
	font-size: 250%;
}

@media only screen and (min-width: 768px) { /* sm screens and up */
	.content h1 {
		font-size: 300%;
	}
}
@media only screen and (min-width: 1200px) { /* lg screens and up */
	.content h1 {
		font-size: 400%;
	}
}






/* FLEX CONTENT */	
ul.flexbox {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	padding: 0;
	margin: 0;
	list-style: none;
}
	ul.flexbox > li {
		flex: 1 1 300px;
		margin: 0 1em 1em;
		padding: 1em;
		border-radius: 5px;
		background-color: #fff;
/*
		background-color: rgba(255, 255, 255, 0.75);
		box-shadow: 0 0 15px 0 #ccc;
*/
		height: auto;
		list-style: none;
	}
	.content ul.flexbox > li p.big {
		padding-bottom: 0;
	}
	ul.flexbox.tint > li {
		background-color: rgba(255,255,255,.25);
	}
	ul.flexbox.outline > li {
		border: 5px solid #999;
		background-color: inherit;
	}


.content ul.flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: stretch;
	padding: 0;
	margin: 0;
	list-style: none;
}
	.content ul.flex li {
		flex: 0 1 350px;
		height: auto;
		display: block;
		padding: .75em .75em .5em;
		margin-bottom: .5em;
		background-color: rgba(255,255,255,.15);
		border-radius: 5px;
	}
		.content ul.flex li h3 {
			padding-top: .125em;
		}
		.content ul.flex li p {
			padding-bottom: .25em;
			line-height: 1.25;
		}




.standardheader {
	max-width: 1600px;
	margin: 0 auto;
}
.standardheader .hero {
	position: relative;
}
	.standardheader .hero::before {
		left: 0;
	}

.standardheader .heromobile {
	position: relative;
}
	.standardheader .heromobile::before {
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100% - 6.1px);
		background-color: rgba(0,0,0,.5);
		position: absolute;
		z-index: 99;
	}
	.standardheader .heromobile video, .standardheader .heromobile img {
		width: 100%;
		height: auto;
	}
	.standardheader .heromobile img.mobileimage {
		position: absolute;
		text-align: center;
		top: 25%;
		left: 50%;
		z-index: 100;
		transform: translate(-50%,-25%);
		width: 60%;
		height: auto;
	}


.standardheader .hero .center > img {
	display: none;
}

.content .fxspacer {
	height: 2em;
	display: block;
}
.content .fxbus img {
	margin-top: -6em;
}

@media only screen and (min-width: 768px) { /* sm screens and up */
	.standardheader .heromobile::before {
		background: none;
	}
	.standardheader .heromobile img.mobileimage {
		display: none;
	}
	
	.standardheader .hero .center > img {
		display: block;
		width: 400px;
	}
	.content .fxspacer {
		height: 8em;
	}
	.content .fxbus img {
		margin-top: -8em;
	}
}
@media only screen and (min-width: 992px) { /* md screens and up */
	.content .fxspacer {
		height: 4em;
	}
	.standardheader .hero .center > img {
		width: 800px;
	}
	.content .fxbus img {
		margin-top: -10em;
	}
}



/***** MAP *****/
.bigmap {
    background-color: #fff;
    padding: 0;
	margin: 0;
    position: relative;
}
    .bigmap .mapnav p {
        background-color: #eee;
        padding: 5px 0 0;
        width: 120px;
        height: 24px;
        margin: 0;
        z-index: 1000;
        text-align: center;
        position: absolute;
        top: 10px;
        right: 10px;
        border-radius: 10px;
        color: #333;
    }
    @media only screen and (min-width: 1650px) {
        .bigmap .mapnav p {
            display: none;
        }
    }
.dragscroll {
    overflow: auto;
    cursor: grab;
    height: 400px;
    z-index: 100;
}
    .dragscroll::-webkit-scrollbar { 
        width: 0 !important;
    }
        .dragscroll img {
            display: block;
            width: auto;
            height: 100%;
            margin: 0 auto;
        }
    @media only screen and (min-width: 768px) { /* sm screen and up */
		 .bigmap .mapnav p {
			width: 160px;
			height: 30px;
		}
       .dragscroll {
            height: 500px;
        }
    }
    @media only screen and (min-width: 992px) { /* md screens and up */
        .dragscroll {
            height: 650px;
        }
    }
    @media only screen and (min-width: 1650px) {
         .dragscroll img {
            display: block;
            width: 100%;
            height: auto;
        }
       .dragscroll {
            height: auto;
        }
    }


.content .number {
	background-color: #084c8d;
	box-shadow: 0 0 0 2px rgba(255,255,255,1);
}

.container-fluid {
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: " ";
}
.container-fluid:after {
  clear: both;
}

img.svgIcon {
	width:15px;
}
