body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

video::-webkit-media-controls {
    display:none !important;
}

*:focus {
    outline: none;
}

*:not(input,textarea) {
 -webkit-touch-callout: none;

 -webkit-user-select: none;
            user-select: none;
}

fieldset,img {
	border:0;
	outline: 0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:400;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:700;
}

body {
	font-family:'helvetica neue', Helvetica, Arial, sans-serif;
	color:#1b1b1b;
	font-size:14px;
	background: url(../images/bg.png) #3e9fc8;
}

a,a:visited {
	text-decoration:none;
	color:#1b1b1b;
	display:block;
}

a:hover {
	cursor:pointer;
}

ul {
	list-style:none;
}

p {
	line-height:25px;
	margin-bottom:20px;
	font-size:14px;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.mainContainer {
	width:1280px;
	height:720px;
	position:relative;
	margin:auto;
}

header {
	height:116px;
	background:#14b9d6;
	/* width:1280px;*/
	overflow:visible;
	position:relative;
	z-index: 40;
}

.content {
	height:605px;
	/* width:1280px;*/
	position: relative;
	overflow: hidden;
}

.logo {
	height:123px;
	width:278px;
	background:url(../images/stormstruck-logo.png) no-repeat top left;
	position:absolute;
	top:-2px;
	left:30px;
	z-index:2;
}

.logo h1 {
	text-indent: -9999px;
}

.navigation,.downloadLinks {
	position:absolute;
	height:116px;
	width:116px;
}

.navigation {
	background: #3e9fc8;
	top:0;
	right:116px;
}

.downloadLinks {
    background-color: #c7ebd5;
	height: 116px;
	width: 116px;
	top:0;
	right:0;
	z-index: 1200;
}

/* Home */

/* Weather Animations */

/* Day-To-Night / Night-To-Day */
	.nightAndDay {
		/*background:url(../images/blur_FlashSite_v01_0001.jpg) no-repeat top left #9ef3d3;*/
		/* background:url(../images/neutral-main-bg.jpg) no-repeat top left #9ef3d3;*/
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-size: cover; 

	}

		.nightAndDay > div {
			-webkit-transition: all 0.6s ease-in-out;
			-moz-transition: all 0.6s ease-in-out;
			-ms-transition: all 0.6s ease-in-out;
			-o-transition: all 0.6s ease-in-out;
			transition: all 0.6s ease-in-out;
		}
		
		.weatherAnimation {}
		
		
		.weatherAnimation li {
			transition: .1s all;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}
		
		.weatherAnimation li.fadeOut {
			opacity: 0;
		}
		
		.weatherAnimation li.fadeIn {
			opacity: 1;
		}
		
		.weatherAnimation li video {
			margin-top: -72px;
			position: absolute;
			top: 0px;
			left: 0;
			width: 1280px;
			height: 720px;
			/* -webkit-transition: all 1s linear; */
			-moz-transition: all 1s linear;
			-o-transition: all 1s linear;
			/* transition: all 1s linear; */
			z-index: 10;
		}
		
		.weatherAnimation li video.oldVideo {
			z-index: 0;
		}
		
		
		.weatherAnimation li img {
			width: 100%;
			height: auto;
		}
		
		/* This prevents any browser events from firing as long as the element has this class */
		.blockable-button.blocked {
			pointer-events: none !important;
		}
		

	.blur {
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 1280px;
		height: 720px;
		opacity: 1;
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}
	
	.blur.day {
		background-image: url(../images/day-clear-loop-static-image.jpg);
		background-size: 100% auto;
	}
	
	
	
	
	.blur50.day {
		background-image: url(../images/blur_FlashSite_v01_0001-50.jpg);
	}
	
	.blur75.day {
		background-image: url(../images/blur_FlashSite_v01_0001-75.jpg);
	}
	
	.blur.night {
		/* background-image: url(../images/blur_FlashSite_v01_0030.jpg); */
	}

	.cinema:hover ~ .blur,
	.postOffice:hover ~ .blur,
	.teacherResources:hover ~ .blur,
	.about:hover ~ .blur,
	.weatherSafe:hover ~ .blur {
		opacity: 1;
	}

	/* .cinema:hover ~ .nightAndDay.night > div:nth-last-child(3),
	.postOffice:hover ~ .nightAndDay.night > div:nth-last-child(3),
	.teacherResources:hover ~ .nightAndDay.night > div:nth-last-child(3),
	.about:hover ~ .nightAndDay.night > div:nth-last-child(3),
	.weatherSafe:hover ~ .nightAndDay.night > div:nth-last-child(3) {
		background: url(../images/blur_FlashSite_v01_0070.jpg) no-repeat top left !important;
	}*/

	.content .cinema,
	.content .postOffice,
	.content .teacherResources,
	.content .about,
	.content .weatherSafe { position: absolute; display: block; z-index: 30;  }

	.content .cinema {height: 196px;width: 207px;top: 183px;left: 330px;}
	.content .postOffice {height: 178px;width: 267px;top: 197px;left: 551px;}
	.content .teacherResources {height: 189px;width: 131px;top: 199px;left: 854px;}
	.content .about {height: 133px;width: 268px;top: 433px;left: 366px;}
	.content .weatherSafe {height: 190px;width: 174px;top: 207px;left: 1021px;}
	
	.content > div > div {
		position: relative;
	}

	/*.content .cinema:hover,
	.content .postOffice:hover,
	.content .teacherResources:hover,
	.content .about:hover,
	.content .weatherSafe:hover { background: url(../images/hover-main-bg.jpg) no-repeat;}
	*/
	
	/* .content .cinema:hover { background: url(../images/cinema-hover.png) no-repeat; }
	.content .postOffice:hover { background: url(../images/mail-hover.png) no-repeat;}
	.content .teacherResources:hover { background: url(../images/school-hover.png) no-repeat;}
	.content .about:hover { background: url(../images/about-hover.png) no-repeat;}
	.content .weatherSafe:hover { background: url(../images/weathersafe-hover.png) no-repeat;}*/

		.content .cinema > div { height: 200px; width: 234px; }
		.content .postOffice > div { height: 184px; width: 332px; }
		.content .teacherResources > div { height: 189px; width: 177px; }
		.content .about > div { height: 270px; width: 207px; }
		.content .weatherSafe > div { height: 188px; width: 171px; }
		
			.content .cinema a { top: 30px; left: 40px; }
			.content .postOffice a { top: 10px; left: 60px; }
			.content .teacherResources a { top: 30px; left: -5px; }
			.content .about a { top: -20px; left: 50px; }
			.content .weatherSafe a { top: 10px; left: 20px; }
		
			.cityLinks div div a { 
				opacity: 0;
				-webkit-transform: scale(0.9,0.9);
				-webkit-transition-timing-function: ease-out;
				-webkit-transition-duration: 250ms;
				-moz-transform: scale(0.9,0.9);
				-moz-transition-timing-function: ease-out;
				-moz-transition-duration: 250ms;
				font-weight: 300; 
				
				width: 148px;
				height: 100px;
				background:url(../images/nav-bg.png);
				-moz-border-radius: 74px;
				-webkit-border-radius: 74px;
				border-radius: 74px;
				text-align: center; padding-top: 48px;
				font-size: 22px;
				color: #fff;

				position: absolute;
			}

			.cityLinks a:hover {
				opacity: 1;
				-webkit-transform: scale(1,1);
				-webkit-transition-timing-function: ease-out;
				-webkit-transition-duration: 250ms;
				-moz-transform: scale(1,1);
				-moz-transition-timing-function: ease-out;
				-moz-transition-duration: 250ms;
				position: relative;
				z-index: 99; 
			}

.weatherWidget {
	height:388px;
	width:240px;
	position:absolute;
	bottom:-1px;
	left:26px;
	background:url(../images/weather-widget.png) no-repeat bottom left;
	z-index:20;
}

.weatherWidget .dayNightIcon {
	position: relative;
}

.weatherWidget .dayNightIcon .day {
	background: url(../images/day-sunny.png) no-repeat bottom left;
	background-size: 100% auto;
	position: absolute;
	width: 32px;
	height: 32px;
	top: 280px;
	left: 26px;
}

.blur.day ~ .weatherWidget .dayNightIcon div {
	background: url(../images/day-sunny.png) no-repeat bottom left;
	background-size: 100% auto;
	position: absolute;
	width: 32px;
	height: 32px;
	top: 280px;
	left: 26px;
}

.weatherWidget .dayNightIcon .night {
	background: url(../images/night-clear.png) no-repeat bottom left;
	background-size: 100% auto;
	position: absolute;
	width: 32px;
	height: 32px;
	top: 280px;
	left: 26px;
}

.blur.night ~ .weatherWidget .dayNightIcon div {
	background: url(../images/night-clear.png) no-repeat bottom left;
	background-size: 100% auto;
	position: absolute;
	width: 32px;
	height: 32px;
	top: 280px;
	left: 26px;
}


.weatherWidget .w-state-icon {
	position: relative;
	-webkit-transition: opacity .5s linear;
	-ms-transition: opacity .5s linear;
	-o-transition: opacity .5s linear;
	transition: opacity .5s linear;
}

.weatherWidget .w-state-icon .day-sunny,
.weatherWidget .w-state-icon .day-clear,
.weatherWidget .w-state-icon .weatherIcon-day-clear  {
	position: absolute;
	background:url(../images/day-sunny.png) no-repeat top left;
	width: 104px;
	height: 109px;
	top: 110px;
	left: 70px;
}

.weatherWidget .w-state-icon .day-rainy,
.weatherWidget .w-state-icon .weatherIcon-day-rain  {
	position: absolute;
	background:url(../images/day-rain.png) no-repeat top left;
	width: 142px;
	height: 119px;
	top: 100px;
	left: 50px;
}

.weatherWidget .w-state-icon .day-snowy,
.weatherWidget .w-state-icon .weatherIcon-day-snow  {
	position: absolute;
	background:url(../images/day-snowy.png) no-repeat top left;
	width: 139px;
	height: 135px;
	top: 110px;
	left: 50px;
}

.weatherWidget .w-state-icon .night-clear,
.weatherWidget .w-state-icon .weatherIcon-night-clear {
	position: absolute;
	background:url(../images/night-clear.png) no-repeat top left;
	width: 88px;
	height: 88px;
	top: 100px;
	left: 70px;
}

.weatherWidget .w-state-icon .night-rainy,
.weatherWidget .w-state-icon .weatherIcon-night-rain {
	position: absolute;
	background:url(../images/night-rainy.png) no-repeat top left;
	width: 144px;
	height: 124px;
	top: 110px;
	left: 50px;
}

.weatherWidget .w-state-icon .night-snowy,
.weatherWidget .w-state-icon .weatherIcon-night-snow {
	position: absolute;
	background:url(../images/night-snowy.png) no-repeat top left;
	width: 104px;
	height: 126px;
	top: 110px;
	left: 70px;
}

.weatherWidget .w-state-icon .day-cloudy,
.weatherWidget .w-state-icon .weatherIcon-day-cloudy {
	position: absolute;
	background:url(../images/day-cloudy.png) no-repeat top left;
	width: 141px;
	height: 107px;
	top: 100px;
	left: 50px;
}

.weatherWidget .w-state-icon .night-cloudy,
.weatherWidget .w-state-icon .weatherIcon-night-cloudy {
	position: absolute;
	background:url(../images/night-cloudy.png) no-repeat top left;
	width: 141px;
	height: 107px;
	top: 110px;
	left: 50px;
}

.weatherWidget .w-state-icon .day-fog,
.weatherWidget .w-state-icon .weatherIcon-day-fog {
	position: absolute;
	background:url(../images/day-mist.png) no-repeat top left;
	width: 141px;
	height: 107px;
	top: 100px;
	left: 50px;
}

.weatherWidget .w-state-icon .night-fog,
.weatherWidget .w-state-icon .weatherIcon-night-fog {
	position: absolute;
	background:url(../images/night-mist.png) no-repeat top left;
	width: 139px;
	height: 122px;
	top: 110px;
	left: 50px;
}

.weatherWidget .w-state-icon .day-cloudy,
.weatherWidget .w-state-icon .weatherIcon-day-cloudy {
	position: absolute;
	background:url(../images/day-cloudy.png) no-repeat top left;
	width: 142px;
	height: 108px;
	top: 100px;
	left: 50px;
}

.weatherWidget .w-state-icon .night-cloudy,
.weatherWidget .w-state-icon .weatherIcon-night-cloudy {
	position: absolute;
	background:url(../images/night-cloudy.png) no-repeat top left;
	width: 142px;
	height: 103px;
	top: 110px;
	left: 50px;
}


/* Day-To-Rain */

.dayToRain {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover; 
}

.weatherWidget .clearToggle {
	position: absolute;
	bottom: -312px;
	height: 110px;
	width: 64px;
	left: 1px;
	cursor: pointer;
}

.weatherWidget .rainToggle {
	position: absolute;
	bottom: -312px;
	height: 110px;
	width: 64px;
	left: 77px;
	cursor: pointer;
}

.weatherWidget .snowToggle {
	position: absolute;
	bottom: -312px;
	height: 110px;
	width: 64px;
	left: 154px;
	cursor: pointer;
}

/* Rain Loop */
.rainLoop {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover; 
}

/* Weather Safe In Your Area */
.local-risks {
	background:url(../images/bg-weather-safe-in-your-area.jpg) no-repeat bottom left;
}	
		p.center {
			text-align: center;
		}
		
		.button.search-risks {
			display: inline-block;
			width: 323px;
			height: 323px;
			margin: 0 auto;
			border-radius: 162px;
			font-size: 35px;
			line-height: 46px;
			text-align: center;
			vertical-align: middle;
		}
		
			.button.search-risks span {
				display: table-cell;
				height: 323px;
				vertical-align: middle;
				width: 323px;
				text-align: center;
				color: #ffffff;
			}

/* Weather Safe In Your Area - US Map */
.state-search {}

.mainContainer header h2 {
	background:url(../images/heading-weather-safe.png) no-repeat;
	display: block;
	background-size: 100% 100%;
	text-indent: -9999px;
	width: 281px;
	height: 89px;
	position: absolute;
	top: 38px;
	left: 494px;
}

		@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
		.mainContainer header h2 {
			left: 394px;
		}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
		.mainContainer header h2 {
			left: 394px;
		}
}


	.map-container, .risks-container {
		background: #365888;
		height: 100%;
		position: relative;
	}
	
	.map-container map {
		visibility: hidden;
	}
	
		.map-container img {
			position: absolute;
			top: 33px;
			left: 50px;
		}
		
		.map-container map area {
			border: 1px solid red;
		}
		

		.map-container ul {
			
		}
		
			.map-container ul li {
				background: url(../images/us-states-hover.png) no-repeat;
				display: none;
				height: 500px;
				position: absolute;
				text-indent: -1000em;
				top: 33px;
				left: 50px;
				width: 955px;
				z-index: 6;
			}
			
			.map-container ul li#alaska{
				background-position: 0px 124px;
			}
			.map-container ul li#alabama{
				background-position: 693px -1942px;
			}
			.map-container ul li#arkansas{
				background-position: 602px -1466px;
			}
			.map-container ul li#arizona{
				background-position: -5395px 46px;
			}
			.map-container ul li#california{
				background-position: -2650px -53px;
			}
			.map-container ul li#colorado{
				background-position: -2461px -539px;
			}
			.map-container ul li#connecticut{
				background-position: -1045px -3130px;
			}
			.map-container ul li#delaware{
				background-position: -3965px -3093px;
			}
			.map-container ul li#florida{
				background-position: -4071px -1883px;
			}
			.map-container ul li#georgia{
				background-position: -3103px -1960px;
			}
			.map-container ul li#hawaii{
				background-position: -5410px -2818px;
			}
			.map-container ul li#iowa{
				background-position: -4198px -1090px;
			}
			.map-container ul li#idaho{
				background-position: -3483px -153px;
			}
			.map-container ul li#illinois{
				background-position: -1257px -1587px;
			}
			.map-container ul li#indiana{
				background-position: -3120px -1555px;
			}
			.map-container ul li#kansas{
				background-position:-478px -1024px;
			}
			.map-container ul li#kentucky{
				background-position: -4090px -1525px;
			}
			.map-container ul li#louisiana{
				background-position: -1312px -1906px;
			}
			.map-container ul li#massachusetts{
				background-position: -81px -3155px;
			}
			.map-container ul li#maryland{
				background-position: -3021px -3079px;
			}
			.map-container ul li#maine{
				background-position: -3930px -2699px;
			}
			.map-container ul li#michigan{
				background-position: -2194px -1651px;
			}
			.map-container ul li#minnesota{
				background-position: -3265px -1188px;
			}
			.map-container ul li#missouri{
				background-position: -5121px -1048px;
			}
			.map-container ul li#mississippi{
				background-position: -305px -1939px;
			}
			.map-container ul li#montana{
				background-position: 336px -650px;
			}
			.map-container ul li#northcarolina{
				background-position: -2110px -2501px;
			}
			.map-container ul li#northdakota{
				background-position: -4312px -681px;
			}
			.map-container ul li#nebraska{
				background-position: 466px -1102px;
			}
			.map-container ul li#newhampshire{
				background-position: -4900px -2617px;
			}
			.map-container ul li#newjersey{
				background-position: -2026px -3087px;
			}
			.map-container ul li#newmexico{
				background-position: -3439px -461px;
			}
			.map-container ul li#nevada{
				background-position: -4488px -66px;
			}
			.map-container ul li#newyork{
				background-position: -4947px -2156px;
			}
			.map-container ul li#ohio{
				background-position: -2132px -2071px;
			}
			.map-container ul li#oklahoma{
				background-position: -1408px -992px;
			}
			.map-container ul li#oregon{
				background-position: -1663px -157px;
			}
			.map-container ul li#pennsylvania{
				background-position: 784px -2600px;
			}
			.map-container ul li#rhodeisland{
				background-position: -6029px -3190px;
			}
			.map-container ul li#southcarolina{
				background-position: -3070px -2469px;
			}
			.map-container ul li#southdakota{
				background-position: -5272px -628px;
			}
			.map-container ul li#tennessee{
				background-position: -5069px -1504px;
			}
			.map-container ul li#texas{
				background-position: -2437px -950px;
			}
			.map-container ul li#utah{
				background-position: -611px -566px;
			}
			.map-container ul li#virginia{
				background-position: -1168px -2543px;
			}
			.map-container ul li#vermont{
				background-position: 861px -3164px;
			}
			.map-container ul li#washington{
				background-position: -685px -201px;
			}
			.map-container ul li#wisconsin{
				background-position: -329px -1671px;
			}
			.map-container ul li#westvirginia{
				background-position: -190px -2555px;
			}
			.map-container ul li#wyoming{
				background-position: -1507px -612px;
			}
			
				.map-container ul li a {
		
				}
		
		.map-container #transparent-map {
			height: 500px;
			position: absolute;
			top: 33px;
			width: 955px;
			left: 50px;
			z-index: 8;
		}
		
		.button.click-to-see-risks {
			display: block;
			width: 242px;
			height: 242px;
			border-radius: 162px;
			font-size: 27px;
			line-height: 38px;
			text-align: center;
			vertical-align: middle;
			position: absolute;
			top: 183px;
			right: 43px;
			cursor: default;
		}

		@media only screen 
