/* GLOABAL SECTION STYLES */

.bold, strong
{
	font-weight: bold;
}


body
{
	font-family: 'Open Sans', sans-serif;
	background-color: #1D1B1B;
}

#thankyouWrap
{
	width: 100%;
	height: 100vh;
	min-height: 1500px;
	position: fixed;
	z-index: 7;
	display: none;
	background-color: rgba(198,42,27,0.9);
}

#thankyou
{
	position: relative;
	z-index: 8;
	background-color: #FFF;
	
	margin: 100px auto;
	max-width: 970px;
	padding: 60px;
}

	#tyclose
	{
		position: absolute;
		right: 4px;
		top: 3px;
		cursor: pointer;
		font-size: 20px;
	}

	#thankyou h2 
	{
		font-family: UniSans;
		font-size: 40px;
		font-weight: bold;
		padding-bottom: 20px;
		text-align: center;
	}

	#thankyou p 
	{
		font-family: 'Lato', sans-serif;
		font-size: 20px;
		padding-bottom: 15px;
		text-align: center;
	}

#call_tool
{
	background-color: #1D1B1B;
	padding: 40px;
	box-sizing: border-box;
}

	#call_tool iframe
	{
		min-height: 500px !important;
		margin: 0 auto;
		display: block;
	}

	


#popupWrap
{
	width: 100%;
	
	min-height: 1500px;
	min-height: 100vh;
	max-height: 100vh;
	overflow: auto;
	position: fixed;
	z-index: 7;
	display: none;
	background-color: rgba(198,42,27,0.9);
}

#popup
{
	position: relative;
	z-index: 8;
	background-color: #FFF;
	margin: 100px auto;
	max-width: 970px;
	padding: 60px;
}

	#puclose
	{
		position: absolute;
		right: 4px;
		top: 3px;
		cursor: pointer;
		font-size: 20px;
	}

	#popup h2 
	{
		font-family: UniSans;
		font-size: 40px;
		font-weight: bold;
		padding-bottom: 20px;
		text-align: center;
	}

	#popup p 
	{
		font-family: 'Lato', sans-serif;
		font-size: 20px;
		padding-bottom: 15px;
		text-align: center;
	}





#social
{
	position: fixed;
	z-index: 5;
	top: 200px;
	left: 0;
	width: 60px;
}

	.floating_soc_opt
	{
		display: inline-block;
		width: 60px;
		height: 60px;
		color: #FFF;
		margin-bottom: 10px;
		cursor: pointer;
		overflow: hidden;
		text-align: center;
		font-size: 14px !important;
		text-decoration: none !important;
		transition: all 0.2s;
	}

	.floating_soc_opt i 
	{
		color: #FFF;
		font-size: 40px;
		width: 100%;
		text-align: center;
		display: block;
		padding-top: 10px;
		text-decoration: none !important;
	}

	#fs_twitter
	{
		background-color: #4099FF;
	}

		#fs_twitter:hover
		{
			background-color: #60B9FF;
		}

	#fs_facebook
	{
		background-color: #3B5998;
	}

		#fs_facebook:hover
		{
			background-color: #5B79B8;
		}

	#fs_google
	{
		background-color: #DD4B39;
	}

		#fs_google:hover
		{
			background-color: #FD6B59;
		}

#wrap
{
	padding-top: 40px;
}

