@font-face {
	font-family:'BebasNeueRegular';font-style:normal;font-weight:normal;src:url(/t/assets/fonts/bbn.eot);src:local('Bebas Neue'),local('BebasNeue'),local('Bebas Neue Regular'),
	local('BebasNeueRegular'), url(/t/assets/fonts/bbn.eot?#iefix) format('embedded-opentype'),url(/t/assets/fonts/bbn.woff) format('woff'),url(/t/assets/fonts/bbn.ttf) format('truetype');
}



/* Desktop */
	#site_overlay {
		position:absolute;
		height:100%;
		width:100%;
		background-color:rgba(0,0,0,.4);
		top:0;
		left:0;
		z-index:999;
		display: none;
	}
		#ays_dialog {
			width:460px;
			margin-left:-250px;
			padding: 20px;
			position:relative;
			top: 50%;
			transform: translateY(-50%);
			z-index: 99999;
		}
		#vote_dialog {
			padding: 80px;
			width: 940px;
			box-sizing: border-box;
			margin-left: -470px;
			position:relative;
			top: 200px;
			z-index:999999;
		}
		#results_dialog {
			padding: 50px;
			width: 940px;
			box-sizing: border-box;
			margin-left: -470px;
			position:relative;
			top: 200px;
			z-index:999999;
		}
		.dialog {
			max-width:100%;
			height: auto;
			left: 50%;
			background: #fff;
			display: none;
		}
			#results_dialog .title {
				margin: 0 0 5px;
				font-size: 49px;
				line-height: 49px;
				color: #04324b;
				font-family: 'BebasNeueRegular',serif;
			}
			#results_dialog .footer {
				float: left;
			}
				#results_dialog .back-to-home,
				#results_dialog .share {
					color: #000000;
					font-size: 16px;
					font-family: Georgia, Times, "Times New Roman", serif;
					text-decoration: none;
					font-style:italic;
				}
				
				#socialsW { display: inline-block; height: 17px;  padding-top: 3px; width: 200px; }

						#voting_results .option-container {
							float: left;
							text-align: center;
							margin-bottom: 10px;
						}
							#voting_results .option-container .option {
								cursor: default;
							}
							#voting_results .percentage {
								color: #d01203;
								font-size: 30px;
								line-height: 40px;
								font-family: 'BebasNeueRegular', serif;
							}
			.dialog p {
				color: #000000;
				font-family: Georgia, Times, "Times New Roman", serif;
				font-style: italic;
				font-size: 16px;
				line-height: 24px;
				margin: 0 0 20px;
			}
			.button {
				background-color: #d01203;
				color: #ffffff;
				display: inline-block;
				text-align: center;
				padding: 0 20px;
				height: 45px;
				line-height: 45px;
				font-size: 24px;
				border: none;
				font-family: 'BebasNeueRegular', serif;
				letter-spacing: 1px;
				text-decoration: none;
				cursor: pointer;
			}
			.button:hover {
				background-color: #ec1605;
			}
			.back-button {
				color: #d01203;
				margin-left: 20px;
				display: inline-block;
				height: 45px;
				line-height: 45px;
				font-size: 24px;
				font-family: 'BebasNeueRegular', serif;
				letter-spacing: 1px;
				text-decoration: none;
			}
			.back-button:hover {
				color: #ec1605;
			}
				#vote_dialog #voteForm .formEl {
					width: 25%;
					float: left;
				}
					#vote_dialog #voteForm .formEl label {
						color: #898989;
						font-family: Georgia, Times, "Times New Roman", serif;
						font-style: italic;
						font-size: 14px;
						line-height: 27px;
						display: block;
						clear: both;
					}
					#vote_dialog #voteForm .formEl label > span {
						color: #ff5522;
					}
					#vote_dialog #voteForm .formEl input {
						height: 45px;
						line-height: 45px;
						background-color: #cccccc;
						width: 90%;
						border: none;
						font-size: 20px;
						padding: 10px;
						box-sizing: border-box;
						color: #414141;
					}
				#vote_dialog #voteForm .button {
					margin-top: 21px;
					padding: 0 60px;
				}
	#GlobalW,
	body {
		margin:0;
		padding:0;
		position:relative;
	}

		#HeadW {
			width: 100%;
			overflow: hidden;
			height: 225px;
			max-height: 225px;
		}
			#HeadW .logo-container {
				background: url(i/header-bg.jpg) no-repeat;
				background-size: cover;
				text-align: center;
				height: 202px;
				width: 100%;
				padding-top: 23px;
			}
				#HeadW .logo-container .logo-desktop {
					height: 178px;
					width: 538px;
					display: inline-block;
					background: url(i/logo.png) no-repeat;
					text-indent: -9999px;
				}

		#NationalW {
			padding: 52px 0 30px;
			width: 960px;
			box-sizing: border-box;
			margin: 0 auto;

		}
			#choices {
				display: block;
				float: left;
				height: 164px;
				width: 100%;
			}
				#choices .choice-container {
					width: 282px;
					margin: 0 10px;
					float: left;
					background-color: #d7d7d7;
					height: 140px;
					padding: 12px 9px;
				}
					#choices .choice-container .choice-text {
						font-family: 'BebasNeueRegular', serif;
						font-size: 24px;
						line-height: 30px;
						color: #04324b;
						padding-left: 15px;
					}
					#choices .choice-container .choice-text .red {
						color: #d01203;
					}

					#choices .choice {
						display: block;
						width: 140px;
						height: 140px;
						float: right;
						border: 1px dashed #d01203;
						color: #d01203;
						font-family: 'BebasNeueRegular', serif;
						font-size: 100px;
						text-align: center;
						line-height: 140px;
						overflow: hidden;
						margin-left: 10px;
						position: relative;
					}
						#choices .choice.over {
							border: 1px solid #d01203;
						}
						#choices .choice .exit {
							color: #ffffff;
							position: absolute;
							top: 5px;
							right: 5px;
							font-size: 14px;
							height: 14px;
							width: 14px;
							cursor: pointer;
							z-index: 99999;
							display: block;
						}
						#choices .choice .option {
							width: 140px;
							height: 140px;
							display: block;
							float: left;
							background-color: #acacac;
							position: relative;
							cursor: pointer;
						}
						#choices .choice .option .overlay {
							display: none;
						}
						#choices .choice .option .option-name {
							position: absolute;
							left: 0;
							bottom: 0;
							width: 100%;
							display: block;
							line-height: 22px;
							height: 20px;
							font-family: 'BebasNeueRegular', serif;
							text-align: center;
							font-size: 15px;
							background-color: #d01203;
							color: #ffffff;
							letter-spacing: 1px;
							overflow: hidden;
						}

				#InnerC {
					height: 54px;
					position: relative;
					text-align:center;
					padding-top: 15px;
					background: url(i/rule.jpg) repeat-x 0 37px;
					margin: 0 10px;
				}

				#NationalW .desktop.directions {
					font-family: 'BebasNeueRegular', serif;
					font-size: 33px;
					color: #04324b;
					line-height: 36px;
					margin: 0;
				}
				#NationalW .desktop.directions .fa-arrows-alt {
					color: #d01203;
				}
			#button-container {
				width: 340px;
				height: 45px;
				background-color: #ffffff;
				position: absolute;
				left: 50%;
				margin-left: -170px;
			}
				#vote {
					background-color: #d01203;
					color: #ffffff;
					text-align: center;
					width: 300px;
					height: 45px;
					line-height: 45px;
					border: none;
					font-size: 24px;
					font-family: 'BebasNeueRegular', serif;
					letter-spacing: 1px;
					cursor: pointer;
				}
				#vote:hover {
					background-color: #ec1605;
				}
			#options,
			#voting_results {
				width: 100%;
			}
				#options .option,
				#voting_results .option {
					width: 140px;
					height: 140px;
					float: left;
					margin: 10px;
					background-color: #acacac;
					position: relative;
					cursor: move;
				}
				#options .option .overlay {
					position: absolute;
					top: 0px;
					left: 0px;
					height: 140px;
					width: 140px;
					line-height: 115px;
					font-size: 80px;
					font-family: 'BebasNeueRegular', serif;
					background-color: rgba(0,0,0,.6);
					opacity: 0;
					text-align: center;
					color: #ffffff;
				}
				#options .option.selected .overlay {
					opacity: 1;
					background-color: rgba( 208, 18, 3,.6);
				}
					#options .option:hover .option-name,
					#options .option.selected .option-name {
						background-color: #d01203;
					}
					#options .option .option-name,
					#voting_results .option .option-name {
						position: absolute;
						left: 0;
						bottom: 0;
						width: 100%;
						display: block;
						line-height: 28px;
						height: 25px;
						font-family: 'BebasNeueRegular', serif;
						text-align: center;
						font-size: 15px;
						background-color: rgba( 4, 50, 75, 0.8);
						color: #ffffff;
						letter-spacing: 1px;
						overflow: hidden;
					}

			#disclaimer {
				font-size: 14px;
				font-family: Georgia, Times, "Times New Roman", serif;
				color: #464646;
				font-style: italic;
				padding: 30px 10px 0;
				margin: 0;
				text-align: center;
			}
		#FootW {
			height: 95px;
			width: 100%;
			background-color: #021c2a;
			color: #999999;
			font-size: 13px;
			padding-top: 35px;
			font-family: Georgia, Times, "Times New Roman", serif;
			text-align: center;
		}
			#copy {
				text-decoration: none;
				color: #999999;
			}
			#privacy {
				color: #10afdd;
				text-decoration: none;
			}

			.mobile {display:none;}
			.desktop {display:block;}
			.cl {display: block;clear:both;}