and (max-device-width : 1024px) 
and (orientation : landscape) {
		.button.click-to-see-risks {
			top: 10px;
			left: 10px;
		}
}


@media only screen 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
		.button.click-to-see-risks {
			top: 10px;
			left: 10px;
		}
}
		
		.click-to-see-risks span {
			display: table-cell;
			height: 242px;
			vertical-align: middle;
			width: 242px;
			text-align: center;
		}
			
			
/* Weather Safe In Your Area - List of Risks */
.risks-container {
	padding-top: 20px;
}

	.risks-container h2 {
		color: #ffffff;
		font-weight: normal;
		text-align: center;
		font-size: 36px;
	}
	
	.risks-container > ul {
		text-align: right;
		margin: 45px 0 auto 0;
		width: 960px;
	}
	
	.risks-container.super-extra-condensed > ul {
		margin: 0 auto;
	}
	
		@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
		.risks-container > ul {
			width: 960px;
		}
		
		.risks-container > div > div > ul > li {
			margin-bottom: 0px;
		}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
		.risks-container > ul {
			width: 960px;
		}
		
		.risks-container > div > div > ul > li {
			margin-bottom: 0px;
		}
}	
	
		.risks-container ul li {
			margin-bottom: 45px;
		}
		
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
		.risks-slider .links ul li {
			margin-bottom: 26px;
		}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 2){
		.risks-slider .links ul li {
			margin-bottom: 26px;
		}
}
		
		.risks-container.condensed ul li {
			margin-bottom: 26px;
		}
		
		.risks-container.extra-condensed ul li {
			margin-bottom: 7px;
		}
		
		.risks-container.super-extra-condensed ul li {
			margin-bottom: 5px;
		}
	
			.risks-container ul li .risk-name {
				color: #ffffff;
				font-size: 25px;
				display: inline-block;
				vertical-align: top;
				line-height: 64px;
				text-transform: uppercase;
			}
			
			.risks-container ul li .risk-icon {
				display: inline-block;
				width: 64px;
				height: 64px;
				background-size:100% 100%;
				background-repeat: no-repeat;
				margin: 0 42px;
				text-indent: -9999px;
			}
			
			.risks-container ul li .risk-icon.floods {
				background-image: url('../images/risk-icon-floods.png');
			}
			
			.risks-container ul li .risk-icon.hail {
				background-image: url('../images/risk-icon-hail.png');
			}
			
			.risks-container ul li .risk-icon.tornadoes {
				background-image: url('../images/risk-icon-tornadoes.png');
			}
			
			.risks-container ul li .risk-icon.severe-winter-weather {
				background-image: url('../images/risk-icon-severe-winter-weather.png');
			}
			
			.risks-container ul li .risk-icon.high-winds {
				background-image: url('../images/risk-icon-high-winds.png');
			}
			
			.risks-container ul li .risk-icon.hurricanes {
				background-image: url('../images/risk-icon-hurricanes.png');
			}
			
			.risks-container ul li .risk-icon.wildfire {
				background-image: url('../images/risk-icon-wildfire.png');
			}
			
			.risks-container ul li .risk-icon.wildfire {
				background-image: url('../images/risk-icon-wildfire.png');
			}
			
			.risks-container ul li .risk-icon.earthquake {
				background-image: url('../images/risk-icon-earthquake.png');
			}
			
			.risks-container .btn.rect {
				background: #3374b0;
				width: 200px;
			}
			
			.risks-container .btn.rect.back-to-map {
				position: absolute;
				left: 42px;
				bottom: 70px;
				margin: 0;
			}
			