#header
{
	background-color: #FFF;
	border-bottom: 3px solid #FAF2EF;
	height: 40px;
	padding: 0;
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	z-index: 5;
}

	#site_title, #mobile_title, #mobile_menu
	{
		display: inline;
		float: left;
		padding: 0;
		padding-right: 40px;
		line-height: 40px;
		text-decoration: none;
		color: #222;
		font-weight: bold;
	}

	#mobile_menu
	{
		float: right;
		padding: 0;
		padding-left: 40px;
	}

	#mobile_menu:hover
	{

	}

		#mobile_menu i
		{
			padding: 0 4px;
			font-size: 1.2em;
		}

	#mobile_title, #mobile_menu
	{
		display: none;
	}

	#header nav 
	{
		width: 100%;
		max-width: 1050px;
		margin: 0 auto;
		overflow: auto;
		padding: 0 40px;
		overflow: auto;
		box-sizing: border-box;
	}

		#header nav ul li 
		{
			display: inline-block;
		}

			#header nav ul li a 
			{
				line-height: 40px;
				padding: 0 20px 0 0;
				font-size: 16px;
				color: #555;
				transition: color 0.2s;
				text-decoration: none;
				font-weight: bold;
				font-family: 'Lato', sans-serif;
			}

			#header nav ul li a:hover
			{
				color: #777;
			}

@media (max-width: 950px) {
	#header nav
	{
		overflow: hidden;
		height: 0;
		margin-top: 40px;
		width: 100%;
		background-color: #FFF;
	}

		#header nav ul li 
		{
			display: block;
			border-bottom: 3px solid #FAF2EF;
		}

			#header nav ul li a
			{
				display: block;
				line-height: 40px;
				padding: 0 20px 0 0;
				font-size: 1.4em;
				letter-spacing: 1px;
				text-align: center;
				color: #333;
				transition: color 0.2s;
				text-decoration: none;
				font-weight: normal;
				width: 100%;
				text-transform: uppercase;
				font-family: 'Oswald', sans-serif;
			}

	#site_title
	{
		display: none;
	}

	#mobile_menu
	{
		float: right;
		padding: 0;
	}

	#mobile_title, #mobile_menu
	{
		display: inline-block;
		padding: 0 40px;
	}
}

@media (max-width: 460px) {
	#mobile_title, #mobile_menu
	{
		display: inline-block;
		padding: 0 10px;
	}
}

.section_wrap
{
	width: 100%;
}

	.section_content
	{
		width: 100%;
		max-width: 1050px;
		margin: 0 auto;
		padding: 40px;
		overflow: auto;
		box-sizing: border-box;
	}

		.section_left_col
		{
			width: 50%;
			padding-right: 20px;
			float: left;
			box-sizing: border-box;
		}

		.section_right_col
		{
			width: 50%;
			padding-left: 20px;
			float: right;
			box-sizing: border-box;
		}

		.section_left_66
		{
			float: left;
			width: 66.666%;
			padding-right: 40px;
			box-sizing: border-box;
		}

		.section_left_33
		{
			float: left;
			width: 33.333%;
			padding-right: 40px;
			box-sizing: border-box;
		}

@media (max-width: 800px) {
	.section_left_col, .section_right_col
	{
		width: 100%;
		padding: 0;
	}
}

#headline {background-color: #EC3131;text-align: center;}
#infographic {background-color: #1D1B1B;}
#pdf {background-color: #2F2D2F;}
#news {background-color: #2F2D2F;}
#petition {background-color: #FAF2EF;}
#problems {background-color: #EC3131;}
#twitterTool {background-color: #FFF;}
#partners {background-color: #2F2D2F;}
#privacy {background-color: #1D1B1B;}

/* GLOBAL FONT STYLES */
.white_c
{
	color: #FFF;
}

.red_c
{
	color: #EC3131;
}

.p1
{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.2em;
}

.p2
{

}

.h1
{
	font-family: 'Lato', sans-serif;
	font-size: 1.6em;
	padding-bottom: 1em;
}

.h2
{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	padding-bottom: 1em;
}

.h3
{
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
	padding-bottom: 1em;
}

.header1
{
	font-family: UniSans;
	font-size: 48px;
	font-weight: bold;
	display: block;
	line-height: 1;
}

.header2
{
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	font-weight: bold;
	display: block;
	line-height: 1.4;
}

.header2 a 
{
	color: #FFF !important;
}

.header3
{
	font-family: UniSans;
	font-size: 28px;
	font-weight: bold;
	display: block;
	line-height: 1.2;
}

#congress_letter
{
	text-align: center;
}

