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

body { 
	background-color: #000066;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased !important;
	-moz-font-smoothing: antialiased !important;
	-o-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	}

	h1, h2, h3, h4 { text-align: center; font-weight: 700 !important; font-family: 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased !important;
	-moz-font-smoothing: antialiased !important;
	-o-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

	h1 {font-size:  2.0rem; line-height: 2.1rem;}

	h2 {font-size: 1.8rem;}
	h3 {font-size: 1.5rem;}
	.imgCap {font-size: .6rem; line-height: 1rem !important; text-indent: 0px !important;}
	#turnSpeakers {margin-top: 2rem;}
	#lrgHeader {font-size: 4rem; line-height: 4.1rem;}
		.red {color: red;}
		.blue {color: blue;}

	#wrap { padding: 1rem; 
		background-color: #FFFFFF;
		margin: 3rem auto;}

		#wrap p { text-indent: 1rem; font-family: "Courier New", Courier, mono;}
		#waiver p { font-family: Times, Garamond serif !important; }
		#waverlist li {font-family: Times, Garamond serif !important;}
		.noIndent { text-indent: 0px !important;}
		#marginDown {margin-top: 3rem;}

		#tscript {
		text-align: left;
		margin-left: 30px;
		padding-top: 8px;
		padding-left: 25px;
		padding-bottom: 10px;
		margin-top: 10px;
		cursor: pointer;
		text-decoration: underline;
		color: #000099;
		font-size: .75rem;
		background: url('../assets/view.png') no-repeat top left;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased !important;
		-moz-font-smoothing: antialiased !important;
		-o-font-smoothing: antialiased !important;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		}

		#transcript {
			display:none;
			}

		#footer { text-align: center; font-size: .75rem;}
/* List Styles ========================================================= */
.highlight { background: yellow;}
.checkmark { list-style-type: none; padding: 1rem; padding-top: 0px; padding-bottom: 0px;}
.checkmark li {
	background: url('../assets/check.png') top left no-repeat;
	padding-left: 35px;
	padding-top: 8px;
	margin-left: -20px;
	}
	
	.checkmark li:last-child {
		padding-bottom: 10px;
		}
.arrow {list-style-type: none; padding: 1rem; padding-top: 0px; padding-bottom: 0px;}
.arrow li {
	background: url('../assets/arrow.png') top left no-repeat;
	padding-left: 35px;
	padding-top: 0px;
	margin-left: -20px;
	}
	
	.arrow li:last-child {
		padding-bottom: 5px;
		}
.red-check { list-style-type: none; padding: 1rem; padding-top: 0px; padding-bottom: 0px;}
.red-check li {
	background: url('../assets/red-checkmark.png') top left no-repeat;
	padding-left: 30px;
	padding-top: 3px;
	margin-left: -20px;
	}
	
	.red-check li:last-child {
		padding-bottom: 5px;
		}

	#accredited {
	margin: auto;
	padding: 10px;	
	text-align: center;
	display:none;
}

	#accredited h3 {
	font-size: 1.9rem;
	padding-bottom: 5px;
	color: #404040;
		}
		
