@charset "UTF-8";
/* Demo Page Styles CSS */



/*
Header
===============================================
*/

.header {
	display:none;
}



/*
Content
===============================================
*/

.content {
	margin-top:40px;
}



/*
Big Blue
===============================================
*/

#bigBlue {
	display:block;
	background:rgba(4,51,97,0.9);
	width:350px;
	height:350px;
	text-align:center;
	margin:25px auto;
	margin:-50px auto 25px auto;
	-moz-border-radius:50%;
	border-radius:50%;
}

	#bigBlue:hover {
		text-decoration:none;
	}

	#bigBlue img {
		width:275px;
		margin:85px auto 20px auto;
	}

	#bigBlue h2 {
		display:block;
		font-size:1.7em;
		margin:0px 37px;
		color:#95bbe1; /* lightBlue */
	}



/*
Activate Demo Form
===============================================
*/
	
#activateDemo {
	position:relative;
	background:#6b9c00; /* medGreen */
	background:rgba(107,156,0,0.9); /* medGreen */
	border-radius:20px;
	-moz-border-radius:20px;
	padding:25px 0px 0px 0px;
}
	
	#activateDemo h3 {
		color:#fff; /* white */
		font-size:4.0em;
		text-align:center;
	}
		
	#activateDemo h4 {
		font-size:2.0em;
		margin-top:20px;
		line-height:1.1em;
		text-align:center;
		color:#fc0; /* yellow */
	}
		
		#activateDemo h4 a {
			color:#fc0; /* yellow */
			text-decoration:underline;
		}
		
			#activateDemo h4 a:hover {
				color:#043361; /* darkBlue */
			}

	#activateDemo img {
		position:absolute;
		bottom:0px;
	}

		#activateDemo img:first-of-type {
			left:0px;
		}

		#activateDemo img:last-of-type {
			right:0px;
		}
		
	/* === Form ========= */
	#activateDemo form {
		width:380px;
		margin:30px auto 0px auto;
	}
	
		#activateDemo form label {
			display:block;
			margin:0px 20px 10px 20px;
			font-size:1.6em;
			color:#fff; /* white */
		}
	
			#activateDemo form label.hide {
				display:none !important;
			}

			#activateDemo form label input {
				display:block;
				background:none;
				border-top:none;
				border-right:none;
				border-bottom:#b9e35d solid 1px;
				border-left:none;
				color:#b9e35d; /* lightGreen */
				font-size:1.2em;
				width:100%;
				outline:none;
			}
	
			#activateDemo form span label {
				float:left;
				width:70px;
			}
		
				#activateDemo form span label:first-of-type {
					width:155px;
					margin:0px 5px 10px 20px;
				}
		
				#activateDemo form span label:last-of-type {
					float:right;
					width:65px;
					margin:0px 20px 10px 0px;
				}
	
		#activateDemo form #state {
			text-transform:uppercase;
		}
	
		#activateDemo form .blueButton1 {
			display:block;
			background-image:url(../../images/arrow-right-med-green.svg);
			background-size:8%;
			background-position:95% 50%;
			background-repeat:no-repeat;
			font-size:1.9em;
			line-height:1.2em;
			margin:50px auto 0px auto;
			width:300px;
			padding:10px 20px 10px 0px;
			cursor:pointer;
		}