@media screen and (max-width: 940px) {
	#vote_dialog {
		left: 0;
		margin-left: 0;
	}
}

/* Mobile */
@media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 767px) and (orientation: landscape), screen and (max-width: 767px) {

		#vote_dialog,
		#results_dialog,
		#ays_dialog {
			padding: 10px;
			top: 63px;
		}
			#vote_dialog #voteForm .formEl {
				width: 100%;
				display: block;
				clear: both;
			}
				#vote_dialog #voteForm .formEl input,
				#vote_dialog #voteForm .button {
					width: 100%;
				}
		#results_dialog,
		#ays_dialog {
			margin-left: 0;
			left: 0;
		}
		#ays_dialog {
			transform: none;
			max-width: 100%;
		}
			#results_dialog #voting_results {
				text-align: center;
			}
				#results_dialog #voting_results .option-container {
					float: none;
					display: inline-block;
				}
			#results_dialog .title,
			#results_dialog .dialogC {
				text-align: center;
			}

		#HeadW {
			max-height: 240px;
			height: 240px;
		}
			#HeadW .logo-container {
				background: url(i/m-breitbart-primary-header.jpg) no-repeat;
				height: 240px;
				padding-top: 0;
				background-size: cover;
			}
				#HeadW .logo-container .logo-mobile {
					background: url(i/m-breitbart-primary-logo.png) no-repeat;
					height: 202px;
					width: 237px;
					display: inline-block;
					margin-top: 20px;
					text-indent: -2000px;
				}
				#HeadW .logo-container .logo-desktop {
					display: none;
				}

		#NationalW {
			padding: 17px 0 20px;
			max-width: 100%;
			box-sizing: border-box;
		}
			#choices {
				display: none;
			}
			#InnerC {
				padding: 0 10px;
				height: auto;
				margin: 0;
				background: none;
			}
				#InnerC #button-container {
					position: relative;
					left: 0;
					margin-left: 0;
					width: 100%;
				}

				#NationalW .mobile.directions {
					color: #04324b;
					font-size: 28px;
					font-family: 'BebasNeueRegular', serif;
					line-height: 30px;
					text-align: center;
				}
				#vote {
					background-color: #ec1605;
					width: 100%;
					margin: 10px 0 14px;
					display: block;
					clear: both;
				}
				#options .option {
					cursor: pointer;
				}
			#disclaimer {
				text-align: left;
			}
		#FootW {
			height: 185px;
			padding-top: 0;
			background-color: #000000;
		}
			#footer-logo {
				text-indent: -2000px;
				height: 59px;
				width: 77px;
				background: url(i/m-footer-logo.png) no-repeat;
				display: inline-block;
				margin: 26px 0 20px;
			}
			#CopyC {
				padding-top: 20px;
				border-top: 1px dashed #ababab;
				margin: 0 32px;
			}
	.mobile {display:block;}
	.desktop {display:none;}
}