@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);


@font-face {
	font-family: 'nexa_boldregular';
	src: url('./../../fonts/nbold/nexa_bold-webfont.eot');
	src: url('./../../fonts/nbold/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'), url('./../../fonts/nbold/nexa_bold-webfont.woff2') format('woff2'), url('./../../fonts/nbold/nexa_bold-webfont.woff') format('woff'), url('./../../fonts/nbold/nexa_bold-webfont.ttf') format('truetype'), url('./../../fonts/nbold/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin:0;
	background: #f0f0f0;
	font: normal 14px / 1.2 Open Sans, Arial, Verdana, Helvetica, Arial, Geneva, sans-serif;
}

.head-container {
	position:relative;
}

.head-blue {
	background: #0b6fa9;	
	text-align:center;
}

.head-img-div {
	max-width: 100%;
	overflow: hidden;
	border: 0px solid #02D917;
	max-height: 65vh;
}

.head-img {
	width: 100%;
}

.head-retrace{
	padding:.6em 0;
	font-size:2em;
	color: #0d3676;
	text-align:center;
}

.head-dates{
	margin:0 0;
	background:white;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: .2em 0;
	text-align:center;
	ont-family: "open sans"; /*nexa_boldregular important;*/
	font-weight:bold;
	font-size:1.2em;
	color: #0d3676;	
}

#moat {
	text-align: center;
	border: 0px dashed #0D5811;
	visibility:hidden;
}

.block, .block-sml {
	position: relative;
	text-align: center;
	border: #a0a0a0 solid 1px;
	background: white;
	margin: 10px;
	display: inline-block;
	width: 234px;
	height: 220px;
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
}

.block-sml {
	width: 104px;
	height: 108px;
}

.block-enter{
	border: #0a6296 solid 4px;
	width: 228px;
	height: 214px;
}

.block-leave{
	border: #a0a0a0 solid 1px;
	width: 234px;
	height: 220px;
}

.block-sml-enter{
	border: #0a6296 solid 2px;
	width: 102px;
	height: 106px;
}

.block-sml-leave{
	border: #a0a0a0 solid 1px;
	width: 104px;
	height: 108px;
}

.block:before, .block-sml:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: 0;
	/* Adjusts for spacing */
}

.cen-box {
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	padding: 5px 5px;
	background: white;
}

.group-sml {
	border: 0px solid navy;
	text-align: center;
}

.overlay {
	text-align: center;
	display: none;
}

.underlay {
	display: none;
	
}

.sub-wrd-big, .sub-wrd-sml {
	color: #a9a9a9;
	font-weight: bold;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 198px;
	z-index:50;
	max-width:98%;
	overflow:hidden;
	max-height:1.2em;
	border:0px solid red;
}

.sub-wrd-sml {
	top:91px;
}

.ddown{
	display:inline-block;
	margin:0 .4em;
	cursor: pointer;
}


    .announcement {			
		font-family: 'Poppins', sans-serif;		
		position: absolute;
		top: 65%;
		right: 45%;
		width:75%;
		max-width:450px; 
		ransform: translate(-50%, -50%);

		background: linear-gradient(to bottom, lightgray, #fafafa);
		
		border-radius: 8px;
		border:4px solid rgb(55, 55, 55, .9);

		padding: 20px;
		font-size: 1.1em;
		color: #333;
		box-shadow: 0 4px 8px rgba(0,0,0,0.3);
		z-index: 9999;
		text-align:center;		
		
		cursor: pointer;
		transition: opacity 0.5s ease, transform 0.5s ease, 1s; /* for fade and slight shrink */
		opacity: 0;	
    }
	
	.announcement .close-btn {
		position: absolute;
		top: -2px;
		right: 8px;
		font-size: 24px;
		font-weight: bold;
		color: #666;
		cursor: pointer;
    }

	.announcement .close-btn:hover {
		color: #000;
    }