#congress_letter p 
{
	max-width: 840px;
	margin: 0 auto;
}


/* HEADLINE SECTION CSS */

/* INFOGRAPHIC SECTION CSS */
.standardsWrap
{
	float: left;
	width: 25%;
	text-align: center;
	padding: 30px 0 60px 0;
}

	.standardsWrap p 
	{
		padding: 15px 0 0 0;
		font-family: 'Lato', sans-serif;
		font-size: 18px;
		line-height: 1.2;
		color: #FFF;
	}

#infoTabs
{
	padding-top: 30px;
	overflow: auto;
	margin: 0 40px;
}	

	.infoTab 
	{
		width: 20%;
		width: 33%;
		text-align: center;
		color: #EC3131;
		display: inline-block;
		float: left;
		cursor: pointer;
		transition: color 0.2s;
	}

	.infoTab:hover
	{
		color: #FFF;
	}

		.infoTab i
		{
			display: inline;
			font-size: 24px;
			line-height: 1.2;
			padding-right: 4px;
		}

		.infoTab span
		{
			padding-top: 20px;
			display: inline;
		}

#infoSlider
{
	position: relative;
	padding: 0;
	height: 15px;
	margin: 10px 40px 30px 40px;
}

	#le 
	{
		position: absolute;
		width: 7px;
		height: 7px;
		left: 0;
		top: 4px;
		background-color: #EC3131;
	}

	#re 
	{
		position: absolute;
		width: 7px;
		height: 7px;
		right: 0;
		top: 4px;
		background-color: #EC3131;
	}

	#bar 
	{
		position: absolute;
		width: 94px;
		height: 15px;
		margin-left: 50px;
		background-color: #EC3131;
	}

	#rail
	{
		position: absolute;
		width: 100%;
		height: 1px;
		margin-top: 7px;
		background-color: #EC3131;
	}

#infoView
{
	width: 100%;
	height: 462px;
	overflow: hidden;
}

	.infographicWrap
	{
		width: 100%;
		height: 462px;
		max-width: 844px;
		max-height: 462px;
		margin: 0 auto;
		display: none;
	}

	.infographicWrap img
	{
		width: 100%;
	}



/* PETITION SECTION CSS */

#petitionform
{

}

	#petitionform input
	{
		display: block;
		font-family: 'Lato', sans-serif;
		width: 100%;
		padding: 0.6em;
		font-size: 0.9em;
		box-sizing: border-box;
		border: none;
		background-color: #FFF;
		margin-bottom: 20px;
	}

	#errMsgWrapF
	{
		display: block;
		font-family: 'Lato', sans-serif;
		width: 100%;
		padding: 0.6em;
		font-size: 1.3em;
		box-sizing: border-box;
		border: none;
		background-color: #1D1B1B;
		color: #FFF;
		margin-top: 20px;
		overflow: auto;
	}

		#errMsgWrapF i 
		{
			float: left;
			padding-right: 10px;
			font-size: 2em;
			width: 40px;
			height: 40px;
		}

		#errMsgWrapF p 
		{
			line-height: 40px;
			padding-left: 50px;
		}

	#petitionform textarea
	{
		font-family: 'Lato', sans-serif;
		display: block;
		width: 100%;
		padding: 0.6em;
		font-size: 0.9em;
		box-sizing: border-box;
		border: none;
		background-color: #FFF;
		margin: 0;
		margin-bottom: 20px;

	}

	#petitionform input[type="submit"]
	{
		font-family: 'Oswald', sans-serif;
		background-color: #EAE2DF;
		background-color: #EC3131;
		border-top: 0px solid #FAF2EF;
		border-bottom: 5px solid #AF0F08;
		text-transform: uppercase;
		cursor: pointer;
		transition: all 0.2s;
		font-size: 1.4em;
		color: #FFF;
	}

	#petitionform input[type="submit"]:hover
	{
		background-color: #FF3F38;
		border-top: 5px solid #FAF2EF;
		border-bottom: 0px solid #AF0F08;
	}