#asseenin {
	margin: auto;
	padding: 10px;
	text-align:center;
	display:none; 
	}
		
		#asseenin h3 {
			font-size: 1.9rem; 
			padding-bottom: 5px;
			color: #404040;
			}

			.numbered {
		margin-left: 2rem;
		padding-right: 0;
		list-style-type:none;
	}

		.numbered li { counter-increment: step-counter; 
			padding-bottom: 1rem;
			font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		}

		.numbered li::before {
			content: counter(step-counter);
			margin-right: 5px;
			font-size: 140%;
			color: red;
			font-weight: 700;
			padding: 3px 5px;
			border-radius: 3px;
			text-decoration: underline;
			font-family: 'Open Sans', sans-serif;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

	.recap {
		margin-left: 1 rem;
		padding-right: 0;
		list-style-type:none;
	}

		.recap li { counter-increment: 
			step-counter; 
			padding-bottom: 1rem;
			font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		}

		.recap li::before {
			content: counter(step-counter);
			margin-right: 5px;
			font-size: 120%;
			background-color: red;
			color: white;
			font-weight: 700;
			padding: 3px 8px;
			border-radius: 3px;
			font-family: 'Open Sans', sans-serif;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

		.circleCheck {
			padding: .5rem;
			list-style-type: none;
		}

		.circleCheck li { padding: .5rem 1rem 1.5rem 4rem;
			margin-top: .8rem;
			background: url('../assets/circleCheck.png') top left no-repeat;
			border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
			font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		}

		.circleCheck li:last-child { border-bottom: none;}

	.infoCircle {
		padding: .5rem;
		list-style-type: none;
		;
	}
		.infoCircle li { padding: .5rem 1rem 1.5rem 4rem;
			margin-top: .8rem;
			background: url('../assets/infoCircle.png') top left no-repeat;
			border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
			font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		}

		.infoCircle li:last-child {border-bottom: none;}

/* Testimonial Styles */


	#tests {
		position: absolute;
		width: 100%;
	}

	#left { margin-top: 7rem; z-index: 2;}
	#right { margin-top: 7rem; z-index: 2;}
	.test { list-style-type: none;}

	.test p { font-size: .80rem;
		line-height: 1rem;}	

		.test h5 { font-size: 1rem;
			font-weight: bold;}

	.test li {padding: .5rem; 
		margin-bottom: .5rem;
		-webkit-box-shadow: 7px 9px 5px -6px rgba(0,0,0,0.51);
		-moz-box-shadow: 7px 9px 5px -6px rgba(0,0,0,0.51);
		box-shadow: 7px 9px 5px -6px rgba(0,0,0,0.51);
	}

	.test li:nth-child(odd) { background: #eae8d7;}
	.test li:nth-child(even) { background: #efdfb3;}

	.lineUp {margin-top: -.7rem !important;}
		

/* Snaring Video Styles */

#offerIntro {float: right; width: 65%; margin-top: -1.6rem;
	display: none; }

#offerKillTrap {float: right; width: 65%; margin-top: -1.6rem;
	display: none; }

	#offerKillTrap h4 {text-align: left;}

#offerlrgGameTraps {float:right; display:none;}
	
	#offerlrgGameTraps h4 {text-align: left;}

#offersprngSnrTraps {float:right; display:none;}
	
	#offersprngSnrTraps h4 {text-align: left;}

	.flex-video {
position: relative !important;
			padding-bottom: 56.25% !important; /* 16:9 */
			padding-top: 0px !important;
			height: 0; }

	#topBar { padding: .5rem;
		background: #b7b7b7;
		color: white;
		text-align: center;
		font-size: 200%;
		overflow: auto;}

		#countdown {font-weight: bold;}

		.tierOne { display: none;}
		
		.tscriptTier {display: none;}

		#closeContainer{padding-top: 2rem;}
		#closeContainer input[type="text"]{
			background: #f2f2f2;
		}


/* Media Queries ======================================================= */

/* small */
@media only screen and (max-width: 40em) {
	h1 {font-size:  1.8rem; line-height: 2.1rem;}
	#logo { width: 10rem; 
		position: absolute;
		margin-top: -2rem;
		margin-left: -1.8rem;
		z-index: 1 !important;}

		#floatBottom {margin-top: 5.5rem;}

		

		#offerKillTrap {float: right; width: 100%; margin-top: -1.6rem; overflow: auto; }
		#offerlrgGameTraps {float: right; width: 100%; margin-top: -1.6rem; overflow: auto; }
		#offersprngSnrTraps {float: right; width: 100%; margin-top: -1.6rem; overflow: auto; }


		.checkmark { list-style-type: none; padding: 0px !important;}
		.arrow {list-style-type: none; padding: 0px !important;}
		.red-check { list-style-type: none; padding: 0px !important;}
 }	

/* medium */
@media only screen and (min-width: 40.063em) { 
	
	#logo { 
		position: absolute;
		margin-top: -3.8rem;
		margin-left: -5.5rem !important;
		z-index: 1 !important;}	

	#left {margin-left: -1%;}



}

/*large */
@media only screen and (min-width: 64.063em) { 

	#logo { width: 25%; 
		position: absolute;
		margin-top: -2.8rem;
		margin-left: -2.5rem;
		z-index: 1 !important;}

	#left {margin-left: -5%;}
	#right {margin-right: -3%;}

}