/* Risk Information */

.risks-container .bx-wrapper {
	margin: 42px 0 0 167px !important;
	height: 376px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
		.risks-container .bx-wrapper {
			margin: 12px 0 0 30px !important;
		}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
		.risks-container .bx-wrapper {
			margin: 12px 0 0 30px !important;
		}
}

	.risks-container .bx-viewport {
		background: none transparent !important;
	}
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.risks-container .bx-viewport {
		height: 300px;
		margin-bottom: 0;
	}
}	

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
	.risks-container .bx-viewport {
		height: 300px;
		margin-bottom: 0;
	}
}
	
	.risks-slider {
	
	}
	
		.risks-slider li {
			
		}
			
			.risks-slider li .risk-descr {
				display: inline-block;
				width: 590px;
				padding-right: 10px;
				margin-right: 58px;
				text-align: left;
				height: 300px;
				overflow-y: scroll;
				-webkit-overflow-scrolling: touch;
			}
			
			.risk-descr ul li a {
				color: #ffffff;
				text-decoration: underline;
				display: inline;
			}
			
			/* .risks-slider li .risk-descr::-webkit-scrollbar {
				-webkit-appearance: none;
				width: 8px;
			}

			.risks-slider li .risk-descr::-webkit-scrollbar-track {
				background-color: rgba(57,57,57, .6);
				border-radius: 8px;
			}
			.risks-slider li .risk-descr::-webkit-scrollbar-thumb {
				border-radius: 8px;
				background-color: rgba(156, 156, 156, .6);
			}*/
			
			.risk-descr > ul {
				list-style-type: disc;
				padding-left: 5px;
				margin: 0 0 25px 20px;
			}
			
				.risk-descr > ul li {
					color: #ffffff;
					margin: 0 0 10px;;
				}
				
				.risk-descr h4 {
					color: #ffffff;
					font-size: 16px;
					margin-bottom: 10px;
				}
			
			.risks-slider li .links {
				display: inline-block;
				width: 400px;
				text-align: left;
				vertical-align: top;
			}
			
			
			@media only screen 
			and (min-device-width : 768px) 
			and (max-device-width : 1024px) 
			and (orientation : landscape)
			and (-webkit-min-device-pixel-ratio: 2){
					.risks-slider li .risk-descr {
						margin-right: 48px;
						width: 500px;
					}
					.risks-slider li .links {
						width: 300px;
					}
			}


			@media only screen 
			and (min-device-width : 768px) 
			and (max-device-width : 1024px) 
			and (orientation : landscape) { 
					.risks-slider li .risk-descr {
						margin-right: 48px;
						width: 500px;
					}
					.risks-slider li .links {
						width: 380px;
					}
			}
			
			/* iPhone 6 */
			@media only screen 
			and (min-device-width : 414px) 
			and (max-device-width : 736px) 
			and (orientation : landscape) {
				.risks-slider li .risk-descr {
						margin-right: 48px;
						width: 440px;
					}
					.risks-slider li .links {
						width: 300px;
					}
			}

			/* iPhone 5 */
			@media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 568px) 
			and (orientation : landscape) {
				.risks-slider li .risk-descr {
						margin-right: 48px;
						width: 440px;
					}
					.risks-slider li .links {
						width: 300px;
					}
			}
			
			
				.risks-slider li .risk-descr h3,
				.risks-slider li .links h3 {
					color: #ffffff;
					text-transform: uppercase;
					font-size: 32px;
					font-weight: normal;
				}
				
				.risks-slider li .risk-descr h3 {
					margin-bottom: 10px;
				}
				
				.risks-slider li .links h3 {
					margin-bottom: 45px;
					margin-top: 22px;
				}
				
				.risks-slider li .links.condensed h3 {
					margin-bottom: 20px;
				}
				
				.risks-slider li .risk-descr h3 {
					padding-left: 92px;
					line-height: 80px;
				}
				
				.risks-slider li .risk-descr h3.floods {
					background: url('../images/risk-icon-floods.png') no-repeat;
				}
				
				.risks-slider li .risk-descr h3.hail {
					background: url('../images/risk-icon-hail.png') no-repeat;
				}
				
				.risks-slider li .risk-descr h3.tornadoes {
					background: url('../images/risk-icon-tornadoes.png') no-repeat;
				}
				
				.risks-slider li .risk-descr h3.hurricanes {
					background: url('../images/risk-icon-hurricanes.png') no-repeat;
				}
				
				.risks-slider li .risk-descr h3.high-winds {
					background: url('../images/risk-icon-high-winds.png') no-repeat;
				}
				
				.risks-slider li .risk-descr h3.severe-winter-weather {
					background: url('../images/risk-icon-severe-winter-weather.png') no-repeat;
				}
				
				.risks-slider li .risk-descr h3.earthquake {
					background: url('../images/risk-icon-earthquake.png') no-repeat;
				}
				
				.risks-slider li .risk-descr h3.wildfire {
					background: url('../images/risk-icon-wildfire.png') no-repeat;
				}
				
				.risks-slider li .risk-descr p {
					color: #ffffff;
					/* font-size: 18px;
					line-height: 30px;*/
					font-size: 14px;
					line-height: normal;
				}
				
				.risks-slider li .links ul {
					list-style: disc;
					padding-left: 16px;
				}
				
				.risks-slider li .links.condensed ul li {
					margin-bottom: 0;
				}
					
					.risks-slider li .links ul li,
					.risks-slider li .links ul li a {
						color: #ffffff;
						font-size: 18px;
					}
				
				
			.risk-navigation {
				padding-left: 167px;
			}
			
				.risk-navigation .btn.rect {
					margin-right: 10px;
				}
				
				.btn.rect a {
					color: #ffffff;
				}
				
				
			.risks-container .btn.rect.back-list-of-risks {
				position: absolute;
				right: 252px;
				bottom: 89px;
				margin: 0;
			}
			
			.risks-container .btn.rect.back-to-map {
				bottom: 89px;
			}
			
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.risks-container .btn.rect.back-list-of-risks, 
	.risks-container .btn.rect.back-to-map {
		bottom: 70px;
	}
	
	.risk-navigation {
		margin-top: 20px;
	}
	
	.content.state {
		height: 680px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.risks-container .btn.rect.back-list-of-risks, 
	.risks-container .btn.rect.back-to-map {
		bottom: 70px;
	}
	
	.risk-navigation {
		margin: 0;
		position: absolute;
		bottom: 51px;
		padding-left: 20px;
	}
	
	.content.state {
		height: 680px;
	}
}