/* PROBLEMS OVERVIEW SECTION CSS */

/* FOOTER CSS */

/* THANK YOU CSS */

#soc_options
{
	position: relative;
	height: 180px;
	width: 360px;
	margin: 0 auto;
}


.soc_op_wrap
{
	height: 100px;
	position: absolute;
	display: inline-block;
	margin-right: 20px;
}

.soc_op
{
	display: inline-block;
	width: 80px;
	height: 80px;
	cursor: pointer;
	color: #FFF;
	border-top: 0px solid #FFF;
	text-decoration: none;
	transition: all 0.2s;
	padding: 5px;
	text-align: center;
}

.side_soc_op
{
	display: block;
	border: none;
}

.soc_op:hover
{
	border-top: 5px solid #FAF2EF;
}

	.soc_op i 
	{
		color: #FFF;
		font-size: 50px;
		width: 100%;
		text-align: center;
		display: block;
		padding-top: 8px;
		text-decoration: none;
	}

#twitter
{
	background-color: #4099FF;
	border-bottom: 5px solid #1069CF;
}

	#twitter:hover
	{
		border-bottom: 0px solid #1069CF;
	}

#facebookWrap
{
	margin-left: 100px;
}

#facebook
{
	background-color: #3B5998;
	border-bottom: 5px solid #0B2968;
}

	#facebook:hover
	{
		border-bottom: 0px solid #0B2968;
	}

#googleWrap
{
	margin-left: 200px;
}

#google
{
	background-color: #DD4B39;
	border-bottom: 5px solid #AD1B09;
}

	#google:hover
	{
		border-bottom: 0px solid #AD1B09;
	}

/* PSEUDO LOGIN STYLES */

