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



body { 

	background: url('https://fightfast.com/images/postcard/america.jpg') no-repeat;

	background-attachment: fixed;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	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; }

		.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%;}



}