/* iPhone 6 */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
	.risks-container .btn.rect.back-list-of-risks, 
	.risks-container .btn.rect.back-to-map {
		bottom: 70px;
	}
	
	.risk-navigation {
		margin: 0;
		position: absolute;
		bottom: 51px;
		padding-left: 20px;
	}
	
	.content.state {
		height: 680px;
	}
	
}

/* iPhone 5 */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	.risks-container .btn.rect.back-list-of-risks, 
	.risks-container .btn.rect.back-to-map {
		bottom: 70px;
	}
	
	.risk-navigation {
		margin: 0;
		position: absolute;
		bottom: 51px;
		padding-left: 20px;
	}
	
	.content.state {
		height: 680px;
	}
}
			
/* About */

.content.about {
	background: url('../images/bg-about.jpg') no-repeat 0 -115px;
}	


/* Generic Windows hanging on the left or right side of a page */
	.window-cnt {
		background:url(../images/bg-bright-transparent.png);
		border-top: 50px solid #5492c6;
		position: relative;
		width: 623px;
		height: 462px;
		text-align: center;
	}
	
	.window-cnt.right {
		margin-left: 632px;
		margin-top: 48px;
		margin-right: 20px;
	}
	
	.window-cnt.left {
		margin-left: 26px;
		margin-top: 48px;
	}
	
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.window-cnt.right, .window-cnt.left {
		margin-top: 24px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.window-cnt.right, .window-cnt.left {
		margin-top: 12px;
	}
}
	
		.window-cnt .window-content {
			width: 623px;
			height: 464px;
			overflow: hidden;
		}
	
		.window-cnt h2 {
			color: #ffffff;
			font-size: 36px;
			margin-top: -44px;
			font-weight: normal;
		}
	
		.window-cnt .heading {
			background:url(../images/heading-weather-safe.png) no-repeat;
			display: block;
			text-indent: -9999px;
			width: 389px;
			height: 123px;
			margin: -72px auto 0;
		}
		
		.window-cnt .text-box {
			height: 100%;
			text-align: left;
			width: 555px;
			height: 300px;
			overflow: hidden;
			padding: 0 18px 0 32px;
			margin-top: 18px;
		}
		
			.window-cnt .text-box p {
				color: #12548d;
				font-size: 19px;
				line-height: 32px;
			}
			
			.window-cnt .text-box p a {
				color: #12548d;
				display: inline;
				text-decoration: underline;
				line-height: normal;
			}
			
			.iScrollVerticalScrollbar {
				border: 0px none transparent;
				background: rgba(255, 255, 255, 0.5);
				border-radius: 6px;
				width: 13px;
				
				position: absolute;
				z-index: 9999;
				bottom: 2px;
				top: 22px;
				right: 17px;
				overflow: hidden;
				height: 300px;
			}
			
			
			.iScrollIndicator {
				background-color: #5790c2;
				border-radius: 6px;
				width: 9px;
				margin: 2px auto;
				
				-webkit-transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1);
				display: block;
				height: 145px;
				transform: translate(0px, 0px) translateZ(0px);
			}
			
			#scroller {
				overflow: hidden;
			}
			
	.buttons {
		margin-top: 30px;
	}
	
		.window-cnt .btn.rect {
			background: rgba(50, 123, 186, 0.8);
			width: 200px;
			vertical-align: top;
		}
		
		
		
	/* Sponsors page */
	.sponsor-flash:hover, .sponsor-simpson:hover,
	.sponsor-statefarm:hover {
		opacity: .8;
	}
	
	.sponsor-flash {
		background: url(../images/sponsor-flash-sponsorpage.png) no-repeat;
		top: 120px;
		left: 90px;
		width: 237px;
		height: 126px;
	}
	
	.sponsor-simpson {
		background: url(../images/sponsor-strongtie-sponsorpage.png) no-repeat;
		top: 140px;
		left: 365px;
		width: 126px;
		height: 89px;
	}
	
	.sponsor-statefarm {
		background: url(../images/sponsor-statefarm-sponsorpage.png) no-repeat;
		top: 301px;
		left: 180px;
		width: 254px;
		height: 37px;
	}
	
	.sponsor-flash, .sponsor-simpson,
	.sponsor-statefarm {
		position: absolute;
		text-indent: -9999px;
		background-size: 100% 100%;
	}
	
	
	/* Sponsor Details Page */
	.about.sponsor .sponsor-logo {
		margin: 36px auto;
	}
	
	.about.sponsor .text-box {
		padding: 0 18px 0 32px;
	}
	
	.about.sponsor.flash .sponsor-logo {
		background: url(../images/sponsor-flash-sponsorpage.png) no-repeat center 0;
		width: 237px;
		height: 62px;
	}
	
	.about.sponsor.simpson .sponsor-logo {
		background: url(../images/sponsor-strongtie-sponsorpage.png) no-repeat center 0;
		height: 62px;
		background-size: auto 62px;
		/* width: 177px;
		height: 126px;*/
	}
	
	.about.sponsor.statefarm .sponsor-logo {
		background: url(../images/sponsor-statefarm-sponsorpage.png) no-repeat center center;
		/* background-size: auto 62px; */
		height: 62px;
		/* width: 252px;
		height: 37px;*/
	}
	
	.about.sponsor.renaissance	.sponsor-logo {
		background: url(../images/sponsor-renaissance-sponsorpage.png) no-repeat center center;
		/* background-size: auto 62px;*/
		height: 62px;
		/* width: 247px;
		height: 44px;*/
	}
	
	.about.sponsor .window-content .text-box {
		height: 320px;
	}
	
	.about.sponsor .window-content .text-box .iScrollVerticalScrollbar {
		margin-top: 110px;
		height: 320px;
	}
	
	/* The Attraction */
	
	.about.attraction .btn.rect {
		width: auto;
		padding: 0 20px;
	}
	
	
	/* Teacher Resources */
	
	.teacher-resources.day {
		background: url(../images/bg-teacher-resources-day.jpg) no-repeat;
	}
	
	.teacher-resources.night {
		background: url(../images/bg-teacher-resources-day.jpg) no-repeat;
	}
	
	
	
	.teacher-resources .buttons {
		width: 300px;
		margin: auto;
		text-align: center;
		margin-top: 25px;
	}
	
	.teacher-resources .btn.rect {
		display: inline-block;
		line-height: 22px;
		width: auto;
		min-width: 220px;
		padding: 10px;
		margin: 0 auto 20px;
	}
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.teacher-resources .buttons {
		width: 100%;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.teacher-resources .buttons {
		width: 100%;
	}
}
	
		
/* Animations */