#loginFormWrap
	{
		width: 220px;
		height: auto;
		overflow: auto;
		padding: 50px;
		margin: 0 auto 0 auto;
		box-shadow: 0 0 10px #888;
	}

		#lockIcon
		{
			width: 120px;
			height: 120px;
			margin: 0 auto 50px auto;
			border-radius: 60px;
			background-color: #DDD;
			text-align: center;
			box-shadow: 0 0 10px #DDD;
		}

			#lockIcon i 
			{
				line-height: 120px;
				color: #AAA;
			}

		.miscFormRowWrap
		{
			overflow: auto !important;
			height: auto;
		}

			.miscFormRow, .timeSelect
			{
				width: 270px;
				height: 34px;
				border-radius: 4px;
				margin: 0 0 10px 0;
				box-shadow: 0 0 2px #AAA;
			}

			.timeSelect
			{
				width: auto;
				display: inline-block;
				margin: 0 5px 0 0;
			}

				.miscFormRow input, select, .timeSelect select 
				{
					width: 270px;
					height: 34px;
					color: #555;
					padding: 0.2em 0.6em;
					border: 1px solid #AAA;
					border-radius: 4px;
					font-family: 'Helvetica', Arial, Lucida Grande, sans-serif !important;
					font-size: 0.9em;
					
					box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}

				.timeSelect select
				{
					width: 60px;
					padding: 0.2em;
				}

			.miscFormRowOption
			{
				width: 34px;
				height: 34px;
				border-radius: 4px;
				margin: 0 0 10px 20px;
				box-shadow: 0 0 2px #AAA;
				border: 1px solid #AAA;
				cursor: pointer;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}

			

				.miscFormRowOption i 
				{
					width: 34px;
					line-height: 34px;
					text-align: center;
					color: #EB2027;
					border-radius: 4px;
					transition: all 0.2s;
					-webkit-transition: all 0.2s;
					box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}

				.miscFormRowOption i:hover
				{
					background-color: #EB2027;
					color: #FFF;
				}

					.miscFormRowOption span i 
					{
						width: 34px;
						line-height: 34px;
						text-align: center;
						color: #333;
						border-radius: 4px;
						transition: all 0.2s;
						-webkit-transition: all 0.2s;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
					}

					.miscFormRowOption span i:hover
					{
						background-color: #333;
						color: #FFF;
					}



		.loginFormRow
		{
			width: 220px;
			height: 34px;
			border-radius: 4px;
			margin: 0 0 10px 0;
			box-shadow: 0 0 2px #AAA;
		}

			.loginFormRowIcon
			{
				float: left;
				width: 44px;
				height: 34px;
				background-color: #DDD;
				border: 1px solid #AAA;
				border-right: none;
				border-radius: 4px 0 0 4px;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}

				.loginFormRowIcon i 
				{
					color: #555;
					line-height: 34px;
					text-align: center;
					width: 44px;
					display:;
				}

				.loginFormRowIcon p
				{
					color: #333 !important;
					font-family: 'Lato', sans-serif !important;
					font-weight: 700 !important;
					line-height: 34px !important;
					text-align: center !important;
					width: 44px !important;
				}

			.loginFormRow input 
			{
				float: left;
				width: 176px;
				height: 34px;
				color: #555;
				padding: 0.2em 0.6em;
				border: 1px solid #AAA;
				border-radius: 0 4px 4px 0;
				font-family: 'Helvetica', Arial, Lucida Grande, sans-serif !important;
				font-size: 0.9em;
				
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}

			.button,
			#loginFormSubmit
			{
				float: left;
				height: 34px;
				border: 1px solid #AAA;
				border-radius: 4px;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				width: 220px;
				font-family: 'Lato', sans-serif !important;
				font-weight: 400;
				font-size: 1.1em;
				line-height: 1em;
				padding: 0;
				cursor: pointer;
				color: #333;
				background-color: #EC3131;
				transition: background-color 0.2s;
				-webkit-transition: background-color 0.2s;
			}

			.button:hover,
			#loginFormSubmit:hover
			{
				background-color: #FF4F48;
			}

	#loginFormErrMsgWrap, #errMsgWrap
	{
		width: 260px;
		height: auto;
		overflow: auto;
		padding: 30px;
		margin: 40px auto 0 auto;
		box-shadow: 0 0 10px #888;
		display: block;
	}

	#errMsgWrap
	{
		margin-top: 100px;
	}

		#loginFormErrMsgWrap i, #errMsgWrap i
		{
			color: #D43F3A;
		}

		#loginFormErrMsgWrap p, #errMsgWrap p
		{
			float: right;
			width: 200px;
			color: #333;
			font-family: 'Helvetica', Arial, Lucida Grande, sans-serif;
			font-size: 0.9em;
		}



#footer
{
	width: 100%;
	height: 50px;
	background-color: #2F2F2F;
}

	#footer p 
	{
		vertical-align: middle;
		font-family: 'Lato', sans-serif !important;
		font-size: 0.75em;
		color: #FFF;
		line-height: 50px;
		text-align: center;
		text-decoration: none;
	}

		#footer p img 
		{
			vertical-align: middle;
			padding: 0 2em;
		}

		#footer p a 
		{
			text-decoration: underline;
			color: #FFF;
		}






/* ------------------------------------------------------ */
/* ----------------->>> FONT IMPORTS <<<----------------- */
/* ------------------------------------------------------ */

@font-face
{
	font-family: UniSans;
	src:url('../fonts/Uni-Sans/Uni Sans Heavy Italic.otf');
	font-stretch: condensed;
	font-style: italic;
	font-weight: bold;
}

@font-face
{
	font-family: UniSans;
	src:url('../fonts/Uni-Sans/Uni Sans Heavy.otf');
	font-stretch: condensed;
	font-style: normal;
	font-weight: bold;
}

@font-face
{
	font-family: UniSans;
	src:url('../fonts/Uni-Sans/Uni Sans Thin Italic.otf');
	font-stretch: condensed;
	font-style: italic;
	font-weight: normal;
}

@font-face
{
	font-family: UniSans;
	src:url('../fonts/Uni-Sans/Uni Sans Thin.otf');
	font-stretch: condensed;
	font-style: normal;
	font-weight: normal;
}