.animation {
	background-color: #365888;
}

.animation h2 {
    font-size: 30pt;
    color: #ffffff;
    text-align: center;
    margin: 50px auto 25px auto;
    font-weight: normal;
}

.animation ul.animationThumbs li {
	display: inline-block;
	vertical-align: top;
	width: 220px;
	height: 135px;
	margin-bottom: 6px;
	margin-right: 6px;
	text-indent: -9999px;
}

.animation ul.animationThumbs {
	text-align: center;
	margin: 0 auto;
	
}

.animation ul.animationThumbs li a {
	display: block;
	width: 220px;
	height: 135px;
}

.animation ul.animationThumbs li.thumb1 {
	background: url('../images/animation-thumb-1.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb2 {
	background: url('../images/animation-thumb-2.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb3 {
	background: url('../images/animation-thumb-3.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb4 {
	background: url('../images/animation-thumb-4.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb5 {
	background: url('../images/animation-thumb-5.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb6 {
	background: url('../images/animation-thumb-6.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb7 {
	background: url('../images/animation-thumb-7.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb8 {
	background: url('../images/animation-thumb-8.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb9 {
	background: url('../images/animation-thumb-9.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb10 {
	background: url('../images/animation-thumb-10.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb11 {
	background: url('../images/animation-thumb-11.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb12 {
	background: url('../images/animation-thumb-12.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb13 {
	background: url('../images/animation-thumb-13.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation ul.animationThumbs li.thumb14 {
	background: url('../images/animation-thumb-14.jpg') no-repeat;
	background-size: 100% 100%;
}

.animation-inner {
	background-color: #365888;
}

.animation-inner .centered.video-cnt {
	background-color: #518fbb;
	position: absolute;
	width: 768px;
	height: 480px;
	margin: auto;
	top: -34px;
	left: 0;
	bottom: 0;
	right: 0;
}

.close-video {
	background: url('../images/close-video.png') no-repeat;
	position: absolute;
	top: 30px;
	right: 237px;
	height: 34px;
	width: 34px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.close-video {
		top: 30px;
		right: 237px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.close-video {
		top: 7px;
		right: 88px;
	}
}

/* Games */
.animation ul.gamesThumbs li {
	display: inline-block;
	vertical-align: top;
	width: 295px;
	height: 172px;
	margin-bottom: 6px;
	margin-right: 6px;
	text-indent: -9999px;
	background-size: 100% 100%;
}

.animation ul.gamesThumbs {
	text-align: center;
	margin: 0 auto;
}

.animation ul.gamesThumbs li > span {
	display: block;
	width: 295px;
	height: 172px;
	position: relative
}

.animation ul.gamesThumbs li > span > span { 
	background-color: rgba(192,221,239,0.86);
	padding: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #365888;
	font-size: 1.2em;
	text-indent: 0;
	text-align: left;
	max-width: 7em;
	text-transform: capitalize;
}

.animation ul.gamesThumbs li > span > a { 
	background: -moz-linear-gradient(top,  rgba(125,185,232,1) 0%, rgba(32,124,202,1) 49%, rgba(30,87,153,1) 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 49%,rgba(30,87,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 49%,rgba(30,87,153,1) 100%); /* W3C */
	padding: 5px;
	position: absolute;
	bottom: 1%;
	right: 1%;
	color: #ffcc00;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.96);
	font-size: 1.2em;
	text-indent: 0;
	text-align: center;
	max-width: 7em;
	border-radius: .2em;
	transition: all .12s ease-in;
	-webkit-transition: all .12s ease-in;
}

.animation ul.gamesThumbs li > span > a:hover {
	box-shadow: 0 0 10px rgba(252,203,0,0.96);
	text-shadow: 0px 0px 1px rgba(252,203,0,0.96)
}

.animation ul.gamesThumbs li.thumb1 {
	background: url('../images/game-thumbnail01.jpg') no-repeat;
}

.animation ul.gamesThumbs li.thumb2 {
	background: url('../images/game-thumbnail02.jpg') no-repeat;
}

.animation ul.gamesThumbs li.thumb3 {
	background: url('../images/game-thumbnail03.jpg') no-repeat;
}

.animation ul.gamesThumbs li.thumb4 {
	background: url('../images/game-thumbnail04.jpg') no-repeat;
}

.animation ul.gamesThumbs li.thumb5 {
	background: url('../images/game-thumbnail05.jpg') no-repeat;
}

.animation ul.gamesThumbs li.thumb6 {
	background: url('../images/game-thumbnail06.jpg') no-repeat;
}

/* Post Office */
.post-office {
	background: url('../images/bg-post-office.jpg') no-repeat;
}

.post-office .window-content {
	overflow: visible;
}

.post-office .window-cnt h2 {
	background: url('../images/post-office-logo.png') no-repeat center center;
	display: block;
	width: 581px;
	height: 76px;
	text-indent: -9999px;
	margin: -62px auto 0;
}

.post-office .postcards-preview {
	background: url('../images/postcards.png') no-repeat center center;
	display: block;
	margin: -31px auto 0;
	width: 389px;
	height: 268px;
}

.post-office p {
	color: #327bba;
	line-height: 32px;
	font-size: 17px;
	margin: 15px 0 0;
}

.post-office .buttons {
	margin: 0;
}

.post-office .buttons a {
	text-transform: uppercase;
}

/* Post Office Pick a postcard */
.create-postcard-step01 {
	background: #365888;
}

.create-postcard-step01 h2 {
	text-align: center;
	font-size: 36px;
	font-weight: normal;
	color: #ffffff;
	margin: 20px 0;
}


.create-postcard-step01 > a {
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
}

.postcard-thumbnail-lightning {
	background: url('../images/postcard-thumbnail-lightning.png') no-repeat center bottom;
	display: block;
	width: 267px;
	height: 222px;
	left: 246px;
	top: 110px;
}

.postcard-thumbnail-hail {
	background: url('../images/postcard-thumbnail-hail.png') no-repeat center bottom;
	display: block;
	width: 259px;
	height: 211px;
	left: 516px;
	top: 110px;
}

.postcard-thumbnail-tornado {
	background: url('../images/postcard-thumbnail-tornado.png') no-repeat center bottom;
	display: block;
	width: 291px;
	height: 262px;
	left: 776px;
	top: 110px;
}

.postcard-thumbnail-hurricane {
	background: url('../images/postcard-thumbnail-hurricane.png') no-repeat center top;
	display: block;
	width: 264px;
	height: 198px;
	left: 926px;
	top: 334px;
	padding-top: 200px;
}

.postcard-thumbnail-flood {
	background: url('../images/postcard-thumbnail-flood.png') no-repeat center top;
	display: block;
	width: 270px;
	height: 208px;
	left: 666px;
	top: 334px;
	padding-top: 200px;
}

.postcard-thumbnail-windstorm {
	background: url('../images/postcard-thumbnail-windstorm.png') no-repeat center top;
	display: block;
	width: 259px;
	height: 191px;
	left: 126px;
	top: 334px;
	padding-top: 200px;
}

.postcard-thumbnail-blizzard {
	background: url('../images/postcard-thumbnail-blizzard.png') no-repeat center top;
	display: block;
	width: 274px;
	height: 214px;
	left: 406px;
	top: 316px;
	padding-top: 220px;
}

/* Select Postcard */
.create-ecard-step02 {
	background: #365888;
}

.create-ecard-step02 .centered.video-cnt {
	background-color: #518fbb;
	position: absolute;
	width: 640px;
	height: 400px;
	margin: auto;
	top: -144px;
	left: 0;
	bottom: 0;
	right: 0;
}

.create-ecard-step02 .buttons {
	position: absolute;
	bottom: 90px;
	left: 320px;
}

.create-ecard-step02 .btn {
	width: 200px;
	background: #3374b0;
}

.create-ecard-step02 .buttons .back {
	bottom: 100px;
	left: 200px;
	margin-right: 236px;
}

.create-ecard-step02 .continue {
	bottom: 100px;
	left: 400px;
}

/* Address Postcard / Preview Postcard */
.window-cnt.center {
	margin: 0 auto;
}

.create-postcard-step03, .postcard-sent {
	background: #365888;
}

.create-postcard-step03 form {
	position: relative;
}

.create-postcard-step03 .window-cnt {
	height: 470px;
	margin-top: 20px;
}

	.window-content.postcard-form {
		height: 470px;
	}
	
		.postcard-form ul { 
			text-align: left; 
			padding: 36px 56px 0;
		}
		
		.postcard-form ul li {
			margin: 0 0 34px 0;
		}
		
		.postcard-form ul li label {
			color: #327bba;
			font-size: 18px;
			display: block;
			margin: 0 0 3px 0;
		}
		
		.postcard-form ul li input {
			color: #333333;
			font-size: 16px;
			display: block;
			padding: 3px;
			border-radius: 4px;
			border: 0 none;
			margin: 0 0 10px;
			width: 100%;
		}
		
		.postcard-form .btn.rect.preview {
			
		}
		
		.postcard-preview-cnt {
			display: none;
			width: 100%;
			height: 100%;
			margin: auto;
			position: absolute;
			top: 0px; left: 0; bottom: 0; right: 0;
			background: #365888;
			text-align: center;
		}
		
			.postcard-preview-cnt .preview-cnt {
				text-align: center;
				padding-top: 70px;
			}
			
			.postcard-preview-cnt .btn.rect {
				background: rgba(50, 123, 186, 0.8);
				width: 200px;
				vertical-align: top;
				border: 0;
				cursor: pointer;
			}
			
			.postcard-preview-cnt .preview-cnt div:first-child {
				margin-right: 45px;
			}
			
			.postcard-preview-cnt .preview-cnt .preview-front,
			.postcard-preview-cnt .preview-cnt .preview-back {
				width: 527px;
				height: 375px;
				display: inline-block;
				background-size: 100%;
				background-repeat: no-repeat;
			}
			
			.postcard-preview-cnt .preview-cnt .preview-back {
				position: relative;
			}
			
				.postcard-preview-cnt .preview-cnt .preview-back span {
					color: #f2ae53;
					font-size: 14px;
					position: absolute;
					height: 22px;
					line-height: 22px;
					width: 100%;
					text-align: left;
				}
			
				.postcard-preview-cnt .preview-cnt .preview-back span.recipient-email {
					top: 43px;
					left: 53px;
				}
				
				.postcard-preview-cnt .preview-cnt .preview-back span.sender-name {
					top: 60px;
					left: 74px;
				}
			
			/* Previews for all postcards */
			.preview-front.blizzard {
				background-image: url('../images/postcard-blizzard-front.png');
			}
			.preview-back.blizzard {
				background-image: url('../images/postcard-blizzard-back.png');
			}
			
			.preview-front.lightning {
				background-image: url('../images/postcard-lightning-front.png');
			}
			.preview-back.lightning {
				background-image: url('../images/postcard-lightning-back.png');
			}
			
			.preview-front.tornado {
				background-image: url('../images/postcard-tornado-front.png');
			}
			.preview-back.tornado {
				background-image: url('../images/postcard-tornado-back.png');
			}
			
			.preview-front.hurricane {
				background-image: url('../images/postcard-hurricane-front.png');
			}
			.preview-back.hurricane {
				background-image: url('../images/postcard-hurricane-back.png');
			}
			
			.preview-front.flood {
				background-image: url('../images/postcard-flood-front.png');
			}
			.preview-back.flood {
				background-image: url('../images/postcard-flood-back.png');
			}
			
			.preview-front.windstorm {
				background-image: url('../images/postcard-windstorm-front.png');
			}
			.preview-back.windstorm {
				background-image: url('../images/postcard-windstorm-back.png');
			}
			
			.preview-front.hail {
				background-image: url('../images/postcard-hail-front.png');
			}
			.preview-back.hail {
				background-image: url('../images/postcard-hail-back.png');
			}
			
/* Postcard Sent */

.postcard-sent .postcard-preview-cnt {
	display: block;
}

.postcard-sent .postcard-preview-cnt .preview-cnt {
	text-align: center;
	padding-top: 70px;
}

.postcard-sent .postcard-preview-cnt .preview-cnt .postcard-sent-message {
	background: url('../images/postcard-sent.png') no-repeat;
	width: 616px;
	height: 438px;
	display: inline-block;
	position: relative;
}

.postcard-sent-message a {
	position: absolute;
	text-indent: -9999px;
}

.postcard-sent-message .flash-link {
	width: 70px;
	height: 10px;
	top: 283px;
	right: 179px;
}

.postcard-sent-message .share-fb {
	width: 45px;
	height: 45px;
	bottom: 36px;
	left: 186px;;
}

.postcard-sent-message .share-pi {
	width: 45px;
	height: 45px;
	bottom: 36px;
	left: 284px;;
}

.postcard-sent-message .share-tw {
	width: 45px;
	height: 45px;
	bottom: 36px;
	left: 380px;;
}


/* Generic Window Buttons */
.btn.rect {
	color: #ffffff;
	font-size: 20px;
	line-height: 42px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-top: 14px;
	margin-right: 34px;
}


.button {
	background: #5492c6;
	color: #ffffff;
	border-radius: 74px;
}
	
.sponsors {
	height:40px;
	position:absolute;
	bottom:-1px;
	right:0;
	width: 100%;
	z-index:20;
	background:url(../images/bg-bright-transparent.png);
}

.home .sponsors {
	width: 1015px;
}

	.sponsors ul {
		width: 100%;
		height: 40px;
		text-align: center;
	}
	
		.sponsors ul li {
			display: inline-block;
		}
		
			.sponsors ul li a {
				display: block;
				height: 40px;
				background-position: center center;
				background-repeat: no-repeat;
				text-indent: -9999px;
				background-size: 100% auto;
			}
			
			.sponsors ul li a:hover {
				opacity: .6;
			}
			
			.sponsors ul li.flash a {
				background-image:url(../images/sponsor-flash-footer.png);
				width: 97px;
				margin-right: 100px;
			}
			
			.sponsors ul li.renaissance a {
				background-image:url(../images/sponsor-renaissance-sponsorpage.png);
				width: 96px;
				margin-right: 96px;
			}
			
			.sponsors ul li.strongtie a {
				background-image:url(../images/sponsor-strongtie-sponsorpage.png);
				width: 44px;
				margin-right: 120px;
			}
			
			.sponsors ul li.statefarm a {
				background-image:url(../images/sponsor-statefarm-sponsorpage.png);
				width: 112px;
			}

.menu {
	height:86px;
	width:86px;
	display:block;
	background:none;
}

.navigation ul {
	position:relative;
	z-index:1000;
	list-style:none;
	text-align:center;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:lighter;
	font-size:18px;
	margin:0;
	padding:0;
}

.navigation > ul > li {
	position:relative;
	float:left;
	z-index:1000;
	width: 240px;
}

.navigation > ul > li > a {
	display:block;
	text-decoration:none;
	background:url(../images/nav-icon.png) no-repeat top right;
	color:#aaa;
	padding:15px;
	position: relative;
	z-index:1200;
	height: 86px;
	width: 86px;
}

.navigation > ul > li > a:after {
	content: '';
	background: #14b9d6;
	width: 240px;
	position: absolute;
	right: 115px;
	top: 0;
	height: 116px;
	z-index: 1100;
	pointer-events: none;
}

.navigation ul ul {
	width:240px;
	position:absolute;
	z-index:1000;
	
	overflow:hidden;
	left:-124px;
	
	-webkit-transform: translateY(-100%);
	             transform: translateY(-100%);
	
	-webkit-transition: transform .3s ease;
	-moz-transition: transform  .3s ease;
	-o-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	transition: transform .3s ease;
	pointer-events: none;
}

.navigation ul:hover ul {
	pointer-events: auto;
}

.navigation > ul > li:hover ul ul,
.navigation > ul > li > a:hover ul ul {
	height:0;
}

.navigation > ul > li > a:hover ~ ul,
.navigation > ul > li:hover ul {
	height: auto;
	-webkit-transform: translateY(0);
	             transform: translateY(0);
}

.navigation ul ul li {
	display: block;
	background:#2f7dba;
	width:240px;
	margin-top:2px;
	-webkit-transition:background-color .3s ease;
	-moz-transition:background-color .3s ease;
	-o-transition:background-color .3s ease;
	-ms-transition:background-color .3s ease;
	transition:background-color .3s ease;
}

.navigation ul ul li:hover {
	background:url(../images/nav-hover.png);
}

.navigation ul ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	margin:0 12px;
	padding:10px 0;
}

.navigation ul ul li a:hover,.navigation ul ul li:hover > a {
	color:#fff;
}

.loaderOverlay {
	top: 0 !important;
	left: 0 !important;
}

.loaderAnimation {
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	margin: auto !important;
	position: absolute !important;
}

.onoffswitch {
    position: relative; width: 40px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 12px 0 0 10px; 
}

.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #8fb2c5; border-radius: 11px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: url(../images/day-icon.png);
    padding-left: 5px;
    background-color: #6A9AB0; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: url(../images/night-icon.png);
    padding-right: 5px;
    background-color: #2A535F; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
	display: block;
	margin: 5px 1.5px 5.5px;
	height: 11px;
	width: 11px;
	background: #FFFFFF;
	border: 1px solid #8fb2c5;
	border-radius: 11px;
	position: absolute;
	top: -2px;
	bottom: 0;
	right: 17px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/* Create a postcard - Mobile Version */
	/* Post Office */
	.post-office {
		background: url('../images/bg-post-office.jpg') no-repeat;
	}

	.post-office .window-content {
		overflow: visible;
	}

	.post-office .window-cnt h2 {
		background: url('../images/post-office-logo.png') no-repeat center center;
		display: block;
		width: 581px;
		height: 76px;
		text-indent: -9999px;
		margin: -62px auto 0;
	}

	.post-office .postcards-preview {
		background: url('../images/postcards.png') no-repeat center center;
		display: block;
		margin: -31px auto 0;
		width: 389px;
		height: 268px;
	}

	.post-office p {
		color: #327bba;
		line-height: 32px;
		font-size: 17px;
		margin: 15px 0 0;
	}

	.post-office .buttons {
		margin: 0;
	}

	.post-office .buttons a {
		text-transform: uppercase;
	}

	/* Post Office Pick a postcard */
	.create-postcard-step01 {
		background: #365888;
	}

	.create-postcard-step01 h2 {
		text-align: center;
		font-size: 36px;
		font-weight: normal;
		color: #ffffff;
		margin: 0px 0;
	}


	.create-postcard-step01 > a {
		color: #ffffff;
		font-size: 18px;
		text-transform: uppercase;
		position: absolute;
		text-align: center;
		background-size: 100% auto;
	}

	.postcard-thumbnail-lightning {
		background: url('../images/postcard-thumbnail-lightning.png') no-repeat center bottom;
		display: block;
		width: 227px;
		height: 172px;
		left: 86px;
		top: 80px;
	}
	
		.postcard-thumbnail-lightning span {
			position: absolute;
			left: 0;
			right: 0;
			top: -20px;
		}
		

	.postcard-thumbnail-hail {
		background: url('../images/postcard-thumbnail-hail.png') no-repeat center bottom;
		display: block;
		width: 219px;
		height: 162px;
		left: 376px;
		top: 80px;
	}
	
		.postcard-thumbnail-hail span {
			position: absolute;
			left: 0;
			right: 0;
			top: -20px;
		}

	.postcard-thumbnail-tornado {
		background: url('../images/postcard-thumbnail-tornado.png') no-repeat center bottom;
		display: block;
		width: 251px;
		height: 209px;
		left: 626px;
		top: 70px;
	}
	
		.postcard-thumbnail-tornado span {
			position: absolute;
			left: 0;
			right: 0;
			top: -10px;
		}
	
	.postcard-thumbnail-windstorm {
		background: url('../images/postcard-thumbnail-windstorm.png') no-repeat center top;
		display: block;
		width: 209px;
		height: 151px;
		left: 36px;
		top: 264px;
	}
	
		.postcard-thumbnail-windstorm span {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 170px;
		}

	.postcard-thumbnail-blizzard {
		background: url('../images/postcard-thumbnail-blizzard.png') no-repeat center top;
		display: block;
		width: 224px;
		height: 175px;
		left: 266px;
		top: 256px;
	}
	
		.postcard-thumbnail-blizzard span {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 200px;
		}
	
	.postcard-thumbnail-flood {
		background: url('../images/postcard-thumbnail-flood.png') no-repeat center top;
		display: block;
		width: 220px;
		height: 169px;
		left: 506px;
		top: 254px;
	}
	
		.postcard-thumbnail-flood span {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 170px;
		}
	
	.postcard-thumbnail-hurricane {
		background: url('../images/postcard-thumbnail-hurricane.png') no-repeat center top;
		display: block;
		width: 214px;
		height: 161px;
		left: 736px;
		top: 264px;
	}
		.postcard-thumbnail-hurricane span {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 170px;
		}

	/* Select Postcard */
	.create-ecard-step02 {
		background: #365888;
	}

	.create-ecard-step02 .centered.video-cnt {
		background-color: #518fbb;
		position: absolute;
		width: 640px;
		height: 400px;
		margin: auto;
		top: -144px;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.create-ecard-step02 .buttons {
		/* position: absolute; */
		display: block;
		/* bottom: 90px;
		left: 0;
		right: 0;*/
		position: static;
		width: 100%;
		margin-top: 400px;
		text-align: center;
	}

	.create-ecard-step02 .btn {
		width: 200px;
		background: #3374b0;
		position: static;
		vertical-align:top;
	}

	.create-ecard-step02 .buttons .back {
		margin: 0 20px 0 0;
	}

	.create-ecard-step02 .continue {
		margin: 0 0 0 20px;
	}

	/* Address Postcard / Preview Postcard */
	.window-cnt.center {
		margin: 0 auto;
	}

	.create-postcard-step03, .postcard-sent {
		background: #365888;
	}

	.create-postcard-step03 form {
		position: relative;
	}

	.create-postcard-step03 .window-cnt {
		height: 470px;
		margin-top: 20px;
	}

		.window-content.postcard-form {
			height: 470px;
		}
		
			.postcard-form ul { 
				text-align: left; 
				padding: 36px 56px 0;
			}
			
			.postcard-form ul li {
				margin: 0 0 14px 0;
			}
			
			.postcard-form ul li label {
				color: #327bba;
				font-size: 18px;
				display: block;
				margin: 0 0 3px 0;
			}
			
			.postcard-form ul li input {
				color: #333333;
				font-size: 16px;
				display: block;
				padding: 3px;
				border-radius: 4px;
				border: 0 none;
				margin: 0 0 10px;
				width: 100%;
			}
			
			.postcard-form .btn.rect.preview {
				
			}
			
			.postcard-preview-cnt {
				display: none;
				width: 100%;
				height: 100%;
				margin: auto;
				position: absolute;
				top: 0px; left: 0; bottom: 0; right: 0;
				background: #365888;
				text-align: center;
			}
			
				.postcard-preview-cnt .preview-cnt {
					text-align: center;
					padding-top: 70px;
				}
				
				.postcard-preview-cnt .btn.rect {
					background: rgba(50, 123, 186, 0.8);
					width: 200px;
					vertical-align: top;
					border: 0;
					cursor: pointer;
				}
				
				.postcard-preview-cnt .preview-cnt div:first-child {
					margin-right: 45px;
				}
				
				.postcard-preview-cnt .preview-cnt .preview-front,
				.postcard-preview-cnt .preview-cnt .preview-back {
					width: 427px;
					height: 304px;
					display: inline-block;
					background-size: 100% 100%;
					
				}
				
				
				/* Previews for all postcards */
				.preview-front.blizzard {
					background-image: url('../images/postcard-blizzard-front.png') no-repeat;
				}
				.preview-back.blizzard {
					background-image: url('../images/postcard-blizzard-back.png') no-repeat;
				}
				
				.preview-front.lighning {
					background-image: url('../images/postcard-lighning-front.png') no-repeat;
				}
				.preview-back.lighning {
					background-image: url('../images/postcard-lighning-back.png') no-repeat;
				}
				
				.preview-front.tornado {
					background-image: url('../images/postcard-tornado-front.png') no-repeat;
				}
				.preview-back.tornado {
					background-image: url('../images/postcard-tornado-back.png') no-repeat;
				}
				
				.preview-front.hurricane {
					background-image: url('../images/postcard-hurricane-front.png') no-repeat;
				}
				.preview-back.hurricane {
					background-image: url('../images/postcard-hurricane-back.png') no-repeat;
				}
				
				.preview-front.flood {
					background-image: url('../images/postcard-flood-front.png') no-repeat;
				}
				.preview-back.flood {
					background-image: url('../images/postcard-flood-back.png') no-repeat;
				}
				
				.preview-front.windstorm {
					background-image: url('../images/postcard-windstorm-front.png') no-repeat;
				}
				.preview-back.windstorm {
					background-image: url('../images/postcard-windstorm-back.png') no-repeat;
				}
				
				.preview-front.hail {
					background-image: url('../images/postcard-hail-front.png') no-repeat;
				}
				.preview-back.hail {
					background-image: url('../images/postcard-hail-back.png') no-repeat;
				}
				
				.postcard-preview-cnt input {
					-webkit-appearance: none;
					border-radius: 0;
				}
				
	/* Postcard Sent */

	.postcard-sent .postcard-preview-cnt {
		display: block;
	}

	.postcard-sent .postcard-preview-cnt .preview-cnt {
		text-align: center;
		padding-top: 70px;
	}

	.postcard-sent .postcard-preview-cnt .preview-cnt .postcard-sent-message {
		background: url('../images/postcard-sent.png') no-repeat;
		background-size: 100% 100%;
		width: 516px;
		height: 367px;
		display: inline-block;
		position: relative;
	}

	.postcard-sent-message a {
		position: absolute;
		text-indent: -9999px;
		border: 1px solid red;
	}

	.postcard-sent-message .flash-link {
		width: 60px;
		height: 10px;
		top: 236px;
		right: 150px;
	}

	.postcard-sent-message .share-fb {
		width: 36px;
		height: 36px;
		bottom: 31px;
		left: 156px;;
	}

	.postcard-sent-message .share-pi {
		width: 36px;
		height: 36px;
		bottom: 31px;
		left: 238px;;
	}

	.postcard-sent-message .share-tw {
		width: 36px;
		height: 36px;
		bottom: 31px;
		left: 318px;;
	}
}

/* Weather Check Via ZIP Code */
.city-name {
	position: absolute;
	bottom: 336px;
	z-index: 20;
	left: 71px;
	height: 51px;
	width: 194px;
	text-align: center;
	display: table-row;
}

.city-name span {
	color: #ffffff;
	padding: 3px 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	height: 45px;
	width: 194px;
	display: table-cell;
	vertical-align: middle;
}

.zip-field {
	position: absolute;
	bottom: 294px;
	z-index: 20;
	left: 91px;
	height: 26px;
	width: 120px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	color: #adadad;
	background: #fcfffd;
	text-align: center;
	padding: 3px;
	
}

/* Lock orientation code */
#portrait{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	display: none;
	z-index: 10000;
	table-layout: fixed;
}

#portrait .portrait-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
}

#portrait .portrait-content:before {
	content: "";
	display: block;
	background: url('../images/landscape.png') no-repeat scroll center 0 transparent;
	width: 100%;
	height: 8em;
	margin: 0 auto;
	padding-bottom: 11em;
}

#portrait strong {
	color: #FFF;
	font-size: 2.2em;
	padding: 0;
	margin: 0;
}

@media screen and (orientation:portrait) {
	html {
		background: #000000;
	}

	body > * { display: none !important; }

	#portrait {
		display: table !important;
	}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {
	.mainContainer {
		width: 100%;
		height: auto;
	}

	header {
		width: 100%;
	}
	
	.content {
		width: auto;
		height: 565px;
	}
}

/* iPads Retina Display (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.mainContainer {
		width: 100%;
		height: auto;
	}

	header {
		width: 100%;
	}
	
	.content {
		width: 100%;
		height: 565px;
	}
}

@media only screen 
and (max-device-width : 750px)  {
	.weatherWidget {
		display: none !important;
	}
	
	.zip-field {
		display: none !important;
	}
	
	#fittext {
		display: none !important;
	}
}